diff --git "a/11 \351\202\271\344\272\250\344\274\237/20231206.md" "b/11 \351\202\271\344\272\250\344\274\237/20231206.md"
new file mode 100644
index 0000000000000000000000000000000000000000..fab8ee99d110dc451910bedc1e9464f85d74b0dc
--- /dev/null
+++ "b/11 \351\202\271\344\272\250\344\274\237/20231206.md"	
@@ -0,0 +1,166 @@
+## 笔记
+
+`String` 是内置的构造函数，用于创建字符串。
+
+```
+<script>
+  // 使用构造函数创建字符串
+  let str = new String('hello world!');
+
+  // 字面量创建字符串
+  let str2 = '你好，世界！';
+
+  // 检测是否属于同一个构造函数
+  console.log(str.constructor === str2.constructor); // true
+  console.log(str instanceof String); // false
+</script>
+```
+
+1. 实例属性 `length` 用来获取字符串的度长(重点)
+2. 实例方法 `split('分隔符')` 用来将字符串拆分成数组(重点)
+3. 实例方法 `substring（需要截取的第一个字符的索引[,结束的索引号]）` 用于字符串截取(重点)
+4. 实例方法 `startsWith(检测字符串[, 检测位置索引号])` 检测是否以某字符开头(重点)
+5. 实例方法 `includes(搜索的字符串[, 检测位置索引号])` 判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false(重点)
+6. 实例方法 `toUpperCase` 用于将字母转换成大写
+7. 实例方法 `toLowerCase` 用于将就转换成小写
+8. 实例方法 `indexOf` 检测是否包含某字符
+9. 实例方法 `endsWith` 检测是否以某字符结尾
+10. 实例方法 `replace` 用于替换字符串，支持正则匹配
+11. 实例方法 `match` 用于查找字符串，支持正则匹配
+
+## 作业
+
+购物车
+
+~~~
+ <script>
+    const dataArr = [
+      {
+        id: 1,
+        icon: 'img/火龙果.png',
+        isChecked: true,
+        num: 2,
+        price: 6,
+      },
+      {
+        id: 2,
+        icon: 'img/荔枝.png',
+        isChecked: false,
+        num: 7,
+        price: 20,
+      },
+      {
+        id: 3,
+        icon: 'img/榴莲.png',
+        isChecked: false,
+        num: 3,
+        price: 40,
+      },
+      {
+        id: 4,
+        icon: 'img/鸭梨.png',
+        isChecked: true,
+        num: 10,
+        price: 3,
+      },
+      {
+        id: 5,
+        icon: 'img/樱桃.png',
+        isChecked: false,
+        num: 20,
+        price: 34,
+      },
+    ]
+
+    // 1. 渲染业务
+    const tbody = document.querySelector('.tbody')
+    const price = document.querySelector('.price')
+    const checkAll = document.querySelector('.check-all input')
+
+    function render() {
+      let total = 0
+      const strArr = dataArr.map(function (ele, index) {
+        return `
+            <div class="tr" data-id="${index}">
+              <div class="td"><input type="checkbox" ${ele.isChecked ? 'checked' : ''} /></div>
+              <div class="td"><img src="${ele.icon}" alt="" /></div>
+              <div class="td">${ele.price}</div>
+              <div class="td">
+                <div class="my-input-number">
+                  <button class="decrease"> - </button>
+                  <span class="my-input">${ele.num}</span>
+                  <button class="increase"> + </button>
+                </div>
+              </div>
+              <div class="td">${ele.price * ele.num}</div>
+              <div class="td"><button class="button del">删除</button></div>
+          </div> 
+        `
+      })
+      tbody.innerHTML = strArr.join('')
+
+      // 全选按钮设置
+      checkAll.checked = dataArr.every(ele => ele.isChecked === true)
+      // 总价模块：只选择勾选的商品
+      const newArr = dataArr.filter(ele => ele.isChecked)
+
+      const totalPrice = newArr.reduce((prev, item) => prev += item.num * item.price, 0)
+      document.querySelector('.price-box .price').innerHTML = totalPrice.toFixed(2)
+      const totalNum = newArr.reduce((prev, item) => prev += item.num, 0)
+      document.querySelector('.pay').innerHTML = `结算(${totalNum})`
+      // 空空购物车是否显示
+      const empty = document.querySelector('.empty')
+      empty.style.display = dataArr.length === 0 ? 'block' : 'none'
+    }
+    render()
+
+
+    // 2. 事件委托
+    tbody.addEventListener('click', function (e) {
+      const id = e.target.parentNode.parentNode.dataset.id
+      // 删除业务
+      if (e.target.className === 'del') {
+        dataArr.splice(id, 1)
+        //渲染业务
+        render()
+      }
+      // 小复选框业务是否全选开控制总的复选框
+      if (e.target.tagName === 'INPUT') {
+        // alert(11)
+        dataArr[id].isChecked = e.target.checked
+        //渲染业务
+        render()
+      }
+
+      // 增加数量业务
+      if (e.target.className === "increase") {
+        const idNum = e.target.parentNode.parentNode.parentNode.dataset.id
+        dataArr[idNum].num++
+        render()
+      }
+      // 删除数量业务
+      if (e.target.className === "decrease") {
+        const idNum = e.target.parentNode.parentNode.parentNode.dataset.id
+        if (dataArr[idNum].num <= 1) {
+          dataArr[idNum].num = 1
+        } else {
+      dataArr[idNum].num--  
+          render()
+        }
+      }
+    })
+
+    // 3. 全选反选点击
+    // 3.1 点击全选修改数组所有选中状态为true
+    checkAll.addEventListener('click', function () {
+      dataArr.forEach(ele => ele.isChecked = this.checked)
+      // console.log(dataArr)
+      // 渲染页面
+      render()
+    })
+
+
+
+  </script>
+~~~
+