全集试看

本期课程介绍

课程学习资料如何下载

创建对象，剖析问题-创建多个类似对象代码冗余

传统面向对象：工厂模式解决代码重复，但出现函数无法识别问题

构造函数：解决工厂模式的对象识别问题，理解构造函数规范及原理

对象冒充构造函数，构造函数体内的函数返回值相等，引用地址不同

原型创建对象，原型创建的对象和构造函数创建的对象区别：共享

深度剖析构造函数和原型的区别，isPrototypeOf()方法

原型模式的执行流程（顺序）：先实例，在构造函数，最后原型

原型模式删除实例属性访问原型属性：delete方法

hasOwnProperty()方法，in操作符，结合判断属性

原型创建对象，字面量声明，constructor属性指向

原型创建对象字面量声明方式是有先后顺序，重写原型会切断之前的

内置引用类型：String,Number,Array等本身也使用

原型创建对象缺点剖析：传参和引用共享问题

组合构造函数+原型模式解决：传参和引用共享问题

动态原型模式：解决组合构造函数+原型模式，给人一种封装感觉

寄生构造函数：工厂模式 + 构造函数，稳妥构造函数【了解】

理解js中的继承：通过原型链方式继承

继承父类属性方法的继承顺序：就近原则，继承后的实例从属关系

对象冒充方式继承问题：原型里面的属性方法无法继承

组合继承【广泛应用】：对象冒充 +原型链模式,了解原型式继承

了解寄生式继承：原型式继承+工厂模式结合

继承终极模式：寄生组合继承来实现继承：组合模式 + 寄生式继承

理解类和对象，构造函数实例化对象和类实例化对象比较

类中的constructor()方法，类和构造函数区别1：类不存

类中添加方法

类的继承

类的继承中的super关键字：调用父类的构造函数construc

类的继承中的super关键字：调用父类的普通函数

子类继承父类方法同时扩展自己的方法，子类在使用super注意问题

类的几点注意：不可在定义之前实例化，共有属性方法要加this等等

面向对象、原型、继承、类小结，对原型链的理解

理解 JavaScript 库，执行对象里面的方法达到简化获取节

通过构造函数和原型改写库对象

改写css方法处理多个节点存放问题，扩展html，click方法

扩展css方法，html方法，总结封装js库，引入jQuery库

了解jQuery库的引入、学习目的、测试使用

jQuery库：$包裹，加载模式，get(索引)方法，多个库冲突

jQuery库：ID、元素、类、群组、后代、通配指定元素前缀等选

jQuery库：find、children、next 等

过滤器伪类:not()等，内容过滤器:has(.active)等

:only-child,:nth-child,is()等

【重要】原生js表单提交，jquery表单提交，留言板等页面提交

设置单复选框默认选中val()，其它方法$.each()等

addClass,width,innerWidth等

append，appendTo，prepend等

包裹节点：wrap等，节点操作replaceAll、remove

jQuery事件：简写事件、复合事件：hover、事件对象e

jQuery高级事件方法：on、off 和 one，以及模拟操作

jQuery动画：show、toggle，slideDown等

自定义动画：animate，列队动画方法:queue()连缀清理

动画:停止延迟缓动等全局设置，动画案例和css动画介绍

jQuery插件介绍（以cookie插件为例）下载及使用举一反三

Ajax原生js，XMLHttpRequest对象提交和请求数据

Ajax头信息：响应头、请求头

小结get和post请求

Fetch API基本用法介绍，XHR 与 Fetch

XHR与 Fetch（fetch）的区别以及和第三方库的区别

load()方法，$.get()和$.post()方法基本使用

$.getScript()按需加载，生成二维码

【重要】$.ajax()方法，表单序列化$.param()方法

跨域问题：jQuery中的跨域jsonp使用，模拟百度搜索提示

【重要】jqXHR 对象: when()、done()等方法

node.js介绍、安装node.js、检查是否安装成功

NVM（nodejs版本管理工具，切换nodejs版本）

NPM包管理：package.json 文件如何生成、npm安装

cnpm(可选操作)、vscode运行命令

npm i初始化package.json文件依赖初步了解node

Node模块中的系统模块：path、fs模块为例用法了解系统模块

Node模块中的自定义模块：exports、module输出等

Node模块中的重要系统模块：http模块，搭建网页服务器

Node系统模块：url模块get数据，url.parse

Node系统模块：post请求querystring.parse

nodejs项目监测文件变化，自动重启工具：Nodemon

【选修】nrm (使用nrm管理npm下载源)

fs模块：读取文件三种方式，可读流，创建删除文件夹，重命名文件

fs模块写入追加,可写流,软链接,硬链接及说明管理员的命令行工具

留言板功能（一）补全留言板表单信息，并对电话号码不正确做提示

留言板功能（二）监听电话号码输入是否正确

留言板功能（三）完成浏览器端的数据提交

留言板功能（四）完成服务器端首次写入留言内容

留言板功能（五）完成服务器端多次留言写入内容

留言板功能（六）屏蔽访问json文件及调整代码

crypto模块详解（加密：对称加密、非对称加密、哈希函数）

完成对留言板的手机号做一个加密

创建正则表达式：new RegExp字面量创建、模式修饰符igm

测试正则表达式：test返回布尔值、exec返回数组或null

字符串正则表达式：match，search等，仿百度飘红

正则表达式RegExp对象的静态属性，实例属性

【重要】元字符：点符号除\n外任意，x?0个1个，x*等

【重要】重复字符：x(+)至少1个，区间x{m,n}x{m}等

[a-zA-Z0-9]、不匹配[^a-zA-Z0-9]混合字母等

\d=[0-9]，\D=[^0-9]，\w等

\s空白空格制表换行符\b到达边界，|包含，()分组，$1

【重要】获取多个分组内容$2 $1替换位置，贪婪和惰性，及小案例

exec返回数组,捕获非捕获(?:)分组嵌套,前瞻捕获(?=)

书写常用正则， 删除首尾空格中间的空格不删除，手机号换星号

引入vue.js并渲染数据

vue配置项data中的数据响应式及渲染到页面上的真实DOM效果

循环语句v-for，事件处理体验:@click点击事件

计算属性computed以及和方法的对比

理解vue的注入

理解vue虚拟DOM及底层原理,以及render函数和模板配置

渲染企业网站：（一）基础准备

渲染企业网站：（二）引入vue.js，设置请求接口

渲染企业网站：（三）nodejs读取处理数据，响应中文乱码解决

渲染企业网站：（四）渲染到页面前进一步处理数据

渲染企业网站：（五）通过vue.js将数据渲染到页面栏目

渲染企业网站：（六）时间戳处理、数据倒序、选前几条数据

课程总结及下一季课程介绍