我的学习笔记

基于ES5,包含ES6的，笔记最近正在重新整理，有些链接可能失效；会尽快整理好；

1. 前端开发初识

   • 编辑器的选择/开发环境介绍
   • HTML文档和标签介绍
   • JS由哪些部分组成、DOM初识
   • HTML中怎么使用JS/CSS
   • 从noscript标签引深出的两种编程思想（优雅降低，渐进增强）
   • javascript的文档模式和ES6
   • 变量的定义和储存值的类型判断
   • 强类型语言和弱类型语言的区别
   • 编程语言是做什么的？面向对象编程的真正意义是什么？
   • 练习题
   • 前端技术方向的选择,编程语言是做什么的？
   • JS代码检测的一些小方法

2. 数据类型初识

   • String
   • Number
   • Boolean
   • null和undefined （数据类型详解的时候不再总结，已经写的差不多了）
   • Object
   • null和undefined的区别和联系
   • Symbol
   • 练习题

3. 变量声明和原理

   • 变量的命名
   • 变量的声明
   • 变量的类型
   • 全局变量和局部变量
   • 注释和语法建议
   • 练习题

4. 表达式和运算符

   • 算术运算符
   • 自增与自减
   • 关系运算符
   • 对象运算符
   • 逻辑运算符
   • 位运算符
   • 其他运算符
   • =/==/===、!与!!的区别
   • 计算器案例
   • 表格排序案例
   • 练习题

5. 流程语句

   • 循环语句
   • 跳转语句
   • 选择语句
   • 异常处理语句

6. String类

7. Array类

8. Number类

9. Boolean类

10. Object类

11. Function类

12. Math类

13. Data类

14. Global对象

15. RegExp类型

16. 定时器

• 小案例

  • 表格排序的写法和原理
  • 模块化开发日历控件

• 预解释/作用域/this关键字/闭包

  • 预解释的原理
  • 作用域和闭包
  • 闭包在什么场合下用
  • this关键字
  • 投票的实现原理
  • 变量和属性不存在时候的区别
  • 定时器是异步的
  • 闭包的特性问题
  • 垃圾回收机制

• 面向对象和继承方式

  • 理解对象
  • 创建对象的方式
  • 继承的几种方法
  • 函数的三种角色
  • 面向对象的方式，扩展数组的原生方法

• JS算法原理

  • JS中的常见算法

• DOM面向对象，封装DOM库

  • DOM面向对象
  • DOM操作
  • 封装DOM库

• 正则表达式

  • 正则基础
  • 正则的组成
  • 源字符的应用
  • 正则的捕获
  • 分组捕获
  • replace和实战
  • 正则的总结和实战

• 模块化开发

  • 模块化开发选项卡组件，DOM库深入应用

• 错误处理和异常调试

  • 错误处理
  • chrome的开发者工具用法

• DOM详细总结

  • JS中的盒子模型
  • 图片加载机制和图片延迟加载

• 定时器和动画

  • 基础动画库以动画原理
  • 封装动画库
  • twenn动画
  • 用封装的动画库做焦点图、自动轮播图

• 事件的原理解析和应用

  • 事件流
  • 事件对象
  • 事件类型
  • 完美解决事件的兼容性
  • 内存和性能
  • 1、事件基础
  • 2、基础事件库和拖拽
  • 3、事件和观察者模式
  • 封装的事件库
  • 放大镜

• 表单脚本

  • 基础知识
  • 文本和选择框
  • 表单序列化
  • 富文本编辑

• JSON

  • JSON语法
  • 解析与序列化

• AJAX

  • 服务器/浏览器编程的机制和原理,同步和异步交互
  • 基于nodeJs环境，用原生JS操作表单
  • jsonp跨域ajax，jQuery的AJAX原理和应用

• JS高级技巧

  • 高级函数
  • 防篡改对象
  • 高级定时器

• 编写可维护的javascript代码，性能优化与部署