博客目录

努力整理翻译一系列前端优质文章，今年博客侧重于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，需要知道的所有内容

| JavaScript 口袋书 系列

1. 【JS 口袋书】第 1 和 2 章：JS简介及基础

2. 【JS 口袋书】第 3 章：JavaScript 函数

3. 【JS 口袋书】第 4 章：JS 引擎底层的工作原理

4. 【JS 口袋书】第 5 章：JS 对象生命周期的秘密

5. 【JS 口袋书】第 6 章：JS 中的闭包与模块

6. 【JS 口袋书】第 7 章：JS 中的类型转换与比较

7. 【JS 口袋书】第 8 章：以更细的角度来看 JS 中的 this

8. 【JS 口袋书】第 9 章：使用 JS 操作 HTML 元素

9. 【JS 口袋书】第 10 章：使用异步 JavaScript

10. 【JS 口袋书】第 11 章：HTML 表单及 localStorage 的使用

| TypeScript 口袋书 系列

1. 【TS 演化史 -- 破晓】一步一个脚印带你入门 TS

2. 【TypeScript 演化史 -- 1】non-nullable 的类型

3. 【TypeScript 演化史 -- 2】基于控制流的类型分析 和 只读属性

4. 【TypeScript 演化史 -- 3】标记联合类型 与 never 类型

| 前端性能优化 系列

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可选链的好处

31. JS 前20个常用字符串方法及使用方式

32. JS中，如何提高展开运算符的性能

33. JS 如何创建、读取和删除cookie

34. JS 中几种轻松处理'this'指向方式

35. 息息相关的 JS 同步，异步和事件轮询

36. 掌握JS函数中的几种参数形式（函数基础）

37. 简单易懂的 ES6 Iterators 指南和示例

38. 20多个小事例带你重温 ES10 新特性

39. JS 常用的技巧和几个鲜为人知的特性

40. 我对 JS 中相等和全等操作符转化过程一直很迷惑，直到有了这份算法

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

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

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

44. 如何使用useReducer Hook

45. JS 如何创建、读取和删除cookie

46. 深入 JS 对象属性

47. JS异常函数之-箭头函数

48. 理清JS中的深拷贝与浅拷贝

49. 常见的三个 JS 面试题

50. JS对象的 rest/spread 属性指南

51. 13 个 JS 数组精简技巧，一起来看看

52. 重温一下 JS 进阶需要掌握的 13 个概念

53. 通过 41 个 问答方式快速了解学习 Git

54. 使用 JS 及 React Hook 时需要注意过时闭包的坑(文中有解决方法)

55. 14 个拷贝数组的 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 示例

10. useEffect Hook 是如何工作的

11. useContext Hook 是如何工作的

12. React 中获取数据的 3 种方法：哪种最好？

13. 简单易懂的 React 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. 不要这样写简历

5. 35 道咱们必须要清楚的 React 面试题

6. 10 个常问的 JS 面试题

7. 通过 20 个棘手的ES6面试问题来提高咱们的 JS 技能

| 前端技巧 系列

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

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

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

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

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

6. 50 个JS 必须懂的面试题为你助力金九银十

7. 36 个JS 面试题为你助力金九银十(面试必读)

8. 通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏)

| 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。

交流

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

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

每次整理文章，一般都到2点才睡觉，一周4次左右，挺苦的，还望支持，给点鼓励