> 整理一下javascript笔记 # 阿里前端知识图谱 [阿里前端知识图谱](https://f2e.tech/mindmap?spm=a21iq3.home.0.0.33632764PjEAUQ)  # 概念性问题 --- 1. [「前端模块化」](http://blog.demongao.com/article/58982b655dfc0f096ce004cd) 1. [「JavaScript函数式编程」](http://blog.demongao.com/article/589ee1105dfc0f096ce004d6) # 必知 --- 1. [「作用域」](http://www.blog.demongao.com/article/5b3a330e9ed8cb58cf2697a1) 1. [「闭包」]() 1. [「this指向问题」](https://demongao.com/2020/11/%E4%BD%A0%E9%9C%80%E8%A6%81%E7%9F%A5%E9%81%93javascriptthis%E6%8C%87%E5%90%91%E9%97%AE%E9%A2%98) 1. [「原型」]() 1. [「BFC」](http://blog.demongao.com/article/58b035f7f3b09507b384327a) 2. [「深入理解CSS外边距折叠（Margin Collapse）」](https://tech.youzan.com/css-margin-collapse/) 1. [「网站优化」]() 1. [「CMD AMD」]() 1. [「JavaScript深拷贝和浅拷贝问题」](http://blog.demongao.com/article/5b3e42ec9ed8cb58cf2697a2) # 数据类型 --- * 6种原始数据类型 1. [「Number（数字类型）」](http://blog.demongao.com/article/5930b0aa00c83f0a3962e682) 2. [「String（字符串类型）」](http://blog.demongao.com/article/58ccc9980c2b6410ea0851d7) 3. Booble（布尔类型） 1. [「布尔值转换问题」](http://blog.demongao.com/article/5893f5d2bf3ce4087e8cf379) 4. null（Null 类型） 1. [「undefined 与 null区别」](http://blog.demongao.com/article/5895449abf3ce4087e8cf37a) 5. undefined（Undefined 类型） 6. Symbol（符号类型）（`ECMAScript 6` 新定义） * 和Object # 内置对象 --- 1. [「Object」](http://blog.demongao.com/article/58cf26b50c2b6410ea0851d8) 2. Array 1. [「splice 和slice 区别」](http://blog.demongao.com/article/58b10a05f3b09507b384327d) 1. [「sort理解」](http://blog.demongao.com/article/58b24de1f3b09507b384327f) 3. [「Function」](http://blog.demongao.com/article/58d07d3c0dacd01cb18896e9) 4. Boolean 5. Number 6. String 7. Math 8. Date 9. [「RegExp」](http://blog.demongao.com/article/58b67693f3b09507b3843282) 10. Error对象 # 面向对象 --- > 概念：[「javascript 面向对象理解」](http://blog.demongao.com/article/589c042e5dfc0f096ce004d5) 1. [「对象」](http://blog.demongao.com/article/58bf5f2207b3443952a80570) 2. 类 3. 封装 4. 继承 1. [「类式继承」](http://blog.demongao.com/article/58a7efabf3b09507b3843271) 1. [「构造函数继承」](http://blog.demongao.com/article/58a8f31af3b09507b3843276) 1. [「组合继承」](http://blog.demongao.com/article/58a9b63ef3b09507b3843277) 6. 多态 # 函数 --- 1. [「JavaScript构造函数与普通函数」](http://blog.demongao.com/article/58a7fcedf3b09507b3843272) ## ECMAScript 6 --- 1. [「ES6手册」](https://qiutc.me/post/es6-cheatsheet.html?nsukey=iJ63rOAYzbhPYPjRDcuKmV4JpIdsZTWBYsEzOQaNqKN4%2FNI3KUEKKKap%2FrIYmRsKbnP%2FOnk0aZoHXh2mNiY1L2cyAgfO%2F5euVLH5d4apztHSXo4nyslYQ%2BBw8Q9GarrnuiXAECoQ0ponwt1oqy2xu%2BpO2EwWDQCtmFxFfiTJxI5%2BH1yTgYSFd0HQRaz8bUuZ#用块级作用域代替_IIFES) # 设计模式 --- 敬请期待... 1. [「」]() # ES新特性 --- 1. [「?.可选链操作符」](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Optional_chaining) # 算法 --- 敬请期待... 1. [「数据结构」]() # Git --- 1. [「git速查表」](http://blog.demongao.com/article/587f9524e9e4126b1fbd06ba) 2. [「git总结」](http://blog.demongao.com/article/5a372d91a2665d03cb0fabb1) # HTTP --- 1. Http缓存机制 1. [「彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法」](https://mp.weixin.qq.com/s/qOMO0LIdA47j3RjhbCWUEQ) 2. [「HTTP 缓存」](https://aotu.io/notes/2016/09/22/http-caching/?o2src=juejin&o2layout=compat) 3. [「浏览器缓存机制剖析」](https://juejin.im/post/58eacff90ce4630058668257) 2. [「Http状态码」](http://blog.demongao.com/article/5938a67900c83f0a3962e685) # 编码规范 --- 1. [「Js主要以“公认”最好的airbnb规范为准[参考]」](https://github.com/lin-123/javascript) # 牛刀小试 --- 1. [「js获取dom元素css样式」](http://blog.demongao.com/article/589bec485dfc0f096ce004d4) 3. [「Ajax跨域请求-jsonp」](http://justcoding.iteye.com/blog/1366102/) 4. [「JavaScript 面试题」](http://blog.demongao.com/article/589a9ab65dfc0f096ce004d1) 5. [「JavaScript 练习题」](http://blog.demongao.com/article/5896d3c85dfc0f096ce004cc) 6. [「如果你想靠前端技术还房贷，你不能连这个都不会」](http://blog.demongao.com/article/58a80935f3b09507b3843275) 7. [「7种方法解决移动端Retina屏幕1px边框问题」](http://www.jianshu.com/p/7e63f5a32636) 8. [「阿里、网易、滴滴共十次前端面试碰到的问题」](https://juejin.im/post/59316e682f301e0058378558) 9. [「金三银四？这20道高频面试题值得了解下」](https://mp.weixin.qq.com/s/Yp4VACbw3KiWSdAvVBXvrw)