day21-内容回顾及事件轮询

1.前端体系结构及知识点

day21-内容回顾及事件轮询_第1张图片

 一阶段(html+css)

  • 基础的页面布局(div 弹性盒子布局)

  • 动画效果

  • seo优化(搜索引擎优化)

  • html5 和 css3

  • 多端适配(rem)

二阶段(JavaScript)

  • DOM (文档操作)

  • BOM (浏览器操作(路由实现))

  • ES(ecmaScript 基础语法)

  • node.js (后端)

三阶段(应用)

  • MVVM(双向绑定 数据和视图之间实现绑定 数据驱动视图)

  • 框架 (vue(封装的使用),react(原生js))

  • 组件 (抽取功能代码 复用)

  • uniapp(利用vue来书写代码 可以打包多端)及小程序(微信小程序)

2.基础内容回顾

第一周内容

  • 1、JavaScript入门(变量定义 常见关键词 基础语法 基础数据类型及相关转换)

  • 2、运算符及表达式(算术运算 逻辑运算 比较运算 位运算 赋值运算 三目运算)

  • 3、条件判断语句 (if else switch case)

  • 4、循环 (while do_while for 时间复杂度 O1>OlogN>On>OnLogN>On^2>On^3)

  • 5、函数 (函数作用域 全局作用域 作用域链 (函数的基本使用 抽取公共代码形成达到复用) arguments(参数数组))

第二周内容

  • 1、数组(数组的定义 数组的增删改查 (push pop shift unshift concat sort reverse slice splice join...))

  • 2、字符串 (字符串特性 字符串的相关方法(charAt charCodeAt indexOf lastIndexOf search slice substring substr toUppercase toLowerCase concat split replace macth..))

  • 3、日期及对象讲解 (Date 的相关方法 对象的声明(键值对象)对象的属性获取 (对象名.属性名 对象名[属性名字符串]))

  • 4、BOM (window对象及底下的子对象(location(属性 hash search href... 方法 assign replace reload) history (属性 length state 方法 go back forward pushstate replacestate)screen navigator frames document))

  • 5、DOM(文档对象 元素 属性 文本 对应的关于元素操作的增删改查的方法(元素自带的属性) 对应的相关的节点获取相关属性 属性操作的相关方法 )

第三周内容

  • 1、DOM回顾 (DOM的相关节点的操作以及属性节点的获取)

  • 2、事件(常用事件 鼠标事件(click dblclick mouseup mousedown mouseenter mouseleave mouseover mouseout mousemove..) 键盘事件(keydown keyup keypress) html事件(change select input reset submit focus blur load close unload...))

  • 3、事件(事件模式(冒泡 捕获)事件对象event 事件委托(event.target)阻止默认行为 (e.preventDefault || e.returnValue = false)阻止事件冒泡 (e.stoppagation || e.canclebubble = true))

  • 4、cookie (cookie的诞生(解决http 无状态问题(存储sessionID)cookie的格式(key=value;expires=过期时间;path=地址;domain=跨域地址;secure 安全))cookie和localstroage的区别 sessionStroage)

  • 5、正则表达式 (正则的声明方式(// new Regex)元字符(+ ? . * [] {} () \w \d \s...)

第四周内容

  • 1、ES5和ES6(es5新增 (严格模式、模板字符串、数组高阶函数(forEach map reduce filter some every)、this指向更改(bind call apply)) es6新增(字符串新增、数组新增、对象新增、函数新增、声明关键词新增、基础值类型新增、解构和扩展运算符、class新增 extends class的继承 set 和 map新增的数据解构 模块化(import export)))

  • 2、运动(匀速(改变的步骤不变) 缓存(步长越来越小) 链式(回调函数来实现)setInterval + dom操作)

  • 3、面向对象 (对象构建方式(对象的封装) 利用面向对象思想来书写案例)

  • 4、原型和继承 (构造函数的原型prototype 对象的原型__proto__(对象的原型指向构造函数的原型) 原型链(对象在原型(__proto__)找属性的过程) 继承实现(class extends 继承、原型链继承、对象冒充、组合继承、寄生组合继承))

  • 5、闭包和promise (闭包的特性 闭包的应用(防抖 节流 函数柯里化) promis(es6新增的一个类 它有三种状态 pending fulfiling rejected)promis的相关方法(then catch finally resolve reject all allsettled race))

  • 6、事件轮询机制(先执行同步代码 再处理异步 宏任务(script 定时器 IO...)微任务(promise.then promise.catch nextTick))

你可能感兴趣的:(javascript,开发语言,ecmascript)