人类高质量文章，说的就是这些吗？

快来打我* 2022-09-15 14:00 185阅读 0赞

话不多说，这一次**花了几小时**精心为大家挑选了30余篇好文，供大家阅读学习，提升自己的技术视野以及扩展自己的知识储备。

本文阅读技巧，先粗看标题，**感兴趣可以都关注一波，一起共同进步**。

## 前端印象 ##

**简介：** 作者「零一」，非科班二本自学前端一年进入字节跳动。擅长用大白话、图文结合的方式讲解晦涩难懂的知识。当前原创文章100+篇，全网100w+阅读，文章收藏量2w+，且是掘金优秀作者、CSDN博客专家。他用自己从0到1学习前端的路线和心得帮助读者入职各个大厂。欢迎关注公众号，技术交流、字节内推都可以！

### 推荐阅读 ###

*  [热议：CSS为什么这么难学？一定是你的方法不对][CSS]
 *  [设计方案，拿来吧你][Link 1]
 *  [47 张图带你走进浏览器的世界！][47]
 *  [一文带你了解如何排查内存泄漏导致的页面卡顿现象][Link 2]

## 小生方勤 ##

**简介：** 号主在腾讯做前端，公众号会会分享学习经验、进阶知识、项目经验、面试须知等提升自我竞争力的内容，推荐关注（想进腾讯，也可以找他内推）。

### 推荐阅读 ###

*  [关于前端学习路线的一些建议（内含自测题）][Link 3]
 *  [聊一聊加班严重时要如何自我提升][Link 4]
 *  [从输入 URL 到展现涉及哪些缓存环节(非常详细)][URL]

## 三元同学 ##

**简介：** 三元同学，掘金「神三元」，博客阅读量 100w+，掘金小册《React Hooks与Immutable数据流实战》作者，目前在抖音前端架构组，深耕前端工程化领域，热爱开源和分享。

### 推荐阅读 ###

*  [关于现代包管理器的深度思考——为什么现在我更推荐 pnpm 而不是 npm/yarn?][pnpm _ npm_yarn]
 *  [原生JS灵魂之问(下), 冲刺进阶最后一公里(附个人成长经验分享)][JS_]
 *  [我是如何巩固自己的科班计算机基础的？(附完整学习路线+电子书)][Link 5]
 *  [在字节某中后台项目中落地 Bundleless，我经历了什么？][Bundleless]

## React ##

**简介：** 互联网从业者，专注于React系列优秀内容推荐。关注大前端、Node技术全栈、WebAssembly、小程序等互联网科技领域最前沿技术。

### 推荐阅读 ###

*  [使用React Native Testing库进行组件测试（案例详解）][React Native Testing]
 *  [6 个提高 React 代码质量的方法 - 让你的 React 代码更简洁][6 _ React _ - _ React]
 *  [2021 年写 JavaScript 代码的 17 个优化技巧][2021 _ JavaScript _ 17]
 *  [2021 年你应该使用的 9 个 React Hook 的库][2021 _ 9 _ React Hook]

## iCSS前端趣闻 ##

**简介：** 国服第一切图仔 Coco，Github 万星仓库作者，文章全网超八百万阅读，在 CSS、Web 动画领域有着非常深入的研究与产出。如果你也对 CSS 感兴趣，千万不要错过~

### 推荐阅读 ###

*  [《前端优秀实践不完全指南》][Link 6]
 *  [《高手是如何写出让人看不懂的选择器？》][Link 7]
 *  [《Web 动画原则及技巧浅析》][Web]
 *  [《实现一个会动的鸿蒙 LOGO》][LOGO]

## Nodejs技术栈 ##

**简介：** 专注于 Node.js 相关技术研究分享，包含 Node.js 基础知识、核心模块、企业实践及 Node.js 在前端、后端的应用实践分享，通过 Node.js 祝您早日成为一名全栈开发工程师。

### 推荐阅读 ###

*  [Node.js 是什么？我为什么选择它？][Node.js]
 *  [不容错过的 Node.js 项目架构][Node.js 1]
 *  [通过 Node.js 小示例学习浏览器缓存策略][Node.js 2]
 *  [Node.js 在企业中的应用实践集锦][Node.js 3]

## 前端桃园 ##

**简介：** 一个有温度的前端号，不止前端，互联网前沿知识，个人随想，认知提升，学习方法，成为你想成为的那个样子。

### 推荐阅读 ###

*  [React 函数式组件性能优化指南][React]
 *  [Deep In React之浅谈 React Fiber 架构(一)][Deep In React_ React Fiber]
 *  [详解 React 16 的 Diff 策略][React 16 _ Diff]

