不悲不康

DOM (文档对象模型)、BOM（浏览器对象模型） 什么是DOM DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API）

对象是什么 ⚫ 对象（object）：JavaScript里的一种数据类型 ⚫ 可以理解为是一种无序的数据集合 ⚫ 用来描述某个事物，例如描述一个人 ➢ 对象是一种数据类型 ➢

数组 数组是什么 数组(Array)是一种可以按顺序保存数据的数据类型 可以一次性存储多个数据 计算机中的编号从0开始，所以小明的编号为0，小刚编号为1，以此类推 在数组中，数据的编号也叫索引

运算符 算术运算符 + 加法 -减法 *乘法 / 除法 %取余 计算圆的面积 面积的数学公式： π*r² 转换为JavaScript写法 ： 变量 * r * r Ja

JavaScript 是什么？ 是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。 能做什么？ 网页特效（监听用户的一些行为让网页作出对应的反馈） 表单验证（针

响应式 书写顺序 能够根据设备宽度的变化，设置差异化样式 min-width（从小到大） max-width（从大到小） 默认值 768以下是XS 768-992是SM 992-1200是MD 120

移动适配rem；less； vw/vh; 移动适配 rem ： 目前多数在用的解决方案 rem是相对单位 rem单位是相对于HTML标签的字号计算结果 1rem = 1HTML

今日小兔鲜儿pc端案例 通过flex流式布局 使用justify-content， align-items，flex-direction等相关内容对设计稿进行还原 锻炼使用flex布局的能力 HTML

百分比布局 百分比布局， 也叫流式布局 效果： 宽度自适应，高度固定。 Flex布局/弹性布局： 1.是一种浏览器提倡的布局模型 2.布局网页更简单、灵活 3.避免浮动脱标的问题 基于 Flex 精确