四月前端知识集锦（每月不可错过的文章集锦）

矫情吗；* 2022-05-25 11:35 173阅读 0赞

PS：星号表示需要翻墙。

#### JS 相关 ####

*  [jsonp 的原理与实现][jsonp]
 *  [关于不可变对象，比较通俗易懂][Link 1]
 *  [前端工程师为什么要学习编译原理][Link 2]
 *  [JS 多线程][JS]
 *  [JavaScript闭包的底层运行机制][JavaScript]
 *  [前端数据结构与算法][Link 3]
 *  [ES7, 8, 9 \*][ES7_ 8_ 9]
 *  [\[1\] + \[2\] - \[3\] === 9][1_ _ _2_ - _3_ _ 9]
 *  [用 Webpack 写出更牛逼的 JS][Webpack _ JS]
 *  [Node 事件循环解析 \*][Node _]
 *  [学习如何使用 Chomre Devtools Debug JS \*][Chomre Devtools Debug JS]
 *  [深入剖析 JavaScriptCore][JavaScriptCore]
 *  [几个 JS 新特性 \*][JS _]
 *  [超大型 JavaScript 应用的设计哲学][JavaScript 1]
 *  [60多篇 JS 文章 \*][60_ JS _]

#### CSS ####

*  [浏览器如何定位浮动元素 \*][Link 4]
 *  [滚动实现 \*][Link 5]

#### Webpack ####

*  [配置 Webpack 4 \*][Webpack 4]

#### 框架 ####

*  [如何在2018年学习React，Angular或Vue？][2018_React_Angular_Vue]
 *  [Medium上精选的200篇JS的文章][Medium_200_JS]
 *  [我在开发React-native/Redux应用过程中犯的11个错误][React-native_Redux_11]
 *  [RN学习指南][RN]
 *  [React 16.3 更新][React 16.3]
 *  [Mvvm 前端数据流框架精讲][Mvvm]
 *  [为什么Vue使用异步更新队列？][Vue]
 *  [从setState promise化的探讨 体会React团队设计思想][setState promise_ _React]
 *  [React 性能优化 \*][React _]
 *  [React 的一本开源书籍][React]

#### 面试 ####

*  [破解前端面试（80% 应聘者不及格系列）：从 DOM 说起][80_ _ DOM]
 *  [几道高级前端面试题解析][Link 6]

#### 其他 ####

*  [区块链教程][Link 7]
 *  [移动端开始技巧][Link 8]
 *  [如何正确的使用你的时间][Link 9]

Fundebug提供JavaScript监控，支持所有主流前端框架，微信小程序监控，微信小游戏监控，后端Node.js监控。

![1386816-20180502112633892-1858746955.png][]

您可能感兴趣的

1.  [详解1000+项目数据分析出来的10大JavaScript错误][1000_10_JavaScript]  
    
2.  [10个用Console来Debug的高级技巧][10_Console_Debug]  
    
3.  [Fundebug支持区分Source Map版本][Fundebug_Source Map]  
    
4.  [Debug前端HTML/CSS][Debug_HTML_CSS]

原文链接：https://juejin.im/post/5ae95f17f265da0b93481dec