## Vue社区 ##

**简介：** ✅Vue社区，带你掌握Vue全家桶，专注分享Vue前端知识，用心打造一个一流的Vue交流社区。

### 推荐阅读 ###

*  [Vue + sentry 实现生产环境前端代码错误监控][Vue _ sentry]
 *  [手把手教你使用 Vue3 中的 Composition API 来封装一个商品列表组件][Vue3 _ Composition API]
 *  [解锁 vue3.0 你不得不知道的新东西][vue3.0]

## 前端宇宙 ##

**简介：** 小编就职于某大厂，是个爱前端爱摄影爱旅游的程序媛，掘金LV6作者，单平台阅读量超百万。前端进阶的路上，共勉之。

### 推荐阅读 ###

*  [Flex布局中一个不为人知的特性][Flex]
 *  [动图演示23个鲜为人知的VSCode快捷键][23_VSCode]
 *  [4W字长文带你深度解锁Webpack系列(上)][4W_Webpack]
 *  [ES11新增的这9个新特性，你都掌握了吗？][ES11_9]

**希望以上文章对你有所帮助，记得关注呀~**

[CSS]: https://blog.csdn.net/weixin_33916256/article/details/90501697
[Link 1]: https://blog.csdn.net/u011665148/article/details/52918180
[47]: https://blog.csdn.net/qq_36380426/article/details/118886112
[Link 2]: https://blog.csdn.net/qianyu6200430/article/details/119550481
[Link 3]: https://mp.weixin.qq.com/s?__biz=Mzg5NDEyMzA2NQ==&mid=2247484291&idx=1&sn=540ed701b4b8f1c7847f2e3fb6026bd3&scene=21#wechat_redirect
[Link 4]: https://blog.csdn.net/weixin_50333534/article/details/114336594
[URL]: https://blog.csdn.net/weixin_33728708/article/details/91387594
[pnpm _ npm_yarn]: https://blog.csdn.net/xgangzai/article/details/120136783
[JS_]: https://blog.csdn.net/liuyan19891230/article/details/103272235
[Link 5]: https://mp.weixin.qq.com/s?__biz=MzU0MTU4OTU2MA==&mid=2247488327&idx=1&sn=6514fe1232aee7fb8568e85bf4160424&scene=21#wechat_redirect
[Bundleless]: https://mp.weixin.qq.com/s?__biz=MzU0MTU4OTU2MA==&mid=2247488861&idx=1&sn=40e7056fb5dfbe8f630af37be9f9c0b9&scene=21#wechat_redirect
[React Native Testing]: https://blog.csdn.net/xiangzhihong8/article/details/82924552
[6 _ React _ - _ React]: https://blog.csdn.net/sinat_36728518/article/details/106971471
[2021 _ JavaScript _ 17]: https://blog.csdn.net/hj7jay/article/details/78809463
[2021 _ 9 _ React Hook]: https://blog.csdn.net/qq_31644543/article/details/109494764
[Link 6]: https://blog.csdn.net/m0_57205780/article/details/117756884
[Link 7]: https://blog.csdn.net/weixin_39408343/article/details/95744017
[Web]: https://blog.csdn.net/weixin_30315723/article/details/96559961
[LOGO]: https://blog.csdn.net/lzw2497727771/article/details/108561703
[Node.js]: https://blog.csdn.net/u014171091/article/details/91058302
[Node.js 1]: https://blog.csdn.net/alisystemsoftware/article/details/106026072
[Node.js 2]: https://blog.csdn.net/Aria_Miazzy/article/details/103793098
[Node.js 3]: https://blog.csdn.net/weixin_39732716/article/details/109960584
[React]: https://blog.csdn.net/weixin_39854778/article/details/109905704
[Deep In React_ React Fiber]: https://blog.csdn.net/VhWfR2u02Q/article/details/99902188
[React 16 _ Diff]: https://blog.csdn.net/VhWfR2u02Q/article/details/100011830
[Vue _ sentry]: https://blog.csdn.net/wz_coming/article/details/116268811
[Vue3 _ Composition API]: https://blog.csdn.net/howgod/article/details/118061281
[vue3.0]: https://blog.csdn.net/LuckyWinty/article/details/108091166
[Flex]: https://blog.csdn.net/qq_36380426/article/details/120072670
[23_VSCode]: https://blog.csdn.net/weixin_39646725/article/details/111133616
[4W_Webpack]: https://blog.csdn.net/lgno2/article/details/109446491
[ES11_9]: https://blog.csdn.net/ch834301/article/details/113667456