前端老骗子

JavaScript(基础语法) 目标：理解变量、数据类型、等基础概念，能够实现数据类型的转换，具备利用模板字符串渲染表格的能力 JS的简介 概念 JavaScript 是一种运行在客户端（浏览器）的

相对单位 rem 1rem = html的font-size大小 less语法 语法糖 less sass 后缀名.scss stylus less 编译 easy less 保存时即可编译，如果有严

了解移动端与PC端屏幕和网页布局的差异，能够使用Flex布局模型布局移动端网页 百分比布局 目标 了解百分比布局方案 学习内容 特点 流式布局 宽度自适应，高度固定 布局方式 宽度为半分比写法 FLe

3d变换 空间坐标系 Z轴屏幕到人眼的方向是正方向 3d平移 transform: translateZ(); transform: translate3d(x,y,z); 景深、透视、视距 pers

DOM-获取DOM元素、修改属性 目标： 能获取DOM元素并修改元素属性，具备利用定时器制作焦点图切换的能力 webApi的基本认知 作用: 就是使用JS去操作html和浏览器 分类 DOM 操作ht

DOM-事件高级 目标：熟悉事件对象的使用，具备利用操作数组对象渲染订单系统的能力 事件对象 获取事件对象: 在事件里面接受一个形参即可 常用属性 e.key keyup 获取的是当前这一次的valu

DOM-节点操作 节点操作 本质上针对标签本身的增删查 总结: 有明确的亲戚关系的时候, 使用查语法更加方便一些 查 返回的都是dom对象 查找父级: 子元素.parentNode 查找最近的父级元素

元素获取 document.querySelector 获取第一个元素对象 获取到的元素是dom元素，可以直接调用dom的api 如果没有获取到，返回null，空 document.querySele

选择器进阶 复合选择器 后代选择器 结构 选择器1 选择器2 {css} 作用： 先通过选择器1找到一堆标签，再一堆标签的后代（儿子、孙子、重孙子....）中找到满足选择器2的标签，设置样式 子代选择