美文网首页
系统学习 JavaScript 计划

系统学习 JavaScript 计划

作者: 没有卢果 | 来源:发表于2019-08-07 09:33 被阅读0次

第一弹:ECMAScript(JavaScript的基础)

1、编程语言、ECMA、JavaScript、浏览器的发展史

2、基本语法:值、变量、运算、语句等等

3、各种类型的函数、参数与原理

4、预编译、暗示全局变量

5、作用域、作用域链、闭包

6、对象、构造函数、实例化

7、原型、原型链、对象继承

8、对象、对象克隆

9、数组方法、类数组

10、自定义原型方法、碎片知识

11、错误信息、错误捕获

12、严格模式

13、变量声明周期、垃圾回收

第二弹:DOM(文档对象模型,JS操作HTML用的(记住:JS是操作不了CSS的!!))

1、掌握document对象、了解其中的方法的继承关系(特别是相关原型的问题)

2、遍历节点树与遍历元素节点树(重考点)

3、节点的增删改查、元素属性的操作

4、滚动相关操作

5、样式属性相关操作

6、元素运动

(兼容性封装!兼容性封装!兼容性封装!)

7、事件处理函数与绑定机制

8、事件的冒泡捕获机制

9、事件对象与事件源对象

10、事件代理

11、模块化与插件化开发的基础

12、鼠标行为坐标系与相关兼容性、功能性函数封装

13、输入与状态改变事件

14、鼠标行为预测技术

15、键盘事件

16、DOM常见问题的解决方案与函数封装

17、至少完成10个典型案例

第三弹:BOM(浏览器对象模型,JS操作浏览器用的,没事儿弹个窗?没娘的孩子最惨)

1、window、Navigator、history、screen、location对象的属性与方法

2、window、location对象深入学习

3、初步掌握单页面应用的简单开发

4、浏览器相关检查

第四弹:正则表达式(匹配字符串用的,这个字符串是不是个E-mail呢?手机号是不是138开头的呢?)

1、转义相关、修饰与元字符

2、正则量词、属性、方法

3、正则相关的所有方法

4、正向预查、贪婪与非贪婪模式

5、replace方法、不捕获分组

6、整个50个正则案例逐个分析

第五弹:JSON(一种很友好的数据格式)

1、JSON数据认知与解析方法

2、JSON对象与字符串的转换方法

3、AJAX的基本认知

4、数据渲染、模板渲染

5、数据缓存机制、数据缓存池

第六弹:浏览器(职业素养!职业素养!前端优化!)

1、DOM/CSS/渲染树

2、文档的解析与加载

3、DOM相关回流与重绘

4、渲染引擎、声明HTML与渲染模式

5、JS引擎的执行机制

第七弹:JS运动(就是用JS让DOM元素各种动)

1、JS运动的原理与机制

2、加速度、弹性运动

3、重力运动与拖拽效果

4、原生JS开发无缝轮播图

第八弹:ES5数组扩展方法

ES3的数组方法回顾一下:

concat, join, pop, push, reverse, shift, slice, sort, splice, toString, unshift

ES5给我们扩展的方法:(都跟遍历数组有关)

forEach, map, every, some, filer, reduce, reduceRight

学习内容:

所有ES5的数组扩展方法的使用场景与重写(兼容性也得考虑考虑啦)

实战肯定少不了,因为你要知道各个方法的使用场景。

特别是forEach、map、filter、reduce

第九弹:函数式编程

1、纯函数

2、函数组合、结合律、pointfree

3、高阶函数

4、函数柯里化与封装

5、偏函数与封装

6、惰性函数与使用场景

7、缓存函数

8、函数防抖、函数节流(必会)

9、归类函数(必会)

第十弹:碎片知识

1、同步与异步加载的三种方法

2、放大与宽放大模式

3、call/apply/bind以及bind重写(常考)

4、标签的属性与特性

5、Math方法

6、封装byClassName

7、断点测试、bug调试

8、图片的预加载与懒加载

9、日期对象与计时器

10、this指向问题

11、DOM与虚拟DOM(常考)

相关文章

  • 系统学习 JavaScript 计划

    第一弹:ECMAScript(JavaScript的基础) 第二弹:DOM(文档对象模型,JS操作HTML用的(记...

  • Web 开发全指南(不断完善中)

    web开发概览 Javascript Javascript系统学习教程 廖雪峰,js入门教程javascript ...

  • 前端学习计划(Vue方向):

    前端学习计划(Vue方向): 学习路线:Html —Css—JavaScript—Vue—Uniapp 计划用时:...

  • JavaScript:遍历

    ## 前言   将依据自身痛点学习,计划对原生JavaScript写一个系统,本文为第一篇,感...

  • 如何系统地学习JavaScript

    一、 要系统的学习JavaScript,需要首先掌握HTML和CSS,这是基础也是学习JavaScript的时候需...

  • 2018-06-09

    本周学习了bootstrap的栅格系统,JavaScript的组成、在HTML中使用JavaScript。 一、b...

  • 学习主题计划

    2017.03.13-2017.03.19学习计划 学习javascript DOM操作的相关知识,学习方法可自行...

  • 周计划实践02期总结

    四个收货: 1、系统学习了周计划系统理论 2、学习和实践周计划系统的各个环节 3、深入学习和优化了行动管理系统的各...

  • JavaScript从零开始 | 01

    此篇笔记为从零开始学习JavaScript的第一篇。作为我系统性学习JavaScript的开始。此系列将会以英文为...

  • 如何系统地学习 JavaScript?

    系统的学习一个东西,咱们有一个成语叫【来龙去脉】,现在常用来比喻事物的来历或事情的前因后果。你说要系统的学习Jav...

网友评论

      本文标题:系统学习 JavaScript 计划

      本文链接:https://www.haomeiwen.com/subject/erundctx.html