最近开始把精力放在重新复习JavaScript的基础知识上面，不再太追求各种花枝招展的前端框架，框架再多，适合实际项目才是最重要。  

## 一、关于作者
[![博客](http://images.pingan8787.com/icon_my1.png)](http://www.pingan8787.com)
[![知乎](http://images.pingan8787.com/icon_zhihu1.png)](https://zhuanlan.zhihu.com/cute-javascript)
[![掘金](http://images.pingan8787.com/icon_juejin2.png)](https://juejin.im/user/586fc337a22b9d0058807d53/posts)
[![思否](http://images.pingan8787.com/icon_sf1.png)](https://segmentfault.com/blog/pingan8787)
[![CSDN](http://images.pingan8787.com/icon_csdn1.png)](https://blog.csdn.net/qq_36380426)
[![简书](http://images.pingan8787.com/icon_jianshu1.png)](https://www.jianshu.com/u/2ec5d94afd60)


## 二、🔥原创文章
1. [[译]正确使用sort()方法](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Tips/1.%5B%E8%AF%91%5D%E6%AD%A3%E7%A1%AE%E4%BD%BF%E7%94%A8sort()%E6%96%B9%E6%B3%95.md)
2. [【前端知乎】ArrayBuffer对象与Blob对象](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Tips/3.%E3%80%90%E5%89%8D%E7%AB%AF%E7%9F%A5%E4%B9%8E%E3%80%91ArrayBuffer%E5%AF%B9%E8%B1%A1%E4%B8%8EBlob%E5%AF%B9%E8%B1%A1.md)
3. [【前端知乎】File对象、FileList对象和FileReader对象](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Tips/4.%E3%80%90%E5%89%8D%E7%AB%AF%E7%9F%A5%E4%B9%8E%E3%80%91File%E5%AF%B9%E8%B1%A1%E3%80%81FileList%E5%AF%B9%E8%B1%A1%E5%92%8CFileReader%E5%AF%B9%E8%B1%A1.md)
4. [🔥JavaScript 自定义事件如此简单！](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Tips/5.%F0%9F%94%A5JavaScript%20%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6%E5%A6%82%E6%AD%A4%E7%AE%80%E5%8D%95%EF%BC%81.md)

## 三、《Cute-ES》目录
1. [ES6 章节](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-ES/1.ES6.md)
2. [ES7 章节](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-ES/2.ES7.md)
3. [ES8 章节](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-ES/3.ES8.md)
4. [ES9 章节](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-ES/4.ES9.md)

## 四、《Cute-JS》目录
### JavaScript初级
1. [语法和数据类型](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/1.%E8%AF%AD%E6%B3%95%E5%92%8C%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B.md)
2. [流程控制和错误处理](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/2.%E6%B5%81%E7%A8%8B%E6%8E%A7%E5%88%B6%E5%92%8C%E9%94%99%E8%AF%AF%E5%A4%84%E7%90%86.md)
3. [循环和迭代](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/3.%E5%BE%AA%E7%8E%AF%E5%92%8C%E8%BF%AD%E4%BB%A3.md)
4. [函数](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/4.%E5%87%BD%E6%95%B0.md)
5. [表达式和运算符](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/5.%E8%A1%A8%E8%BE%BE%E5%BC%8F%E5%92%8C%E8%BF%90%E7%AE%97%E7%AC%A6.md)
6. [数字](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/6.数字.md)
7. [时间对象](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/7.时间对象.md)
8. [字符串](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/8.字符串.md)
9. [正则表达式](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/9.正则表达式.md)
10. [数组](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/10.数组.md)
11. [Map和Set对象](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/11.Map和Set对象.md)
12. [使用对象](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/12.使用对象.md)
13. [迭代器和生成器](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/13.迭代器和生成器.md)
14. [元编程](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level1/14.元编程.md)

### JavaScript中级
15. [JS对象介绍](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level2/1.JS对象介绍.md)
16. [JSON对象介绍](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level2/2.JSON对象介绍.md)
17. [WebAPI介绍](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level2/3.WebAPI介绍.md)
18. [相等性判断](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level2/4.相等性判断.md)
19. [闭包](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level2/5.闭包.md)

### JavaScript高级
20. [事件](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level3/1.事件.md)
21. [高阶函数](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level3/2.高阶函数.md)
22. [内存管理](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-JavaScript/Cute-JS/level3/3.内存管理.md)

### 其他细节知识
1. [JS中的高阶函数](https://github.com/pingan8787/Leo-JavaScript/blob/master/base-javascript/other/1-JS中的高阶函数.md)
2. [instanceof运算符](https://github.com/pingan8787/Leo-JavaScript/blob/master/base-javascript/other/2-instanceof运算符.md)

## 五、《Cute-Patterns》目录
1. [单体模式(Singleton Pattern)](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Patterns/1.单体模式(Singleton).md)
2. [工厂模式(Factory Pattern)](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Patterns/2.工厂模式(Factory).md)
3. [迭代器模式(Iterator Pattern)](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Patterns/3.迭代器模式(Iterator).md)
4. [装饰者模式(Decorator Pattern)](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Patterns/4.装饰者模式(Decorator).md)
5. [策略模式(Strategy Pattern)](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Patterns/5.策略模式(Strategy).md)
6. [外观模式(Facade Pattern)](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Patterns/6.外观模式(Facade).md)
7. [代理模式(Proxy Pattern)](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Patterns/7.代理模式(Proxy).md)
8. [中介者模式(Mediator Pattern)](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Patterns/8.中介者模式(Mediator).md)
9. [观察者模式(Observer Pattern)](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Patterns/9.观察者模式(Observer).md)

## 六、《Cute-Regular》目录
1. [一、正则表达式字符匹配](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Regular/1.字符匹配.md)
2. [二、正则表达式位置匹配](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Regular/2.位置匹配.md)
3. [三、正则表达式括号的使用](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Regular/3.括号的使用.md)
4. [四、正则表达式回溯法原理](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Regular/4.回溯法.md)
5. [五、正则表达式的拆分](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Regular/5.正则拆分.md)
6. [六、正则表达式的构建](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Regular/6.正则构建.md)
7. [七、正则表达式编程](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Regular/7.正则编程.md)

## 七、《框架入门教程》目录
### Angular6
1. [Angular6官网入门项目](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-Angular/angualr%E5%AE%98%E7%BD%91demo)
2. [Angular6入门项目books](https://github.com/pingan8787/Leo-JavaScript/tree/master/Cute-Angular/books%E9%A1%B9%E7%9B%AEdemo)


希望自己的文章会对各位有所帮助，也欢迎各位大佬指点。 


|Author|王平安|
|---|---|
|E-mail|pingan8787@qq.com|
|博  客|www.pingan8787.com|
|微  信|pingan8787|
|每日文章推荐|https://github.com/pingan8787/Leo_Reading/issues|
|ES小册|js.pingan8787.com|

## 微信公众号
![bg](http://images.pingan8787.com/2019_07_12guild_page.png)