博学谷 > 优质课 > 前端深入解析Javascript框架封装原理

Javascript框架封装

前端深入解析Javascript框架封装原理

Javascript框架封装课程主要讲的框架封装的思想,如何封装框架,框架的核心结构、核心方法,常见的方法封装以及jQuery源码解析,从而让你理解一个库(框架)的本质,理解了框架封装核心结构和方法,离着大神的目标就不远了。

主讲:前端高级讲师 | 课程时长:19课时 | 学习人数:192人 | 难度: 进阶

该课程已下架,请查看其它课程

第 一 章:深入解析Javascript框架封装原理

1-1 框架整体介绍

1-1-1 框架课程介绍
1-1-2 框架整体介绍-01-框架与库的基本概念
1-1-3 框架整体介绍-02-为什么要学习框架封装
1-1-4 框架整体介绍-03-学习建议

1-2 选择模块

1-2-1 选择模块-01-问题的引入
1-2-2 选择模块-01-问题的引入-01-问题提出与优化代码
1-2-3 选择模块-02-选择函数封装

1-3 ES5对数组拓展方法

1-3-1 ES5对数组扩展方法-01-map方法
1-3-2 ES5对数组扩展方法-02-each方法
1-3-3 ES5对数组扩展方法-03-生成列表练习-01-传统实现与forEach实现
1-3-4 ES5对数组扩展方法-03-生成列表练习-02-字符串拼接实现与map实现
1-3-5 ES5对数组扩展方法-04-some方法与every方法

1-4 each与map方法

1-4-1 each与map方法-01-使用jq的each方法生成表格
1-4-2 each与map方法-02-对比ES5中方法和jq中方法
1-4-3 each与map方法-03-封装each方法-01-判断数组函数与each雏形
1-4-4 each与map方法-04-封装each方法-02-完善
1-4-5 each与map方法-05-封装map方法

1-5 选择函数的封装

1-5-1 选择函数的封装-01-全选不选和反选案例
1-5-2 选择函数的封装-02-封装each函数-01-封装对象方案
1-5-3 选择函数的封装-03-封装each函数-02-封装数组方案

1-6 jQuery对象的本质

1-6-1 jquery对象的本质

1-7 小结01

1-7-1 小结01

1-8 框架的核心结构

1-8-1 复习01
1-8-2 框架的核心结构-01-引入构造函数
1-8-3 框架的核心结构-02-引入构造函数的有点与缺点分析
1-8-4 框架的核心结构-03-隐藏new关键字
1-8-5 框架的核心结构-04-引入工厂函数的缺点
1-8-6 框架的核心结构-05-处理两个函数的关系
1-8-7 框架的核心结构-06-重新映射原型结构
1-8-8 框架的核心结构-07-抽取核心结构代码
1-8-9 框架的核心结构-08-完成核心结构代码
1-8-10 框架的核心结构-09-代码的简单优化

1-9 核心方法

1-9-1 核心方法-01-toArray方法-each实现
1-9-2 核心方法-02-toArray方法-其他实现
1-9-3 核心方法-03-get方法-方法说明
1-9-4 核心方法-04-get方法-方法的实现
1-9-5 核心方法-05-jquery中get方法与toArray方法
1-9-6 核心方法-06-原型中的length属性
1-9-7 核心方法-07-处理静态方法
1-9-8 核心方法-08-引入extend方法

1-10 小结02

1-10-1 小结02

1-11 parseHTML方法

1-11-1 复习02
1-11-2 DOM操作小结
1-11-3 parseHTML方法-01-思路说明-判断html格式字符串
1-11-4 parseHTML方法-01-思路说明-解析html格式字符串
1-11-5 parseHTML方法-02-代码实现-简单实现
1-11-6 parseHTML方法-02-代码实现-一个bug
1-11-7 parseHTML方法-02-代码实现-两个解决方案
1-11-8 parseHTML方法-03-利用数据生成表格练习
1-11-9 将parseHTML方法引入到框架结构中

1-12 将框架代码分解到多个文件中

1-12-1 将框架代码分解到多个文件中

1-13 DOM操作01

1-13-1 DOM操作-01-基本DOM方法-简介
1-13-2 DOM操作-02-appendTo方法-复习jq中与用法
1-13-3 DOM操作-02-appendTo方法-两边都是单元素的情况
1-13-4 DOM操作-02-appendTo方法-假定左边元素为多个
1-13-5 DOM操作-02-appendTo方法-假定参数为DOM数组
1-13-6 DOM操作-02-appendTo方法-通用方法思路
1-13-7 DOM操作-02-appendTo方法-完善构造函数-01-搭建构造函数结构
1-13-8 DOM操作-02-appendTo方法-完善构造函数-02-处理参数为DOM元素
1-13-9 DOM操作-02-appendTo方法-完善构造函数-03-处理参数为Itcast对象的情况
1-13-10 DOM操作-02-appendTo方法-完成多种类型参数并测试
1-13-11 DOM操作-02-appendTo方法-引入破坏链
1-13-12 DOM操作-02-appendTo方法-完成

1-14 jquery源代码说明

1-14-1 jquery源代码说明

1-15 DOM操作02

1-15-1 DOM操作-03-亲属元素访问-parent方法
1-15-2 DOM操作-03-亲属元素访问-带有元素去重的parent方法

1-16 小结03

1-16-1 小结03

1-17 事件模块

1-17-1 复习03
1-17-2 事件模块-事件概念复习
1-17-3 事件模块-jq中事件操作复习
1-17-4 事件模块-实现on方法
1-17-5 事件模块-案例-表格高亮案例
1-17-6 事件模块-实现off方法
1-17-7 事件模块-其他快捷事件方法
1-17-8 事件模块-load处理

1-18 样式操作

1-18-1 样式操作-css方法-1-设置样式
1-18-2 样式操作-css方法-2-获得样式
1-18-3 样式操作-addClass方法
1-18-4 样式操作-removeClass方法
1-18-5 样式操作-hasClass与toggleClass方法

1-19 属性操作

1-19-1 属性操作-attr方法
1-19-2 属性操作-prop方法
1-19-3 属性操作-html与text和val方法

1-20 小结04

1-20-1 小结04

1-21 处理代码的要求说明

1-21-1 复习04
1-21-2 处理代码的要求说明

1-22 node使用介绍

1-22-1 node的安装
1-22-2 运行node的方法
1-22-3 使用npm下载与删除包

1-23 gulp使用介绍

1-23-1 gulp的基本使用
1-23-2 使用gulp合并js文件
1-23-3 使用gulp压缩js文件
1-23-4 使用构建工具执行多个任务

1-24 插件的使用介绍

1-24-1 插件的机制与cookie插件的使用举例
1-24-2 评分插件的使用举例
1-24-3 自定义storage插件
1-24-4 自定义评分插件

1-25 小结05

1-25-1 小结05

猜你还感兴趣

暂无推荐课程,自己逛逛吧

提示
该课程已在购物车中了,无需重复加入
去购物车