skyujilong / xiaozhi

博客目录

努力整理翻译一系列前端优质文章，今年博客侧重于react、vue、react native 与底层原理分析，如果想第一时间获取文章，欢迎关注我的公众号：大迁世界，每周至少二到三篇文章，与你终身学习

版权声明：本文为博主翻译的原创文章，未经博主允许不得转载。

• segmentFault博客(全集)

• 掘金博客(精华)

• 想加入前端交流群，跟诸多一线大厂的大佬交流学习，先进入大迁世界公众号👉点击“进群交流”，我拉你入群

欢迎关注公众号：大迁世界，你的成长我们一起见证！

| JavaScript是如何工作的系列

1. JavaScript是如何工作的：引擎，运行时和调用堆栈的概述

2. JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧

3. JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏

4. JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 async/await 更好地编码方式

5. JavaScript是如何工作: 深入探索 websocket 和HTTP/2与SSE +如何选择正确的路径

6. JavaScript是如何工作的:与 WebAssembly比较 及其使用场景

7. JavaScript是如何工作的:Web Workers的构建块+ 5个使用他们的场景

8. JavaScript 是如何工作的：Service Worker 的生命周期及使用场景

9. JavaScript是如何工作的:Web推送通知的机制

10. JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化

11. JavaScript是如何工作的:渲染引擎和优化其性能的技巧

12. JavaScript 是如何工作的：深入网络层 + 如何优化性能和安全

13. JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能

14. JavaScript 是如何工作的：解析、抽象语法树（AST）+ 提升编译速度5个技巧

15. JavaScript是如何工作的：深入类和继承内部原理+Babel和 TypeScript 之间转换

16. JavaScript是如何工作的:存储引擎+如何选择合适的存储API

17. JavaScript 是如何工作: Shadow DOM 的内部结构+如何编写独立的组件

18. JavaScript 是如何工作的:WebRTC 和对等网络的机制

19. JavaScript 是如何工作的：编写自己的 Web 开发框架 + React 及其虚拟 DOM 原理

20. JavaScript 是如何工作的：模块的构建以及对应的打包工具

21. JavaScript 是如何工作的：JavaScript 的内存模型

22. JavaScript 是如何工作的：JavaScript 的共享传递和按值传递

23. JS引擎:它们是如何工作的?从调用堆栈到Promise，需要知道的所有内容

24. JS中轻松遍历对象属性的几种方式

25. JS中函数式编程基本原理简介

26. ES新提案：双问号操作符

27. 如何使用useReducer Hook

| 前端性能优化 系列

1. Web 性能优化： 使用 Webpack 分离数据的正确方法

2. Web 性能优化： 图片优化让网站大小减少 62%

3. Web 性能优化：缓存 React 事件来提高性能

4. Web 性能优化：21种优化CSS和加快网站速度的方法

5. Web 性能优化：理解及使用 JavaScript 缓存

6. Web 性能优化：Preload,Prefetch的使用及在 Chrome 中的优先级

| JavaScript 数据结构 系列

1. 用 JavaScript 实现链表

| JavaScript 其它 系列

1. 11 种在大多数教程中找不到的JavaScript技巧

2. JavaScript 的内存模型

3. 我从来不理解JavaScript闭包，直到有人这样向我解释它

4. 如何在 JS 循环中正确使用 async 与 await

5. 搞懂 Javascript中this 指向及继承原理

6. JavaScript 的简洁之道

7. JavaScript 原型的深入指南

8. 如何在JavaScript中访问暂未存在的嵌套对象

9. 10个流行的JavaScript面试题

10. 搞懂JavaScript引擎运行原理

11. 需要知道的JS的日期知识，都在这了

12. 8个有用的JS技巧

13. 揭秘变量提升

14. 如何使用 Set 来提高代码的性能

15. Array.slice 8种不同用法

16. 8个问题看你是否真的懂 JS

17. Proxy 的巧用

18. JS变量生命周期:为什么 let 没有被提升

19. JS 中有趣的事实

20. 任务，微任务、队列和时间表

21. JS 的5个不良编码习惯，现在就改掉吧

22. JS 最新数据基本类型:BigInt

23. 关于css margin，你需要知道的一切

24. 处理 JS中 undefined 的 7 个技巧

25. 什么时候不使用箭头函数

26. Promise 中的三兄弟 .all(), .race(), .allSettled()

27. JS 中创建自定义排序方法

28. JS 在获取当前月的最后一天遇到的坑

29. 5个 JS 解构有趣的用途

30. JS可选链的好处

| Vue 系列

1. vue 2.6 中 slot 的新用法

| React 造轮子 系列

1. React 造轮子系列：Icon 组件思路

2. React造轮系列：对话框组件 - Dialog 思路

3. React造轮系列：Layout 组件思路

| React 系列

1. React高级组件精讲

2. React 项目结构和组件命名规范

3. 你要的 React 面试知识点，都在这了

4. React 新特性讲解及实例(一)

5. React 新特性 Hooks 讲解及实例(二)

6. React 新特性 Hooks 讲解及实例(三)

7. React 新特性 Hooks 讲解及实例(四)

8. 快速了解 React Hooks 原理

9. 4 个 useState Hook 示例

| ReactNative 系列

1. React Native 常用的 15 个库

2. 2019年，Flutter 和 React Native 谁主沉浮

| Web 应用安全性 系列

1. Web 应用安全性: 浏览器是如何工作的

2. Web 应用安全性: HTTP简介

3. Web 应用安全性: 使用这些 HTTP 头保护 Web 应用

| 前端面试 系列

1. Javascript 面试的完美指南(开发者视角)

2. 前端面试：谈谈 JS 垃圾回收机制

3. Javascript 面试中经常被问到的三个问题！

4. 不要这样写简历

| 前端技巧 系列

1. 灵活使用 console 让 js 调试更简单

2. 13个npm 快速使用开发技巧

3. Web应用程序如何创建 PDF

4 21 个VSCode 快捷键，让代码更快，更有趣

5. 21个让React 开发更高效更有趣的工具

| ECMAScript 系列

1. ECMAScript 2016、2017和2018中所有新特性

2. 目前可以使用ES10的5个新特性

| CSS 系列

1. 45个值得收藏的 CSS 形状
2. 前端学习之路之自适应设计(sass语法)
3. 8个有用的 CSS 技巧:视差图像，sticky footer 等等
4. 使用 CSS Grid Generator来快速使用及学习 Grid 布局

| UI设计 系列

1. 创建华丽 UI 的 7条规则 第一部分 (2019年更新)

2. 创建华丽 UI 的 7条规则  第二部分 (2019年更新)

代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。

交流

我是小智，公众号「大迁世界」作者，对前端技术保持学习爱好者。我会经常分享自己所学所看的干货，在进阶的路上，共勉！

如果你想加群讨论，进入公众号[进群交流]，添加好友即可。