anbang / javascript-notes

朱安邦的 JavaScript 学习笔记；JavaScript学习总结；前端变化太快，只有把JS基础打扎实了，才能游刃有余；为了让我的JavaScript基础异常牢固，思路更加清晰，我会把以前总结过的知识和平时看到的资料放在这里，把以前零零散散的知识点全部串起来！这个项目也许写到最后会是一个非常不错的JavaScript教程，希望可以帮到更多的人；收藏请点star；如果发现我有写错误的，欢迎随时帮我改正，或者增加新的观点，谢谢！

安邦的JavaScript学习笔记

这是当初学习JS时候的笔记，

因小伙伴反应Github不适合阅读，

我在我的个人网站(阿西河前端教程)上也有整理一份，详情参见；

朱安邦的JavaScript学习笔记 （我的个人网站）

后期主要更新在我的个人网站上，感觉我整理后的还是很适合学习和阅读的，服务器放在国内，访问速度也超级快；

然后每年的年底统一把新增的内容更新到当前的Github仓库；

欢迎大家关注我的小网站: https://www.axihe.com/

同时我也在Bilibili上开频道做UP主；欢迎在B站关注我: https://space.bilibili.com/59312814

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

1. 前端开发初识

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

2. 数据类型初识

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

3. 函数初识

   • 初识函数
   • 函数的定义
   • 函数的调用
   • 函数的方法
   • arguments对象
   • 函数的参数
   • this关键字的指向

4. 变量声明和原理

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

5. 表达式和运算符

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

6. 流程语句

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

7. String类

8. Array类

9. Number类

10. Boolean类

11. Object类

12. Function类

13. Math类

14. Data类

15. Global对象

16. RegExp类型

17. 定时器

---

• 小案例

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

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