JS模块化实战-购物车 HTML示范代码: ...
JSON与常用API总结:1.json.stringify(obj) JS对象 -> JSON字符串2.JSON.parse(item)JSON字符串 -> JS对象 HTML示范:
模块布局实战:仿淘宝移动端轮播图总结: 1.图片容器和按钮容器布局,获取这两个元素2.导入模块,创建图片列表3.根据图片数据,利用模块创建按钮4.创建按钮事件,注意要将事件绑定到每个按钮5.创建定时器,实现图片自动轮播功能 1.HTML实例: ...
模块实战:经典选项卡总结: 1、HTML DOM结构:写栏目组和内容组2、获取栏目组和内容组的元素3、调用模块生成栏目组和内容组的内容4、在父级绑定点击事件,利用事件冒泡原理调用事件委托,调用 设置当前按钮高亮模块方法和显示对应内容区的模块方法。 ...
模块导出与使用场景总结: 1.逐个导出2.统一导出3.别名导出4.默认导出5.混合导出6.全部导出 1.逐个导出HTML示范:
事件冒泡 与 事件委托1.事件冒泡 根据事件冒泡机制,当上一级元素也有同名事件时,会自动触发。
事件添加与删除总结: 1.拿到元素(主体)2.给主体添加事件3.给主体添加事件监听(可以添加多个事件)4.事件删除5.事件派发(先自定义事件,然后用dispatchEvent将自定义事件派发到主体)6.定时器:setInterval &...
dataset对象 、操作CSS 与 classList对像:操作元素1.dataset对象
元素操作实战:todoList:留言板 关键思路:使用 Insertadjacenthtml Api 直接添加到 Ul标签的后面即可
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 构造函数与类一、构造函数 JS 没有“类”(class),通过“构造函数”来实现 JS 是基于“原型继承”实现面对对象编程 1.类中成员 属性:实例(对象):声明在构造方法中 方法:实例共享:声明在原型(prototype) 静态:函数...