用户登陆/用户注册/会话控制1.用户登陆登陆页面：login.php
模块布局实战：仿淘宝移动端轮播图总结： 1.图片容器和按钮容器布局，获取这两个元素2.导入模块，创建图片列表3.根据图片数据，利用模块创建按钮4.创建按钮事件，注意要将事件绑定到每个按钮5.创建定时器，实现图片自动轮播功能 1.HTML实例： ...
模块实战：经典选项卡总结： 1、HTML DOM结构：写栏目组和内容组2、获取栏目组和内容组的元素3、调用模块生成栏目组和内容组的内容4、在父级绑定点击事件，利用事件冒泡原理调用事件委托，调用 设置当前按钮高亮模块方法和显示对应内容区的模块方法。 ...
事件添加与删除总结: 1.拿到元素（主体）2.给主体添加事件3.给主体添加事件监听（可以添加多个事件）4.事件删除5.事件派发（先自定义事件，然后用dispatchEvent将自定义事件派发到主体）6.定时器：setInterval &...
DOM增删改(1元素增删改，2操作元素内容，3指定位置插入)1.DOM元素的增删改 1.创建元素：createElement()2.追加元素 :append()3.创建片断：createDocumentFragment4.后面添加：after()5....
表单元素获取和遍历Dom树**前后端交互重点掌握1.表单元素获取
浏览器中的JS和获取Dom元素*重点掌握1.浏览器中的JS
JS 数组 API -1 包括对象在内，尽量用字面量来声明 let arr = [1, 2, 'a', 'b', true, { x: 1, y: 2 }, [1, 2, 3], function () { }]console.log(arr) 1...
字符串常用 APIlet str = 'PHP中文网' 1. length属性console.log('length = ', str.length) 2. charAt(), 索引 -> 成员console.log(str.charAt(3))co...
JS 数据类型1.原始(5):数值、字符串、布尔、undefined、null2.引用(3):数组、对象、函数 数组与对象的区别 数组与对象并无本质的区别，仅仅是语法上的不同仅仅是成员声明方式和访问方式不同显然对象的语义化更好所以，可以将数组...
JavaScript 基本语法[toc] JavaScript 是前端通用脚本语言，简称：”JS” 1. JS 的特点 JS 解释型语言，而非编译型：无需编译，运行时才会发现错误，而非编译时JS 动态语言，而非静态语言：数据类型在运行时可动态改变，即...
PC端布局-实战淘宝
移动端布局-实战淘宝首页HTML DOM 结构 ...
布局技术二：grid 布局（二维）Grid 术语(一) 容器属性 display: 容器类型（块或行内）grid-template-row/columns：创建显示网格grid-auto-rows/columns: 创建隐式网格grid-auto-...
Flex 布局(一维) flex: 弹性盒布局 Flex 术语 flex 容器: display: flex / inline-flexflex 项目: flex 容器的子元素(仅限子元素,可嵌套)flex 主轴: 项目排列参考线flex 交叉轴:...
