From 98e7047469a98fe1aa1ac47ecf6614e082c77cad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=89=8D=E7=AB=AF=E5=BC=80=E5=8F=91=E5=8D=9A=E5=AE=A2?= Date: Fri, 5 Jan 2024 17:21:37 +0800 Subject: [PATCH] Create 2022-2023_readme.md --- 2022-2023_readme.md | 141 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 141 insertions(+) create mode 100644 2022-2023_readme.md diff --git a/2022-2023_readme.md b/2022-2023_readme.md new file mode 100644 index 00000000..f1e6653c --- /dev/null +++ b/2022-2023_readme.md @@ -0,0 +1,141 @@ +大家好，我是漫步，把这一年推的优秀文章按分类总结一下，喜欢记得转发收藏，也感谢各位伙伴一直以来的支持。 + +[2020年总结记录](https://mp.weixin.qq.com/s/u0YW8BFWYLquVauhHrkSMQ) + +关注我的公众号:[前端开发博客](https://open.weixin.qq.com/qr/code?username=caibaojian_com)，在后台回复以下关键字可以获取资源。 + +![weixin](https://user-images.githubusercontent.com/3055447/38468989-651132ac-3b80-11e8-8e6b-15122322a9d7.png) + +1. 回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF +2. 回复「Vue脑图」获取 Vue 相关脑图 +3. 回复「思维图」获取 JavaScript 相关思维图 +4. 回复「简历」获取简历制作建议 +5. 回复「简历模板」获取精选的简历模板 +6. 回复「加群」进入500人前端精英群 +7. 回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。 +8. 回复「知识点」下载高清JavaScript知识点图谱 + +## [程序员](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867575634474926085#wechat_redirect) + +1. [真诚利他](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102615&idx=1&sn=72c199715d68d836469ef74de009d396&chksm=83dbc632b4ac4f245f7bb634b7bb5acf5ccbc2a659e022031b423befcd0a4527da2604a7e44a#rd) +2. [一个30岁前端老社畜的人生经历](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102511&idx=1&sn=cbb7ef954639a892726dca286e135856&chksm=83dbc78ab4ac4e9c042df62ba304f74ec1882b84bd9f828b055f64fbdf2a833c8ccb4906a390#rd) +3. [2023年中大厂面试经历分享，很可惜，但是没关系](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102491&idx=1&sn=29976325edc9739e5d53fbba09c48bd2&chksm=83dbc7beb4ac4ea8afe430c081581eab5896032da80c04b0f2215016804554eeccf605599e65#rd) +4. [给迷茫的朋友一点建议吧，主要是前端方向的。](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102427&idx=1&sn=29d0fe54134fd297f2f401b29e74c9e7&chksm=83dbc7feb4ac4ee8eae973aa379e2ea4d60f16094803c84806de0d97a1a677fbd25260416ff2#rd) +5. [37岁的老前端在大专院校教前端](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102422&idx=1&sn=4e8fc7972185cee8f7d1da54431cecc2&chksm=83dbc7f3b4ac4ee5a4df60389a642e911adccc87f8feaf1e27dd38306c83ca60a17457842ec9#rd) +6. [一个30岁老前端的人生经历（学习+工作+婚姻+孩子），给迷茫的朋友一点激励。](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102364&idx=1&sn=e310587a8084eedc9cf162c8167b608b&chksm=83dbc739b4ac4e2fbf258892163628eec2c41003fe24ba96f4b14f7d996e763c797decc264f2#rd) +7. [程序员如何应对ChatGPT带来的改变](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101889&idx=1&sn=72d820b8b7b4c854b691975a2f79998e&chksm=83dbc5e4b4ac4cf2cd05326b920358884919074b1c9dfc889daebfb2df1179a64c99e33c25dd#rd) +8. [尤雨溪解读 2022 Web 前端生态趋势](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101772&idx=1&sn=3ccce9f3a63486f91a33c9d53bad83af&chksm=83dbc569b4ac4c7f22c20b18cce99734e0bb4558a10459bda13ff5343155833622ee6d9a6a0d#rd) +9. [阿里前端：我的老婆失业了，周围同事也在不断被裁](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100405&idx=1&sn=8dfa1ef9e17cdb927eb0d43f2237a3c0&chksm=83dbcfd0b4ac46c68c396b41ebba71203070a2ba59e39829b319fab5a7526786843fdd2a8a26#rd) +10. [一个月薪 12000 的北京程序员的真实生活](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100216&idx=1&sn=d8d3271067883f1e625b9fff57e1c580&chksm=83dbcc9db4ac458b02669432565f4d370263ce4b0df26cf382fb4ca9f3385386727f4a0db5b2#rd) +11. [作为前端，工作中处理过什么复杂的需求？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650098083&idx=1&sn=7f3a64bcf97f1527260a72b6ee1db7b8&chksm=83dbd4c6b4ac5dd041433e874bed5e55ddfa52eac7dea2543c442c787ddde664b164b7c6ad3c#rd) +12. [尤雨溪亲自回应Vue.js涉及国家安全漏洞问题](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650097914&idx=1&sn=9e135f169eff3b0d47a154acbbf6f606&chksm=83dbd59fb4ac5c89271419b034e9088343caa78c3fddf095090d6efbf96185f0fe3e0c02449f#rd) +13. [开源作者恶意搞破坏，谁来为开源买单？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650097699&idx=2&sn=705c60569d3bbe82fb8628058443ca28&chksm=83dbd546b4ac5c50b17f8087fb57e32bee1554b348eaf4f01596eb3d7eb9ec5350c3ee652227#rd) +14. [程序员裸辞后，在家全职接单一个月的感触](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650097569&idx=1&sn=bb59c69128de395c7942e9fb6903ae62&chksm=83dbdac4b4ac53d270ded2d74d9026a3d20caeedcfc98db38ae8ccce3e29083bfee033076739#rd) +15. [2022年如何成为一名优秀的大前端Leader？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650097267&idx=1&sn=d2293a32e61d82c742cf7514679d6c54&chksm=83dbdb16b4ac520029e31952aa44286e3e16aeb9539c28b1734f4a63bf46332419a7e801bcc9#rd) + +## [面试](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867495126588030977#wechat_redirect) + +1. [14个JS面试难点深入解读与代码实现](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102608&idx=1&sn=21bb137c1a0e12cba9bda6ebd3f23477&chksm=83dbc635b4ac4f23d927122313a68b6bcfeab9aad3efc72165febe44d0ec2de19b6decd1220c#rd) +2. [中小型公司三年工作经验的面试经历](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102588&idx=1&sn=29b225c6a5f9e36682d49931e082ff14&chksm=83dbc659b4ac4f4f8200f363e1302cb688c50847a5efe2fe85eb438962df3a1c0986b98fd053#rd) +3. [2023年中大厂面试经历分享，很可惜，但是没关系](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102491&idx=1&sn=29976325edc9739e5d53fbba09c48bd2&chksm=83dbc7beb4ac4ea8afe430c081581eab5896032da80c04b0f2215016804554eeccf605599e65#rd) +4. [面试官：能不能给 Promise 增加取消功能和进度通知功能... 我：？？？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102442&idx=1&sn=583253c46d8fcf933589e5748e4403fe&chksm=83dbc7cfb4ac4ed9af1247846d55cbb1fc1d4730e6eba1e13ce7d8ccbe0c780bbeddf66907bd#rd) +5. [一个22届被裁前端思想上得转变](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102360&idx=1&sn=0b7f2521de3e9a2bc0bbde723e0d1c6e&chksm=83dbc73db4ac4e2b4344939deddb3165f7e498c120acce2b7f596e861dd669e38551f2f237d5#rd) +6. [23年底，两年前端菜狗被裁后的面试经历](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102296&idx=1&sn=2da4376d8dfaeab88fdc2b704e06d565&chksm=83dbc77db4ac4e6b0b240c98a2002d19d2ebf7ac5c685b85b920d135c23f3bffb07d9011fee4#rd) +7. [一年空窗期后我是如何准备面试的？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102097&idx=1&sn=b3901c900046105568481d2e358574b9&chksm=83dbc434b4ac4d22af3572e5f4728fd3d1733b06039d07a1b9617b949e0bf7461b1d5ff2995a#rd) +8. [一份比较完整的字节技术面试题，包含算法、计算机网络和前端等](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101903&idx=1&sn=21c19b6e9382e482898fa103e462c480&chksm=83dbc5eab4ac4cfc35c4df4477d8e0574c473e3735ae503594246eab4f625fb365c3886e135c#rd) +9. [面试官：请使用 JS 完成一个 LRU 缓存？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101740&idx=1&sn=8633f083e46f66ee0d3839144fc0d256&chksm=83dbca89b4ac439f287e6ae7fea317be0a3302d3fde639896f449e8c15f7101f0b2de8874b93#rd) +10. [正确介绍自己的项目，终于不用害怕面试了](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101670&idx=1&sn=21e8b4333219a45d2bcb61abec1218ac&chksm=83dbcac3b4ac43d5948962267fcc582c3f739838f2ad8d7e511cc915219790aa0b74dc0ae5b1#rd) +11. [本人是工作 11 年的老前端，面试一个月忽悠了十几个 offer](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650099879&idx=1&sn=81bae1cd610370a88cc1493be3a65ecc&chksm=83dbcdc2b4ac44d4af6ddd2b07adc78e5516b4b7e1f1d18aee2bcdf4a823642edc6b24f753f7#rd) + +## [JavaScript](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867487930202554375#wechat_redirect) + +1. [14个JS面试难点深入解读与代码实现](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102608&idx=1&sn=21bb137c1a0e12cba9bda6ebd3f23477&chksm=83dbc635b4ac4f23d927122313a68b6bcfeab9aad3efc72165febe44d0ec2de19b6decd1220c#rd) +2. [ES14数组升级来袭，这六个新API助你高效开发](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102546&idx=1&sn=3c89bd5c69f7e214f0a7fdddbbaa2052&chksm=83dbc677b4ac4f61bc72c3df03957618008dead844b4141de027441ebd4af2b389034c58ba44#rd) +3. [FaceBook 开源 AtomicCss 解决方案：Stylex](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102485&idx=1&sn=8a16a5d2aa540aa5405f7cc8d7dfb40d&chksm=83dbc7b0b4ac4ea6fc2d28213264e33b8cc3a48aa6333ca10d75348dad10ea48b1113aef26bc#rd) +4. [前端是怎么解析Excel、PDF、Word、PPT等文件的？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102463&idx=1&sn=f5241eb2ce53d4b79a426a997865b366&chksm=83dbc7dab4ac4eccfe4f8ce0b24f296170e039242e564329bed657e2202bb9c9ba6adfe1af49#rd) +5. [面试官：能不能给 Promise 增加取消功能和进度通知功能... 我：？？？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102442&idx=1&sn=583253c46d8fcf933589e5748e4403fe&chksm=83dbc7cfb4ac4ed9af1247846d55cbb1fc1d4730e6eba1e13ce7d8ccbe0c780bbeddf66907bd#rd) +6. [14个提高JavaScript代码质量的小技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102418&idx=1&sn=46dd9af2ce9c6d497f6019e44d2a1c9a&chksm=83dbc7f7b4ac4ee1d23a6f92509863580cf694493f641caa421c7078f6debfb8ee26c214eb1c#rd) +7. [JS es6仿网易云音乐播放器](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102383&idx=1&sn=e3b7d837e35f369e7c1a15447282af46&chksm=83dbc70ab4ac4e1c5688dd5a85e3a2a348ea9828a70b96f8e9acb63075110df71b86563abd0f#rd) +8. [WebSocket 从入门到入土](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102352&idx=1&sn=85a8f45c48e6ca10e59695486a1f8cb2&chksm=83dbc735b4ac4e23522c76ff81935e1e56c21a83ac3e4df6314f02bd80de2ccbfaaa3cda3446#rd) +9. [如何构建一个仅有2KB大小、无依赖的状态管理器（以及它如何帮我获得两个不同的工作机会）](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102290&idx=1&sn=deeceff9b4b77b114bfdafbab3d2b438&chksm=83dbc777b4ac4e61d4a10949424a39715caebd30e798a36dc3a14932cb4b30e596ea1042a4c8#rd) +10. [JS代码其实可以这样写](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102281&idx=1&sn=4ce8fe2157afabbf02f8a0c98e800d06&chksm=83dbc76cb4ac4e7a5c35f5e09aa09b513a4a6fece3f066e693ddea79bec34975c0ace5ef3774#rd) +11. [详解HTML中的拖拽案例和难点分析](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102034&idx=1&sn=e69c468d023c1b8de5627799727600c8&chksm=83dbc477b4ac4d614c768d1bfb77e64deb53ca68789761e26927db6260cf1e4cd81186b599fb#rd) +12. [20 个 JS 工具函数助力高效开发](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101682&idx=1&sn=f10670488600eda542f97fd6f8affbf0&chksm=83dbcad7b4ac43c19c660c3fe3ee452ff81a6cdc1aa68486d4c9086ecd4373deba8d227a45b4#rd) +13. [使用 JavaScript 编写更好的条件语句](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101526&idx=1&sn=94a3e2c238d13559ce8bcb793f6ace8b&chksm=83dbca73b4ac436561698034c0a8014a0b16e13fd9b57c510dda5e33a61092576bbd24a949e5#rd) +14. [JS 运行机制最全面的一次梳理](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101504&idx=1&sn=d07e50826624c871d3c728ace2619f7f&chksm=83dbca65b4ac4373aacff912b924691ddceacac9ba5ca06a115d99c6c211aaa479a48de28887#rd) +15. [8个console.log的解决方案](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101438&idx=1&sn=b40ff9ede6c33958d656320b626fbba0&chksm=83dbcbdbb4ac42cd88f06abb1c14437f0a97cd084f86509b77fb678a21e2ee155c8200955d92#rd) +16. [25个有用的 JavaScript 单行代码](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101402&idx=1&sn=fb54e818ea1aeb043ad1fee05b4ea558&chksm=83dbcbffb4ac42e977a5aba8b7e259f552f7f281fa59d84b448d54db573840ef287c31d3000c#rd) +17. [前端工程师都在忙些什么？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101378&idx=2&sn=20df3b6c723ad6dda0b0cd99c017b5c0&chksm=83dbcbe7b4ac42f1925b1f98c4dbd7d6e262d694e2b2f46607fe1681f624b43499553b33e8de#rd) +18. [我用 80 行核心 JS 代码每个月躺着挣一瓶肥宅快乐水](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101289&idx=1&sn=572ef113616902e98034d4799071c7b7&chksm=83dbcb4cb4ac425a70f699ccc4194556a683c8ff6007e2a12d8592652b46a0d1a87a238da9b6#rd) +19. [localStorage 的高阶用法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101254&idx=1&sn=0745f9d260b681a5199862925ef1141f&chksm=83dbcb63b4ac4275be8e96ec0c344f5688da032f98fe2edfef2d455ee7f2b98b9a8d7d0b3681#rd) +20. [某一线前端小组长的 Code Review 分享](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101229&idx=1&sn=c5a3ff1760f76fc2718c9591f8d1ffa5&chksm=83dbc888b4ac419e5ec39abc2936d89c6c4ce1967cef6b5771c88741caa19a5a74519cda954c#rd) +21. [一行 Object.keys() 引发的思考](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101081&idx=1&sn=b452f462d2f9a0aff124ec078127826c&chksm=83dbc83cb4ac412a7f44357014f9cd16fe8d1f0290d0bccdfa5264fa7c117f3c0b54bb71f5f1#rd) +22. [从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100589&idx=1&sn=bf4c065235e1f9a9ea4b5d23b885cbe8&chksm=83dbce08b4ac471e2e3789f08967ed9bafe25c7fc5ed29c1807345d3701323b9e4947ada592e#rd) +23. [常用的前端JavaScript方法封装](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100390&idx=1&sn=9d13fa83bfbb1d093507833343e6138e&chksm=83dbcfc3b4ac46d5fbd25a0694dc8fe9282eb8b5cfe5ada891818804afe2f1f2dab935208305#rd) +24. [刷算法题常用的JS基础扫盲](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100326&idx=1&sn=a3ffaa800351fbb6bb0ca7763374da06&chksm=83dbcf03b4ac46152d2dfddef0339e9e9db89352adbfe235d93185a95892e8c40882d3565d95#rd) +25. [2022前端应该掌握的10个 JS 小技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100024&idx=1&sn=dea46a7705e4d5fdee91eaac7d2d5f14&chksm=83dbcc5db4ac454b8061617e934f2817faa3101ec4fb469e31bee595b0cd7c3307659687e58b#rd) +26. [Three.js实现跳一跳(在线玩)](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650099953&idx=1&sn=b4c843e22ed7adb6d87b5ed9445fce1f&chksm=83dbcd94b4ac448273387252c40cb7a8a8f0d2e3ee64690f0f7dc59cb58c13f7d0f2c8bb3785#rd) +27. [10个常用的JS工具库，80%的项目都在用！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650099518&idx=1&sn=1891b5749498241982e84c623a4d8aa8&chksm=83dbd25bb4ac5b4d299829cc161472af8e34d014efc345339e2a63d7e7a34e5f987eef18a024#rd) +28. [我的代码简洁之道](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650098353&idx=2&sn=de8e95ac8f2c596f0abd76a2365b37b3&chksm=83dbd7d4b4ac5ec2d39381dbb3dd447fd659c59b4b507de32fbb3d4e6cc2192cb4e14d82a108#rd) +29. [一行 Object.keys() 引发的血案](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650097861&idx=1&sn=a16d719cdab4e8fb354a60fdc3f91704&chksm=83dbd5a0b4ac5cb636592d8fbddcae8d44f74ee505fbc65b55aef3de797d78a827cc7360e51f#rd) + +## [前端开发](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=3062727121367810051#wechat_redirect) + +1. [聊一聊自己的前端之路以及后面晋升的一些想法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102308&idx=1&sn=10c335442630ab4e30d73163173f8e49&chksm=83dbc741b4ac4e5705193f17776b55eec08e1abdc8a772fa86e87dc762840dbc022f56cc1f6e#rd) +2. [如何做好前端项目组组长](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102303&idx=1&sn=f778a3b80fb2146e33cf4157364cb214&chksm=83dbc77ab4ac4e6c31ed3699c0ba194e9fc47017696efa46f6402869330ecae253f540e2090b#rd) +3. [如何构建一个仅有2KB大小、无依赖的状态管理器（以及它如何帮我获得两个不同的工作机会）](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102290&idx=1&sn=deeceff9b4b77b114bfdafbab3d2b438&chksm=83dbc777b4ac4e61d4a10949424a39715caebd30e798a36dc3a14932cb4b30e596ea1042a4c8#rd) +4. [高级前端开发工程师必备：Hooks、React Router v6 和状态管理](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102200&idx=1&sn=7c64c6a86351eed834c4c304e254ace8&chksm=83dbc4ddb4ac4dcb3f7b135b772f57084086f8424a6dbbcb1bcb4a8a0cff0704fcd7a02ceebf#rd) +5. [高级前端开发工程师必知：浏览器解析代码、JavaScript代码执行流程、原型链与闭包](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102154&idx=1&sn=daa8d3e5b210743b00594f2f7d2fd99e&chksm=83dbc4efb4ac4df9d08bd76be17056d2201055b4bd31da948d80faeb6ac199b25131146f24c3#rd) +6. [高级前端开发工程师必备：Hooks、React Router v6 和状态管理](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102200&idx=1&sn=7c64c6a86351eed834c4c304e254ace8&chksm=83dbc4ddb4ac4dcb3f7b135b772f57084086f8424a6dbbcb1bcb4a8a0cff0704fcd7a02ceebf#rd) +7. [高级前端开发工程师必知：浏览器解析代码、JavaScript代码执行流程、原型链与闭包](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102154&idx=1&sn=daa8d3e5b210743b00594f2f7d2fd99e&chksm=83dbc4efb4ac4df9d08bd76be17056d2201055b4bd31da948d80faeb6ac199b25131146f24c3#rd) +8. [JS代码其实可以这样写](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102281&idx=1&sn=4ce8fe2157afabbf02f8a0c98e800d06&chksm=83dbc76cb4ac4e7a5c35f5e09aa09b513a4a6fece3f066e693ddea79bec34975c0ace5ef3774#rd) + +## [CSS](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867497279893372928#wechat_redirect) + +1. [CSS中的相对单位和绝对单位，以及rem自适应布局](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102069&idx=1&sn=90d6ac5db1aea4865ebf4d2b64a0a1ab&chksm=83dbc450b4ac4d464c2fd621b5a8a78f7a796bd3e98c550aace7db195657549deb59fcce36c0#rd) +2. [10个常见渐变交互效果](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102060&idx=1&sn=10e6c80442ad791d0953652a60e831bb&chksm=83dbc449b4ac4d5f1599bf220261d7530b62d2310e8cc6db55aec815f412536a609c968c5a7b#rd) +3. [CSS动画的实现和最佳优化实践](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650102034&idx=2&sn=5db9086be88b0ec95835e19145c8f9f5&chksm=83dbc477b4ac4d61feabb6c59c42774b9768cc5f1aff38a13a4d2a42d66c065681dbcd4fb822#rd) +4. [现代CSS中的换行布局技术](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101959&idx=1&sn=0fece23d3af316b1274be1bf75956d11&chksm=83dbc5a2b4ac4cb4a679fcfd4909278a590105ae1558176969024caac6f3f933ac8be44fd5d3#rd) +5. [你知道flex: 0 0 200px;和grid-template-columns: repeat(3, 1fr);的含义吗？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101952&idx=1&sn=118d17fdfd9e89af11e6bbf1019d1839&chksm=83dbc5a5b4ac4cb354a406908d975a919f8f620bd16d0a75834b9b099f6c61180e8d751f8793#rd) +6. [10 个不错的 CSS 小技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101231&idx=1&sn=f3c86752153855520f1952c2735ced42&chksm=83dbc88ab4ac419c49cddbf97bcbf4b534097e8b5a519cb82a19f3e63cfa02499b4485a0ffbd#rd) +7. [为什么会存在1px问题？怎么解决？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100987&idx=1&sn=d3f390679eebfa1e15815e100f6faab9&chksm=83dbc99eb4ac4088bd3b38f83b84389903d9e21eeabb3a00f3f1640f98cc23a0b902a265e607#rd) +8. [2022 年的 CSS 全览](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100537&idx=1&sn=95ea458b1f0f4457f759d7ec228061f0&chksm=83dbce5cb4ac474a384e969bf0d46f0799a83d9da0df1e3fce201c90266f952447c46c208a27#rd) +9. [CSS mask 实现鼠标跟随镂空效果](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650098425&idx=1&sn=e86b2f6d4bd6ad7f18cdaf90df64a536&chksm=83dbd79cb4ac5e8a28fe5bcbc1f3636afa58ab01ef2a02f76613968a721268ba46601c763e6d#rd) + +## [AI](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=2884775848342536193#wechat_redirect) + +1. [无代码工具+人工智能：19岁少年月入5000美元，八款免费工具助你在线赚钱！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101939&idx=1&sn=4ab045c76b5bcb0d144b41498f38d504&chksm=83dbc5d6b4ac4cc06256e167e3b2162f50b5d9032ea31de714152ad9db84ccc8d0963623b1ce#rd) +2. [AI 时代来临，这些 AI 工具让你的工作更加高效！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101917&idx=1&sn=8d509e7e726a5b57169615404951c79f&chksm=83dbc5f8b4ac4cee06b918e4376e4f34ee00855194b8b13466e17f762f06a9637e3bbd574263#rd) +3. [程序员如何应对ChatGPT带来的改变](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101889&idx=1&sn=72d820b8b7b4c854b691975a2f79998e&chksm=83dbc5e4b4ac4cf2cd05326b920358884919074b1c9dfc889daebfb2df1179a64c99e33c25dd#rd) +4. [10个热门的ChatGPT项目推荐](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101887&idx=1&sn=6c8d166aa8efa7332a527811f1aaa6fa&chksm=83dbc51ab4ac4c0ceebe3ea958c50019bf89b3d69580f7ed87c9bd300c64b89872232ce34f8d#rd) +5. [ChatGPT 8个场景下的灵活应用技巧，让您事半功倍！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101924&idx=1&sn=1a2b016b7d116837603e1f4c763f8eee&chksm=83dbc5c1b4ac4cd739c0ed04bf022e8c73697b4ac3e9384035d1e31c803191225bd26c0c5c3c#rd) + +## [资源](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867502349045301252#wechat_redirect) + +1. [​程序员必看！15个优秀的中文技术博客汇总](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101940&idx=1&sn=240db2008cdb035a54b5c4a607fedf18&chksm=83dbc5d1b4ac4cc7d647a5207f5f9eeb0102b45cccdcf8c9af37f9d3edb7758b6763e2d025c3#rd) +2. [AI 时代来临，这些 AI 工具让你的工作更加高效！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101917&idx=1&sn=8d509e7e726a5b57169615404951c79f&chksm=83dbc5f8b4ac4cee06b918e4376e4f34ee00855194b8b13466e17f762f06a9637e3bbd574263#rd) +3. [程序员如何应对ChatGPT带来的改变](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101889&idx=1&sn=72d820b8b7b4c854b691975a2f79998e&chksm=83dbc5e4b4ac4cf2cd05326b920358884919074b1c9dfc889daebfb2df1179a64c99e33c25dd#rd) +4. [10个热门的ChatGPT项目推荐](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101887&idx=1&sn=6c8d166aa8efa7332a527811f1aaa6fa&chksm=83dbc51ab4ac4c0ceebe3ea958c50019bf89b3d69580f7ed87c9bd300c64b89872232ce34f8d#rd) +5. [推荐15个有用的前端技术博客](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101856&idx=1&sn=1ee76b2f32e394e3a05fd135c6e0f1ae&chksm=83dbc505b4ac4c13c8f0a7713278219fdb830c3cd367e04149739561728b6b5224118f720de3#rd) +6. [尤雨溪解读 2022 Web 前端生态趋势](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101772&idx=1&sn=3ccce9f3a63486f91a33c9d53bad83af&chksm=83dbc569b4ac4c7f22c20b18cce99734e0bb4558a10459bda13ff5343155833622ee6d9a6a0d#rd) +7. [2022，VSCode 前端插件推荐](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101603&idx=1&sn=571ec2afd3921c52ec9ae0ae6e5cb128&chksm=83dbca06b4ac4310503e11e3f789b58fe5852f3b7210aaa1e626bc7b8fee511a11c02d1729bb#rd) +8. [几个高级前端常用的API](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101230&idx=1&sn=54fcf889932a4379e7992c40189c0493&chksm=83dbc88bb4ac419d936e006cf8f824e118184d5a8bedfc888da4298d5fff4ea63d8283816491#rd) +9. [30个前端开发人员必备的顶级工具](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100986&idx=1&sn=b52a4fa858b9ee420a4d1f9c21305065&chksm=83dbc99fb4ac4089cb35062ed3eef0a432c9f6381259dd66348a35d2659cdab288996d33dc9b#rd) +10. [45 个 Git 经典操作场景，专治不会合代码](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100874&idx=1&sn=d18447004665ede1d46b9faaa6427524&chksm=83dbc9efb4ac40f9b77333c6ec51dacefd07845dff6324ebc0484f41f4727255258db26c7116#rd) +11. [推荐 10 个很“哇塞”的Web“资源”给前端工友，收藏等于学会~](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100631&idx=1&sn=9f6ef0cee64e8fe508297bf56e9d757e&chksm=83dbcef2b4ac47e4264ad50077f620fbf2e96be717a73ca8a0b48451a69ef7433bc2904c0dbd#rd) +12. [送给 xdm 的 10 个 web 在线前端资源，优雅永不过时~](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650100084&idx=1&sn=6e8aa69f08ece021b7405047dbba107d&chksm=83dbcc11b4ac450710d04cceb1dbec1a4176c8b1685357f175b1717c070cc04e65b61b26eef0#rd) +13. [干货！移动端真机调试指南，对调试说easy](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650097828&idx=1&sn=cb310cc1653ef7d2afc99b67e0012b36&chksm=83dbd5c1b4ac5cd7e8a98b5f4cd75e519c988a1fcd45f1cd2452c35232f441cc25d46537c490#rd) +14. [25 个前端相关的学习网站和一些靠谱的小工具](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650097753&idx=2&sn=771304881edfa027805ffebd87c29f00&chksm=83dbd53cb4ac5c2a720701584b8d7ab5dd79f112cbd472cd971e9ca5c310d02cc4f67e863ca6#rd) + +