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

## 一、关于作者
[![博客](http://images.pingan8787.com/icon_my1.png)](http://www.pingan8787.com)
[![语雀](http://images.pingan8787.com/assets/icon_26_yuque.png)](https://www.yuque.com/wangpingan/cute-frontend)
[![知乎](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)


完整知识库，请查看我的【**语雀知识库**】，阅读体验更好。[💌跳转~](https://www.yuque.com/wangpingan/cute-frontend)


## 二、🔥原创文章
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)
4. [《CSS+JS送学妹满屏幕小爱心》](https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-JavaScript/Cute-Tips/6.CSS%2BJS%E9%80%81%E5%AD%A6%E5%A6%B9%E6%BB%A1%E5%B1%8F%E5%B9%95%E5%B0%8F%E7%88%B1%E5%BF%83.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)