[jsonp]: https://link.juejin.im?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000007665361
[Link 1]: https://link.juejin.im?target=https%3A%2F%2Fblog.logrocket.com%2Fimmutability-in-react-ebe55253a1cc
[Link 2]: https://link.juejin.im?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F31096468
[JS]: https://link.juejin.im?target=https%3A%2F%2Fqiutc.me%2Fpost%2Fthe-multithread-in-javascript-web-worker.html
[JavaScript]: https://link.juejin.im?target=http%3A%2F%2Fblog.leapoahead.com%2F2015%2F09%2F15%2Fjs-closure%2F
[Link 3]: https://link.juejin.im?target=https%3A%2F%2Ffed.renren.com%2F2017%2F07%2F02%2Falgorithm%2F
[ES7_ 8_ 9]: https://link.juejin.im?target=https%3A%2F%2Fmedium.freecodecamp.org%2Fhere-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e
[1_ _ _2_ - _3_ _ 9]: https://link.juejin.im?target=https%3A%2F%2Fwanago.io%2F2018%2F04%2F02%2F1-2-3-9-looking-into-assembly-code-of-coercion%2F
[Webpack _ JS]: https://link.juejin.im?target=https%3A%2F%2Fforestry.io%2Fblog%2Fwrite-better-javascript-with-webpack%2F
[Node _]: https://link.juejin.im?target=https%3A%2F%2Fjsblog.insiderattack.net%2F%40dpjayasekara
[Chomre Devtools Debug JS]: https://link.juejin.im?target=https%3A%2F%2Fcodeburst.io%2Flearn-how-to-debug-javascript-with-chrome-devtools-9514c58479db
[JavaScriptCore]: https://link.juejin.im?target=https%3A%2F%2Fming1016.github.io%2F2018%2F04%2F21%2Fdeeply-analyse-javascriptcore%2F%3Fhmsr%3Dtoutiao.io%26utm_medium%3Dtoutiao.io%26utm_source%3Dtoutiao.io
[JS _]: https://link.juejin.im?target=https%3A%2F%2Fmedium.freecodecamp.org%2Fhere-are-three-upcoming-changes-to-javascript-that-youll-love-387bce1bfb0b
[JavaScript 1]: https://link.juejin.im?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F35929167%3Futm_source%3Dwechat_session%26utm_medium%3Dsocial%26from%3Dtimeline%26isappinstalled%3D0
[60_ JS _]: https://link.juejin.im?target=https%3A%2F%2Fcodeburst.io%2F60-javascript-tutorials-walkthroughs-cb315cc1947e
[Link 4]: https://link.juejin.im?target=https%3A%2F%2Fmeowni.ca%2Fposts%2Ffloat-layout%2F
[Link 5]: https://link.juejin.im?target=https%3A%2F%2Fevilmartians.com%2Fchronicles%2Fscroll-to-the-future-modern-javascript-css-scrolling-implementations
[Webpack 4]: https://link.juejin.im?target=https%3A%2F%2Fhackernoon.com%2Fa-tale-of-webpack-4-and-how-to-finally-configure-it-in-the-right-way-4e94c8e7e5c1
[2018_React_Angular_Vue]: https://link.juejin.im?target=https%3A%2F%2Fwww.robinwieruch.de%2Fhow-to-learn-framework
[Medium_200_JS]: https://link.juejin.im?target=https%3A%2F%2Fhackernoon.com%2Ftop-200-javascript-articles-on-medium-until-jan-2017-a0c6a1bfe094
[React-native_Redux_11]: https://link.juejin.im?target=https%3A%2F%2Fmedium.com%2Fdailyjs%2F11-mistakes-ive-made-during-react-native-redux-app-development-8544e2be9a9
[RN]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Freactnativecn%2Freact-native-guide
[React 16.3]: https://link.juejin.im?target=https%3A%2F%2Freactjs.org%2Fblog%2F2018%2F03%2F29%2Freact-v-16-3.html%3Futm_source%3Dponyfoo%2Bweekly%26utm_medium%3Demail%26utm_campaign%3D109
[Mvvm]: https://link.juejin.im?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F35211052
[Vue]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Fberwin%2FBlog%2Fissues%2F22
[setState promise_ _React]: https://link.juejin.im?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F28905707
[React _]: https://link.juejin.im?target=https%3A%2F%2Fevilmartians.com%2Fchronicles%2Foptimizing-react-virtual-dom-explained%3Futm_source%3Dponyfoo%2Bweekly%26utm_medium%3Demail%26utm_campaign%3D111
[React]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Fkrasimir%2Freact-in-patterns
[80_ _ DOM]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F58f558efac502e006c3e5c97
[Link 6]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5aa8a07cf265da238a3022a4
[Link 7]: https://link.juejin.im?target=https%3A%2F%2Fcryptozombies.io%2Fzh%2Fcourse
[Link 8]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Fo2team%2FH5Skills%2Fissues
[Link 9]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5ae7ca4951882567382f60b1
[1386816-20180502112633892-1858746955.png]: /images/20220525/8f0bebd6b4bb469d858777df0691b755.png
[1000_10_JavaScript]: https://blog.fundebug.com/2018/03/12/top-10-javascript-errors-from-1000-projects/
[10_Console_Debug]: https://blog.fundebug.com/2018/03/19/10-tips-for-debugging-with-console/
[Fundebug_Source Map]: https://blog.fundebug.com/2017/12/26/fundebug-can-distinguish-sourcemap-version/
[Debug_HTML_CSS]: https://blog.fundebug.com/2018/01/02/how-to-debug-frontend-html-css/