博客目录

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

| 前端性能优化 系列

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技巧

| 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 讲解及实例(三)

| 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 调试更简单

| ECMAScript 系列

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

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

| CSS 系列

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

| UI设计 系列

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

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

交流

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

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