jahaw/JavaScript-notes

----Learning from Andy zhu

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

• 前端开发初识

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

• 数据类型初识

  • String
  • Number
  • Boolean
  • null和undefined
  • Object
  • null和undefined的区别和联系
  • Symbol
  • 练习题

• 变量声明和原理

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

• 表达式和运算符

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

• JavaScript基础-G1/G2/G3

  • 编程语言是干什么的
  • 变量，注释，严格模式
  • 数据类型
  • 运算符
  • 流程语句
  • 函数初识
  • 选项卡的写法和原理
  • 99乘法表的写法和原理
  • 计算器的写法和原理
  • 本章总结

• 不同的数据类型详解

  • Object类型
  • Array类型
  • String类型
  • Function类型
  • Math对象
  • Date类型
  • RegExp类型
  • Global对象
  • Boolean类型
  • Number类型
  • 表格排序的写法和原理
  • 模块化开发日历控件
  • 本章总结

• 预解释/作用域/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代码，性能优化与部署