前端优化方案以及各种学习资料

更加详细   以及   更多前端优化方案

js 堆栈详解：

https://blog.csdn.net/woleigequshawanyier/article/details/85038675

高级 js

1.javascript-algorithms(基于 javascript 的算法和数据结构)

https://github.com/trekhleb/javascript-algorithms

2.nodebestpractices(Node.js 最佳实践)

https://github.com/goldbergyoni/nodebestpractices

3.You-Dont-Know-JS(你不知道的 js 这本书的开源版本)

https://github.com/getify/You-Dont-Know-JS

4.clean-code-javascript(教你如何写出更好可读性的 js 代码)

https://github.com/ryanmcdermott/clean-code-javascript

5.30-seconds-of-code(开发时常用的简短代码)

https://github.com/30-seconds/30-seconds-of-code

注：github 后面加 1s 进入类似 vscode 的样式可以更好的阅读代码

其它前端性能优化：

• 图片优化——质量与性能的博弈   https://blog.csdn.net/woleigequshawanyier/article/details/86150763

• 浏览器缓存机制介绍与缓存策略剖析 https://blog.csdn.net/woleigequshawanyier/article/details/86152516

• webpack 性能调优与 Gzip 原理 https://blog.csdn.net/woleigequshawanyier/article/details/85273790

• 本地存储——从 Cookie 到 Web Storage、IndexDB  https://blog.csdn.net/woleigequshawanyier/article/details/86290178

• CDN 的缓存与回源机制解析 https://blog.csdn.net/woleigequshawanyier/article/details/86369933

• 服务端渲染的探索与实践 https://blog.csdn.net/woleigequshawanyier/article/details/86370471

• 解锁浏览器背后的运行机制 https://blog.csdn.net/woleigequshawanyier/article/details/86371159

• DOM 优化原理与基本实践 https://blog.csdn.net/woleigequshawanyier/article/details/86371425

• Event Loop 与异步更新策略 https://blog.csdn.net/woleigequshawanyier/article/details/86371850

• 回流（Reflow）与重绘（Repaint）https://blog.csdn.net/woleigequshawanyier/article/details/86372288

• Lazy-Load https://blog.csdn.net/woleigequshawanyier/article/details/84930082

• 事件的节流（throttle）与防抖（debounce)  https://blog.csdn.net/woleigequshawanyier/article/details/85345095

• 前端学习资料下载 https://blog.csdn.net/woleigequshawanyier/article/details/85274358

• 技术体系分类 https://blog.csdn.net/woleigequshawanyier

前端技术架构体系（没有链接的后续跟进）：

• 调用堆栈 https://blog.csdn.net/woleigequshawanyier/article/details/85038675

• 作用域闭包 https://blog.csdn.net/woleigequshawanyier/article/details/85214354

• this 全面解析

• 深浅拷贝的原理 https://blog.csdn.net/woleigequshawanyier/article/details/85331237

• 原型 prototype https://blog.csdn.net/woleigequshawanyier/article/details/85338995

• 事件机制、

• Event Loop https://www.jianshu.com/p/12b9f73c5a4f

• Promise 机制、

• async / await 原理、

• 防抖/节流原理   https://blog.csdn.net/woleigequshawanyier/article/details/85345095

• 模块化详解、

• es6 重难点、

• 浏览器熏染原理、

• webpack 配置(原理) https://blog.csdn.net/woleigequshawanyier/article/details/85273790

• 前端监控、

• 跨域和安全、

• 性能优化（参见上面性能优化相关）

• VirtualDom 原理、

• Diff 算法、

• 数据的双向绑定

• TCP 协议(三次握手、四次挥手) https://blog.csdn.net/woleigequshawanyier/article/details/85223642

• DNS 域名解析 https://blog.csdn.net/woleigequshawanyier/article/details/85222985

其它相关

• 前端学习资料下载 https://blog.csdn.net/woleigequshawanyier/article/details/85274358

• 技术体系分类 https://blog.csdn.net/woleigequshawanyier

• react-native 实战项目学习 https://github.com/15826954460/BXStage

• react-naitve 采坑笔记   https://blog.csdn.net/woleigequshawanyier/article/category/8512330