# xiaozhi **Repository Path**: lzz9/xiaozhi ## Basic Information - **Project Name**: xiaozhi - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-03-03 - **Last Updated**: 2021-03-03 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 博客目录 努力整理翻译一系列前端优质文章，今年博客侧重于react、vue、react native 与底层原理分析，如果想第一时间获取文章，欢迎关注**我的公众号：大迁世界，每周至少二到三篇文章，与你终身学习** ## 版权声明：本文为博主翻译的原创文章，未经博主允许不得转载。 * [segmentFault博客(全集)](https://segmentfault.com/u/minnanitkong/articles) * [掘金博客(精华)](https://juejin.im/user/59df61ec51882578ce26ee6e/posts) * 想加入前端交流群，跟诸多一线大厂的大佬交流学习，先进入**大迁世界**公众号👉点击“进群交流”，我拉你入群 欢迎关注公众号：**大迁世界**，你的成长我们一起见证！ ### | JavaScript是如何工作的系列 1. [JavaScript是如何工作的：引擎，运行时和调用堆栈的概述](https://github.com/qq449245884/xiaozhi/issues/1) 2. [JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧](https://github.com/qq449245884/xiaozhi/issues/2) 3. [JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏](https://github.com/qq449245884/xiaozhi/issues/3) 4. [JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 async/await 更好地编码方式](https://github.com/qq449245884/xiaozhi/issues/4) 5. [JavaScript是如何工作: 深入探索 websocket 和HTTP/2与SSE +如何选择正确的路径 ](https://github.com/qq449245884/xiaozhi/issues/5) 6. [JavaScript是如何工作的:与 WebAssembly比较 及其使用场景](https://github.com/qq449245884/xiaozhi/issues/6) 7. [JavaScript是如何工作的:Web Workers的构建块+ 5个使用他们的场景](https://github.com/qq449245884/xiaozhi/issues/7) 8. [JavaScript 是如何工作的：Service Worker 的生命周期及使用场景](https://github.com/qq449245884/xiaozhi/issues/8) 9. [JavaScript是如何工作的:Web推送通知的机制](https://github.com/qq449245884/xiaozhi/issues/9) 10. [JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化](https://github.com/qq449245884/xiaozhi/issues/10) 11. [JavaScript是如何工作的:渲染引擎和优化其性能的技巧](https://github.com/qq449245884/xiaozhi/issues/11) 12. [JavaScript 是如何工作的：深入网络层 + 如何优化性能和安全](https://github.com/qq449245884/xiaozhi/issues/12) 13. [JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能](https://github.com/qq449245884/xiaozhi/issues/13) 14. [JavaScript 是如何工作的：解析、抽象语法树（AST）+ 提升编译速度5个技巧](https://github.com/qq449245884/xiaozhi/issues/14) 15. [JavaScript是如何工作的：深入类和继承内部原理+Babel和 TypeScript 之间转换](https://github.com/qq449245884/xiaozhi/issues/15) 16. [JavaScript是如何工作的:存储引擎+如何选择合适的存储API](https://github.com/qq449245884/xiaozhi/issues/16) 17. [JavaScript 是如何工作: Shadow DOM 的内部结构+如何编写独立的组件](https://github.com/qq449245884/xiaozhi/issues/17) 18. [JavaScript 是如何工作的:WebRTC 和对等网络的机制 ](https://github.com/qq449245884/xiaozhi/issues/18) 19. [JavaScript 是如何工作的：编写自己的 Web 开发框架 + React 及其虚拟 DOM 原理](https://github.com/qq449245884/xiaozhi/issues/19) 20. [JavaScript 是如何工作的：模块的构建以及对应的打包工具](https://github.com/qq449245884/xiaozhi/issues/20) 21. [JavaScript 是如何工作的：JavaScript 的内存模型 ](https://github.com/qq449245884/xiaozhi/issues/21) 22. [JavaScript 是如何工作的：JavaScript 的共享传递和按值传递](https://github.com/qq449245884/xiaozhi/issues/22) ### | 前端性能优化 系列 1. [Web 性能优化： 使用 Webpack 分离数据的正确方法](https://github.com/qq449245884/xiaozhi/issues/25) 2. [Web 性能优化： 图片优化让网站大小减少 62%](https://github.com/qq449245884/xiaozhi/issues/26) 3. [Web 性能优化：缓存 React 事件来提高性能](https://github.com/qq449245884/xiaozhi/issues/27) 4. [Web 性能优化：21种优化CSS和加快网站速度的方法](https://github.com/qq449245884/xiaozhi/issues/28) 5. [Web 性能优化：理解及使用 JavaScript 缓存 ](https://github.com/qq449245884/xiaozhi/issues/29) 6. [Web 性能优化：Preload,Prefetch的使用及在 Chrome 中的优先级](https://github.com/qq449245884/xiaozhi/issues/30) ### | JavaScript 数据结构 系列 1. [用 JavaScript 实现链表 ](https://github.com/qq449245884/xiaozhi/issues/31) ### | JavaScript 其它 系列 1. [11 种在大多数教程中找不到的JavaScript技巧 ](https://github.com/qq449245884/xiaozhi/issues/40) 2. [JavaScript 的内存模型 ](https://github.com/qq449245884/xiaozhi/issues/46) 3. [我从来不理解JavaScript闭包，直到有人这样向我解释它](https://github.com/qq449245884/xiaozhi/issues/53) 4. [如何在 JS 循环中正确使用 async 与 await ](https://github.com/qq449245884/xiaozhi/issues/54) 5. [搞懂 Javascript中this 指向及继承原理 ](https://github.com/qq449245884/xiaozhi/issues/55) 6. [JavaScript 的简洁之道 ](https://github.com/qq449245884/xiaozhi/issues/56) ### | React 造轮子 系列 1. [React 造轮子系列：Icon 组件思路](https://github.com/qq449245884/xiaozhi/issues/35) 2. [React造轮系列：对话框组件 - Dialog 思路](https://github.com/qq449245884/xiaozhi/issues/41) 3. [React造轮系列：Layout 组件思路](https://github.com/qq449245884/xiaozhi/issues/52) ### | React 系列 1. [React高级组件精讲](https://github.com/qq449245884/xiaozhi/issues/44) 2. [React 项目结构和组件命名规范 ](https://github.com/qq449245884/xiaozhi/issues/49) 3. [你要的 React 面试知识点，都在这了 ](https://github.com/qq449245884/xiaozhi/issues/50) 4. [React 新特性讲解及实例(一) ](https://github.com/qq449245884/xiaozhi/issues/57) ### | ReactNative 系列 1. [React Native 常用的 15 个库 ](https://github.com/qq449245884/xiaozhi/issues/48) 2. [2019年，Flutter 和 React Native 谁主沉浮](https://github.com/qq449245884/xiaozhi/issues/58) ### | Web 应用安全性 系列 1. [Web 应用安全性: 浏览器是如何工作的](https://github.com/qq449245884/xiaozhi/issues/32) 2. [Web 应用安全性: HTTP简介](https://github.com/qq449245884/xiaozhi/issues/33) 3. [Web 应用安全性: 使用这些 HTTP 头保护 Web 应用 ](https://github.com/qq449245884/xiaozhi/issues/34) ### | 前端面试 系列 1. [Javascript 面试的完美指南(开发者视角)](https://github.com/qq449245884/xiaozhi/issues/24) 2. [前端面试：谈谈 JS 垃圾回收机制](https://github.com/qq449245884/xiaozhi/issues/36) 3. [Javascript 面试中经常被问到的三个问题！](https://github.com/qq449245884/xiaozhi/issues/37) 4. [不要这样写简历](https://github.com/qq449245884/xiaozhi/issues/51) ### | 前端技巧 系列 1. [灵活使用 console 让 js 调试更简单](https://github.com/qq449245884/xiaozhi/issues/45) ### | ECMAScript 系列 1. [ECMAScript 2016、2017和2018中所有新特性](https://github.com/qq449245884/xiaozhi/issues/23) ### | CSS 系列 1. [45个值得收藏的 CSS 形状 ](https://github.com/qq449245884/xiaozhi/issues/42) 2. [前端学习之路之自适应设计(sass语法) ](https://github.com/qq449245884/xiaozhi/issues/43) 3. [8个有用的 CSS 技巧:视差图像，sticky footer 等等](https://github.com/qq449245884/xiaozhi/issues/47) ### | UI设计 系列 1. [创建华丽 UI 的 7条规则 第一部分 (2019年更新) ](https://github.com/qq449245884/xiaozhi/issues/38) 2. [创建华丽 UI 的 7条规则  第二部分 (2019年更新)](https://github.com/qq449245884/xiaozhi/issues/39)
## 交流 我是小智，公众号「大迁世界」作者，对前端技术保持学习爱好者。我会经常分享自己所学所看的干货，在进阶的路上，共勉！ 如果你想加群讨论，进入公众号[进群交流]，添加好友即可。 ![](https://github.com/qq449245884/xiaozhi/blob/master/images/wx.jpg)