JavaScript基础语法的学习汇总(自用)

基础

重点JavaScript数据类型、引用类型、操作符、语句
判断JavaScript中的数据类型
typeof、instanceof、 constructor、 prototype
js实现封装私有变量的思考,symbol、weakMapjavaScrpt存取属性的语法:点语法or中括号?的背后
JavaScript正则表达式
弱映射与弱集合及其私有、垃圾回收方面应用私有变量这里不太懂
JavaScript有关XML、JSON
JavaScript API待补充和仔细研究
jQuery梳理总结相比原生JavaScript,jQuery等库在DOM操作上的性能一定是有所下降的。元编程,独创的链式语法和隐式迭代语义
待补充和仔细研究JavaScript错误处理机制
有空实例看看全局变量冲突、函数命名冲突、依赖关系处理等,模块化刻不容缓JavaScript模块 commonJS、AMD、UMD、ES6

JavaScript用户事件

简单归纳一下web浏览器中的事件

  • 浏览器窗口事件load、beforeunload、unload、focus、blur、error页面上有脚本报错、resize、contextmenu弹出右键菜单。
  • 鼠标事件
  • 键盘事件
  • 表单事件 focus、blur、change、input、select、submit
  • 拖放事件

移动端事件

  • 触摸事件touchstart、touchmove、touchend、touchcancel 事件对象event下有一个touches对象数组,每个对象维护一次触碰都有对应实时坐标和target触碰的DOM节点
  • 手势事件,实质是对触碰的高级封装 。事件类型:gesturestart、gesturechange、gestureend。
  • 传感器事件

DOM元素尺寸:offsetWidth、clientWidth、scrollWidth
重点坐标、iframe、JavaScript红宝书之BOM
window对象的document属性JavaScript红宝书之DOM基础、MutationObserver接口(H5)
迭代器维护着对迭代对象的引用,会影响其回收javaScript的迭代模式:迭代器与生成器

重点关注关于IE、DOM2不同标准的适配JavaScript用户事件
事件委托代理的回收问题JavaScript代理_ES6新增

js执行机制

注意执行器函数是同步执行的,关注异步函数的执行,后面再学习一下promise的应用
利用race、all可以控制多个期约并行执行单线程JavaScript的异步编程
requestAnimationFrame
学习API之后再看看单线程JavaScript的多线程方式:工作者线程
(最典型的是一个 Ajax 请求完成后紧接着另一个 Ajax 请求,容易陷入多层嵌套的函数调用中,“回调厄运”),由于无法控制执行和完成的顺序,所以就无法使用传统的过程式写法,函数式就会展现出其优势。
JavaScript函数式编程

js对象相关

JavaScript对类的基础了解
声明与表达式,函数声明可以提升,但是类定义都不能提升。javascript对象编程
有关prototype和__proto__
在理解语法中,时刻区别类和函数。类相当于一个人,函数是一只胳膊。

js函数相关

JavaScript是基于词法(静态)作用域的语言,即在函数定义的时候就确定好了作用域。
注意和变量搜索不同,this的值是在执行上下文中获取,而不会在作用域链中搜索。

JavaScript内存相关初了解:堆栈、引擎、闭包隐患
js中的内存分堆栈,栈内存是存储原始数据类型和提供js代码执行环境,堆存储引用数据类型,包括函数块和键值对两种。 函数块和键值对里面的原始数据类型的变量(即成员变量)是存储在堆内存里面,调用时候又进上下文栈

函数的调用:作为函数调用、作为方法调用、作为构造器调用、call/apply调用
创造函数:对象字面量、构造器、ES5中Object.create(原型)、ES6引入class关键字

参数扩展、函数声明与表达式的区别、call/apply、特权方法可以联系对象中继承来理解JavaScript函数相关知识:this、caller、new.target、callee、箭头函数、IIFE
重点关注 异步服务端调用JavaScript作用域、闭包及其应用
闭包相关
jQuery和zepto中添加插件的模板语法
作用域中this
函数赋值即复制,new 构造器的返回值给变量,是return的结果包装手写bind函数:this、返回一个函数
函数防抖和节流的代码

算法

JavaScript实现七种排序:冒泡、简单选择、快速排序

你可能感兴趣的:(前端常见,前端系统学习)