海里捞bug

购物车物品数量的加减操作：需要注意的是，物品在添加到购物车时，默认数量是1件，用户在购物车操作时，当物品只有1件，禁止减号（-）按钮

forEach forEach(function (v, i){用于调用数组的每个元素，并将元素传递给回调函数。原数组不变}) map map(function (v, i){ })，原数组的每一项执

将字符串转换为驼峰命名的方法，需要先将数组文字变为小写，再将字符串转换为字符串数组，再map封装（map可修改数组的某个元素），分支判断语句后，再将分割好的字母换回大写，在输出出来

字体图标 iconfont 阿里巴巴矢量图标库 https://www.iconfont.cn/ 一定要注册登录方便项目管理 本地引入 挑选图标加入购物车 添加至项目 去到项目中，点击下载代码 解压压

在网页中使用精灵图 1、书写一个盒子 2、设置盒子的宽高和精灵图中小图片的大小保持一致 3、设置盒子的背景图为精灵图 4、设置背景图片的位置（background-position）

定位的常见应用场景 1、解决盒子与盒子之间的层叠问题 子绝父相 2、让盒子固定在页面中的某个位置 固定定位 相对定位、绝对定位、固定定位的特点 相对定位

结构伪类选择器找到偶数、奇数个li标签 偶数个li标签 li:nth-child( 2n ) { css } li:nth-child( even ) { css } 奇数个li标签

不同选择器的优先级公式 继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<!important 注意点 !important不能提升继承的优先级 权重叠加方法

后代选择器选择标签 选择器1 选择器2 { css的属性名：属性值； } hover伪类选择器设置标签的鼠标悬停状态 a:hover { css的属性名：属性值； } 设置标签的背景颜色和背景图片