Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/kujian/frontendDaily

前端开发博客，分享互联网最精彩的前端技术，欢迎关注我微信公众号：前端开发博客，回复 1024，领取前端进阶资料包，回复加群，与大神一起交流学习。
https://github.com/kujian/frontendDaily
List: frontendDaily
awesome awesome-list css daily frontend html javascript jquery js news newsletter vue weekly
Last synced: about 2 months ago
JSON representation
前端开发博客，分享互联网最精彩的前端技术，欢迎关注我微信公众号：前端开发博客，回复 1024，领取前端进阶资料包，回复加群，与大神一起交流学习。
Host: GitHub
URL: https://github.com/kujian/frontendDaily
Owner: kujian
License: apache-2.0
Created: 2016-05-27T06:07:42.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2024-05-22T13:20:03.000Z (4 months ago)
Last Synced: 2024-05-23T06:13:02.936Z (4 months ago)
Topics: awesome, awesome-list, css, daily, frontend, html, javascript, jquery, js, news, newsletter, vue, weekly
Language: HTML
Homepage: https://qdkfweb.cn
Size: 6.44 MB
Stars: 2,278
Watchers: 338
Forks: 191
Open Issues: 1,582
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project

ultimate-awesome - frontendDaily - 前端开发博客，分享互联网最精彩的前端技术，欢迎关注我微信公众号：前端开发博客，回复 1024，领取前端进阶资料包，回复加群，与大神一起交流学习。. (Other Lists / PowerShell Lists)
README

        # 前端开发博客

1. [2019年存档](2019_README.md)

2. [2020年总结记录](https://mp.weixin.qq.com/s/u0YW8BFWYLquVauhHrkSMQ)

3. [2021年总结记录](https://mp.weixin.qq.com/s/zMnxIpxMdDrIyuLxHRnSPw)

## [最新推文](https://weixin.qdkfweb.cn/)

- [年薪92W！真心建议前端人冲一冲新兴领域，工资高前景好](https://weixin.qdkfweb.cn/51967.html)

- [Nuxt 4 新变化抢先看：从 v3 到 v4 的平滑升级！](https://weixin.qdkfweb.cn/51968.html)

- [写出让未来的你也能看懂的代码：优化 Vue 组件的 3 个技巧](https://weixin.qdkfweb.cn/51969.html)

- [告别重复代码：用现代 CSS 写出更优雅的代码](https://weixin.qdkfweb.cn/51796.html)

- [现代 CSS 布局：你可能不需要框架](https://weixin.qdkfweb.cn/51797.html)

- [JavaScript 中那些令人头疼的“未定义”：如何避坑？](https://weixin.qdkfweb.cn/51609.html)

- [CSS 即将迎来重大更新：if&lpar;&rpar; 条件语句，让你的前端开发代码更灵活更强大！](https://weixin.qdkfweb.cn/51445.html)

- [打造你的专属主页：用 JavaScript 创建简约 Chrome 扩展](https://weixin.qdkfweb.cn/51351.html)

- [CSS 一行代码，让你的网页更美观！](https://weixin.qdkfweb.cn/51278.html)

- [分析20个顶级网站，我发现网站性能优化中不可忽视的15个盲点！](https://weixin.qdkfweb.cn/51217.html)

## 微信群

备注 Github 拉你进前端开发分享群，每日更新

![](https://qdkfweb.cn/d/uploads/2023/12/wechat.png)

## [前端日报](https://github.com/kujian/frontendDaily/issues)

1. ❗ Opened issue [#2912](https://github.com/kujian/githubTrending/issues/2912) in [kujian/githubTrending](https://github.com/kujian/githubTrending)

2. ❗ Opened issue [#1768](https://github.com/kujian/frontendDaily/issues/1768) in [kujian/frontendDaily](https://github.com/kujian/frontendDaily)

3. ❗ Opened issue [#2911](https://github.com/kujian/githubTrending/issues/2911) in [kujian/githubTrending](https://github.com/kujian/githubTrending)

4. ❗ Opened issue [#1767](https://github.com/kujian/frontendDaily/issues/1767) in [kujian/frontendDaily](https://github.com/kujian/frontendDaily)

5. ❗ Opened issue [#2910](https://github.com/kujian/githubTrending/issues/2910) in [kujian/githubTrending](https://github.com/kujian/githubTrending)

每日会挑选一些比较有用的文章发在公众号上，欢迎关注我。

我的微信公众号：[前端开发博客](https://open.weixin.qq.com/qr/code?username=caibaojian_com)，在后台回复以下关键字可以获取资源。

![](https://pic.qdkfweb.cn/uploads/2023/11/weixin.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=1867495126588030977#wechat_redirect)

1. [2021年前端各大公司都考了那些手写题(附带代码)](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650097010&idx=1&sn=933273abe4ccd396d8b825927a28c0cc&chksm=83dbd817b4ac51019f87c980fdd263b28677e81b7cffb0824b409f09db39c3c37f12f9dbf4d4#rd)

2. [切图仔面试宝典](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650096325&idx=1&sn=fc755d0651212dcc3806488b435f1599&chksm=83dbdfa0b4ac56b67084f53f324b2e720e9d16216d33ed92c3ae121f596d09686550be332a22#rd)

3. [牛客最新前端JS笔试百题](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650096168&idx=1&sn=6c43867fa32f7a7645a661de2ff63aea&chksm=83dbdf4db4ac565b034ccfbc463e492384bd046ae8be0e85375a39adcf5bdedb04c69ec87dea#rd)

4. [《2w字大章 38道面试题》彻底理清JS中this指向问题](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095648&idx=1&sn=ef90aa87af4dffda10c2ae36e9206d35&chksm=83dbdd45b4ac545306307d1443604bf0993c2677ca71b89cafc8647303224333406ba70a38fe#rd)

5. [阿里社招两年前端面经](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095021&idx=1&sn=522832b05a091154e40054ed46cb0767&chksm=83dba0c8b4ac29de7c4a1a96c95e67000a962db71b02a781df2ba9607c53d86ea6174980fdb1#rd)

6. [前端面经 - 看这篇就够了（笔者靠这个拿到阿里和字节的offer）](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094084&idx=1&sn=d01700b6005e56ab0b425d1284ab8473&chksm=83dba761b4ac2e77304207a9d16b3961b4bad34079adcb5f9aa9c2aee728826985a02afa3001#rd)

7. [leetcode 最常见的 150 道前端面试题（简单题上）](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092778&idx=1&sn=f5c1d42fac0556e9fe8b4cbcfe764a74&chksm=83dba98fb4ac20999a1e9e79c9103adf1fa473a529f37d51c8c14d2195cbc0e40a03e1e78f0a#rd)

8. [170+道钉钉前端扫盲知识点](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092561&idx=1&sn=21a468d90d89f1245a71c9d6391a2f70&chksm=83dba974b4ac2062a77f92c60c77a9c27b3262af51d0fe7ec8ac9499e54bf64589bee38eb327#rd)

9. [2021年7月 虾皮、OPPO、富途等十几家公司面经总结](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092497&idx=1&sn=629227ddbf9158c2da76fa1b8248857f&chksm=83dbaeb4b4ac27a2eb9c806d95410b06bf4d7c7d3cefdd6a8d3c5d25217ab774dfcd4d71eaa1#rd)

10. [leetcode 最常见的150道前端面试题（简单题下）](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092361&idx=1&sn=16fe75301fd042e78c3c670103a1c245&chksm=83dbae2cb4ac273a16007a66dc67b902301ea77ff35cb2a3ead087fd4dd68d54448f46c67c8b#rd)

11. [前端经典面试题60道，附答案！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092027&idx=1&sn=459b1e4598aafef05a76e2ce79b5954a&chksm=83dbac9eb4ac2588aa077a8c9ff59e5d70b51eb105e1a72ee61bb01fcfa0383c24a509f05089#rd)

12. [ES6面试、复习干货知识点汇总](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650091041&idx=1&sn=ad825a4c819ff0d129b69d1388d7f66c&chksm=83dbb344b4ac3a522e4ad2f25c1bdcc6d5c71d265f82dc85255b3d787b9712830bb8518d4f96#rd)

13. [如何在面试中介绍自己的项目经验](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650090096&idx=2&sn=49587c8dc35df185a97de8101a264ccb&chksm=83dbb715b4ac3e032d26fc7a115ecebd4e5ce7965d642fb703bb220dcbb9857ec5ab67073862#rd)

14. [66 道前端算法面试题附思路分析助你查漏补缺](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650090299&idx=1&sn=d08a44bc38d31855fbd7bf9379ed6562&chksm=83dbb65eb4ac3f485cbc0744b6eb10d179cfddd447a1dbe72aab97a8e323a7ea0939d315bc5e#rd)

15. [面试官：谈谈A和B两者区别，这里有24个解答](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650090507&idx=1&sn=d9e066ae8013c4b1ea63c372b40c2923&chksm=83dbb16eb4ac3878902b41c70b880750f57aab2cb790a4a85ccace5a0a05d44c5b15148e012a#rd)

16. [2 年前端,如何跟抖音面试官 battle](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089805&idx=1&sn=439746cfbd1ff0a7c9adf592371f97d8&chksm=83dbb428b4ac3d3e36309518cec68261427be1087066caf90cc73b6a3ca8e31cf2df1f3b93a6#rd)

17. [一个算法面试题的5种不同解法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088983&idx=1&sn=f7ebf17c286ea4941e8ae3212731389b&chksm=83dbbb72b4ac3264594533267c48f49dbaade63edf18817e6477d0b50c8fe7a6020ab8def73a#rd)

18. [记一次高级前端开发工程师面经](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088810&idx=2&sn=f111434fdc1d0a326a3045df5590ebc9&chksm=83dbb80fb4ac3119f1b1be41fb6cbdfedc3bbe1efb4f478804a81a4f2434c1a6797988c2fb0c#rd)

19. [一年半经验的前端面经总结](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088782&idx=2&sn=7a65fd8fe502dca7e7fab5c85173cba4&chksm=83dbb82bb4ac313dd343a69b595f6bdee2ca55cd3e46d2245b89293f5b5d8c50b0b35649a607#rd)

20. [10个棘手的用于面试的JavaScript代码段](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088750&idx=1&sn=f7da40973d58ae50bc59b272e9bb9dd5&chksm=83dbb84bb4ac315d7127b468d71c9641b4939abe6d8a1162e9709be638666b36289e8f46fde5#rd)

21. [面试被问项目经验不用慌，按这个步骤回答绝对惊艳](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088750&idx=2&sn=6d311a68a5eabd4a49ee4b481c190312&chksm=83dbb84bb4ac315df933b9648f3d4115bcb268c806ca73a964c1f08991eb73924a3472474e2a#rd)

22. [5个常问的 Vue3 优势点](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088526&idx=2&sn=b3f8b7865dbc66cc959532df558a9e21&chksm=83dbb92bb4ac303d79d609f3b03e48ed3b99c5c29a34b83cadc20a8f2cdd0f010eb830d0f3ce#rd)

23. [一道让人失眠的 Promise 试题深入分析](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088417&idx=2&sn=6fbb9fc773214ff807b499f7c456a478&chksm=83dbbe84b4ac379222cd94f84439299d21cae6285cde5bf73f8ad85a1eb88e1c8ad6f4594c43#rd)

24. [21道关于性能优化的面试题(附答案)](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087883&idx=2&sn=578ec5db8f21ed14f1d459e7377b1bc2&chksm=83dbbcaeb4ac35b8a53cb09a0b3f44a7327ccd4a017c9d3e7925c056dd57cae7d297f19da954#rd)

25. [高频前端面试问题及答案整理](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087847&idx=2&sn=e5ff88ce815c0bef2f3b23ab1738580e&chksm=83dbbcc2b4ac35d488f1d8318af0a9a2411fdabcdc0242d34d34104d2ebd31a13ae213d475d7#rd)

26. [从面试官角度看一次前端面试经历](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087814&idx=2&sn=121f091d21ea30a729b4408d6955083b&chksm=83dbbce3b4ac35f59008d3681c43b3e2d84f535cbd80ebaf578c693afd8f9b9008c69076079c#rd)

27. [前端面试js高频手写大全](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087602&idx=1&sn=27c489170a7e3e65e583f51f0b6a29c3&chksm=83dbbdd7b4ac34c19ede7dba3b601f2b368c2fddbdd3baa2ea2f91037f74f2d2d9acd3909015#rd)

28. [你好，谈谈你对前端路由的理解](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087473&idx=2&sn=53eedf7a411402b42ad3eba80d596627&chksm=83dbbd54b4ac34424497fa7b1fa0610c065043160fa3cf0167cebc5684df4c3ed13a9464a68e#rd)

29. [这是我面试42场拿下微软、蚂蚁、头条offer的方法论](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086844&idx=1&sn=f7c74d8cd2c2fa55ab733626726ccbd2&chksm=83db80d9b4ac09cff91a7a7d1af7a74c94a24c02abaf0ce5ff5bb1381181fe58b4fdcd860454#rd)

30. [惜败虾皮、快手、拼多多，终拿字节 offer](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086833&idx=1&sn=fd61b7cd9abbea20c7eb49e36f8e3111&chksm=83db80d4b4ac09c2130d760d20672e29f3ad4d9606b7fc2fee93674d233005d6a53c31d072b9#rd)

31. [30道Vue面试题详解【文末送书】](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086751&idx=1&sn=b4e75f262791f32739ef12e0449c3e89&chksm=83db803ab4ac092c8b97006e07150b411c436b4bb404a51418d084edf89f33e801a297eda3af#rd)

32. [动图展示前端10大经典算法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086687&idx=2&sn=c8119b8f1f598ce1a4088f6470bec59b&chksm=83db807ab4ac096c38fb90bbd318c53eca87d317e93238e0f1e18efef0af8a713bb1f77c4321#rd)

33. [2021 阿里字节快手面经 & 个人成长经验分享](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086537&idx=1&sn=093c67e16aaa26014ae67754e451fe0c&chksm=83db81ecb4ac08fa257004ec6c1e7739ce2503a2ffee9ff758a989be5a655a2b50eae3c14263#rd)

34. [一次关于Vue的自我模拟面试](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085160&idx=1&sn=25cf2dd6321bf1e2ca40b1c3b4e25c87&chksm=83db8a4db4ac035b1be0fbcaa0f72a770a8b2e77641e2d2b05e8cd2cb3855ea9579a5d9ef3b7#rd)

## [#Vue](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1336859624351432704#wechat_redirect)

1. [Vue组件通信方式居然有这么多？你了解几种](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650097092&idx=1&sn=bea9b3605024dbe25161751f60a76a5f&chksm=83dbd8a1b4ac51b7cefc492fe511ef6e9be180d7bc2a8cba976dea22e1225daf17813c4195e7#rd)

2. [尤雨溪回应：为什么 Vue 在国际上越来越没影响力？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650096223&idx=1&sn=61291dfa6c142662e110f1f1f4e723a3&chksm=83dbdf3ab4ac562cc7a877999f895fce718e76cd556f56a32b649760212582728324a7224c38#rd)

3. [Vue3的setup还能这么用？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095958&idx=1&sn=0bb9357a49c57d9f3d797f7b15d7ed3d&chksm=83dbdc33b4ac55258bb43d4f360ace0e972d34ae99796b1c5709fd0d87bdda7fdff0fe73eecd#rd)

4. [关于Vue代码可读性的几点建议](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095818&idx=2&sn=b13e531e0de8ee29d0dbedb7c659d59a&chksm=83dbddafb4ac54b9e9376438964034557bf3ddd37900692f5401fb8ab60c71a4085d7d4aecdc#rd)

5. [【前车之鉴】Vue，你真的熟练了么？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095712&idx=1&sn=85bae752b1a55186fd8f02cab45817ae&chksm=83dbdd05b4ac5413c2a96aeab3da19cfee6e502e56373dbb41ee1b1bd53b3fab21bb42599030#rd)

6. [基于 Vue3 和 TypeScript 项目大量实践后的思考](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094404&idx=1&sn=fbdd7c03264c614ee8102b4ff725fee8&chksm=83dba621b4ac2f3799880a0f59c9541e812c9f5dbb4c6ce827c602b3c057015711462b1988b9#rd)

7. [来吧，解锁 vue3 全家桶+Ts 的正确姿势](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094389&idx=1&sn=0c97db751af70ca9492926bb8f3b4e82&chksm=83dba650b4ac2f46aa183a546f864407410bd5bc103258f4485c0ff666994255fc236b139a03#rd)

8. [11 个高级 Vue 编码技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093957&idx=1&sn=f88f8bcdb29aba79c83a9b2b922a4985&chksm=83dba4e0b4ac2df6987dd2fd910d9b42f7608e7f8951a8deadbd386fc418a34c54e9ec02603e#rd)

9. [Vue 3.2正式发布，<script setup> + TS + Volar = 真香](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092624&idx=1&sn=7a60ea7f9ebb06e0fc54a66dac4e9375&chksm=83dba935b4ac2023176dae7bc7aa3c97bf8256c19793c0ab2bde897b9382537f6705501da310#rd)

10. [从 Event Loop 角度解读 Vue NextTick 源码](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092546&idx=1&sn=26a2e8815dcf0a93f6669a91cd6a9eda&chksm=83dba967b4ac207189b0c07c87682ca5bdeaf2a7d14fa6591ce02303c08d89d0499d5e4b944d#rd)

11. [10张脑图带你快速入门Vue3 | 附高清原图](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092247&idx=1&sn=c3f9086e3c0dfbea950f2fc58292a4d7&chksm=83dbafb2b4ac26a4ceb5895901dc6f28e798ee9a9ad52ce9abcc725de6afb72402b8af6c719f#rd)

12. [Vue3.0七大亮点](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092188&idx=1&sn=c48cfe27b141466f17b3186314f6ce78&chksm=83dbaff9b4ac26ef2a485e780492922aa92330cf58bbde6c563da4b6466bc614a48f02e40752#rd)

13. [「自我检验」熬夜总结50个Vue知识点，全都会你就是神！！！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092146&idx=1&sn=99422db8d5871a2fd28a91bb41b89834&chksm=83dbaf17b4ac2601cbf5a1dad85c27f07d1f05d6c25d230ace553ac37263dac7760f3d569b49#rd)

14. [Vue实战中的一些小魔法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650091657&idx=1&sn=bb0d2cad89f9d87b414ff47834f9937f&chksm=83dbadecb4ac24fab52cebfd5fe66fa9ddb6d041e04990d91289edfa49a0b351ffe684bf180e#rd)

15. [5kb 的 Vue：尤雨溪发布新作 petite-vue](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650091184&idx=2&sn=3fa667d84b52ceb0e78b772476c0eb62&chksm=83dbb3d5b4ac3ac3cdf216343b901d74350b2e7ee6d3955bbb60ddadb6c619ac70a55f0b2ed2#rd)

16. [超实用：Vue 自定义指令合集](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650091153&idx=1&sn=4b274c4ceea420b21bb6815b81dd3737&chksm=83dbb3f4b4ac3ae2d0c9bd9093f935220f3b764053815c25531de836fc321d040efbe00fd491#rd)

17. [尤大为何放弃Webpack？来探索一下 Vite](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650090544&idx=1&sn=f4fa5af374fd572e3f4ad556e648f11d&chksm=83dbb155b4ac3843244c97c6233364639c3ebfac27aef6f67842eb689d4d5a10bf9a93725ca0#rd)

18. [基于Vite2+Vue3的项目复盘总结](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650090361&idx=1&sn=0da9f72ed4d1277b7db2e0f3db682fad&chksm=83dbb61cb4ac3f0a09be5ab970d94541997e41efc33969e24e012a2ac667e655d90c527daadb#rd)

19. [Vue.js 2021 年度报告出炉！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089161&idx=2&sn=386e1898b1601c6e98f2365c544f8111&chksm=83dbbbacb4ac32ba1f3496b7d222697789de91e25b0ac5d419ff66ede79e8ea6875dd91399cd#rd)

20. [一篇由简到难的 Vue 面试题+详解答案](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089072&idx=1&sn=607f3f05f58b26090fa398af8a43f99e&chksm=83dbbb15b4ac32030d568e5bf467a58efd0b43ee64ad0c43874e741a20aa92401414f58feeff#rd)

21. [Vue3 + TypeScript 复盘总结](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088951&idx=1&sn=13c416f07e6bd386bef4d5cadcd5e9eb&chksm=83dbb892b4ac31849b71fefb4799a52446d0ff974d7359d4faa52c40ebc6e58e51c51bc383c1#rd)

22. [Vue中避免滥用this去读取data中数据](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088891&idx=2&sn=7f9b1d45943e792a37ba82b532898a36&chksm=83dbb8deb4ac31c8a2c693aa8b62395e9874b7aef093d541e7fb995d63ebb798dbd480b23e04#rd)

23. [Webpack5 搭建 Vue3 + TS 项目](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088626&idx=1&sn=7c50282fd3a96497301a9ffe58ded258&chksm=83dbb9d7b4ac30c1bfdc82986527a0d148f2a68b5a29ecd6cf3aa3c5533d196836ca3a649338#rd)

24. [Vue 项目性能优化技巧分享](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088662&idx=2&sn=e45779ebbc804cdedf2572287e937235&chksm=83dbb9b3b4ac30a50c898429c6c9649eb96078242d15ecc9142619355c4c1964babb60f953df#rd)

25. [不要再用 Vue2 的思维写 Vue3 了](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088526&idx=1&sn=da68d2a7abf02eeab6b9649cc549273e&chksm=83dbb92bb4ac303d77aa79f1bfe005fc122d3a89341e99cd7cff853401c7d2d99150578e338e#rd)

26. [5个常问的 Vue3 优势点](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088526&idx=2&sn=b3f8b7865dbc66cc959532df558a9e21&chksm=83dbb92bb4ac303d79d609f3b03e48ed3b99c5c29a34b83cadc20a8f2cdd0f010eb830d0f3ce#rd)

27. [超全的Vue3文档【Vue2迁移Vue3】](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087737&idx=2&sn=439a2dda224c7c8e9bc123f5f193558a&chksm=83dbbc5cb4ac354a00f6e0f4214e6ca50f3624cebdf67fe648dee602e8a156a7e6a1ab662f98#rd)

28. [深入浅出 Vue Mixin](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087421&idx=1&sn=382d44aa97e91549fd96dd210bfcd5da&chksm=83db8298b4ac0b8ebdf8a648d8271cec022fa62f3fce1e5f9f905cdea1b492926fd24a2d60b8#rd)

29. [Vite 2.0 搭建 Vue3 移动端项目](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087038&idx=2&sn=dd3088ffd1a9252671ebc043ca9f8357&chksm=83db831bb4ac0a0d4b4dcca37a27ab1af5dbf9d8afba0aac0f95084aa258cfaf5158b8e2b40c#rd)

30. [30道Vue面试题详解【文末送书】](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086751&idx=1&sn=b4e75f262791f32739ef12e0449c3e89&chksm=83db803ab4ac092c8b97006e07150b411c436b4bb404a51418d084edf89f33e801a297eda3af#rd)

31. [一次关于Vue的自我模拟面试](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085160&idx=1&sn=25cf2dd6321bf1e2ca40b1c3b4e25c87&chksm=83db8a4db4ac035b1be0fbcaa0f72a770a8b2e77641e2d2b05e8cd2cb3855ea9579a5d9ef3b7#rd)

32. [Vue.js开发移动端经验总结](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085018&idx=1&sn=715d111607b365310acc8953265b00ac&chksm=83db8bffb4ac02e96330fb50ebce8b63cf0e2dcfb0c38a699b120dbd266a2d1d532d1bed6a28#rd)

33. [做了一夜动画，就为让大家更好的理解Vue3的Composition Api](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085769&idx=2&sn=716c14e3980c18e6ef15130c6e18574b&chksm=83db84ecb4ac0dfae4879cf1d1085ce563c0ec7ef824188c33c5b8852e3aef726d18fde2e988#rd)

34. [用vue实现一个仿简书的轮播图效果](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086003&idx=1&sn=c6158d27208e9294c640b0f238614d78&chksm=83db8716b4ac0e00bfdb97404fcacd26183231e5e6532f7bafd6ee0eabd1c71ef3ad406f5ae6#rd)

35. [Vue3是如何变快的？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085297&idx=1&sn=917a15a1940021ca50b2771925bbd909&chksm=83db8ad4b4ac03c2d33097f2153ec6eccbee761492b1d90039a7256568958737d1918cf95f58#rd)

36. [基于 Vue 的前端架构，我做了这 15 点](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085235&idx=1&sn=00eaff9d9a5918120e0d3d015fb4b989&chksm=83db8a16b4ac03000f676fff8a638b8c2dfb67d25af7e3958b529f33a31e9b62d16ebba7272a#rd)

## [#JavaScript](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867487930202554375#wechat_redirect)

1. [有了for循环 为什么还要forEach？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650096934&idx=2&sn=ec1b66e5ad61b23453fef789a38f9bda&chksm=83dbd843b4ac51558981670d363ebb50f06b3711b3715dc266a9a7245c028507d1ca62bdccbb#rd)

2. [使用Vue3 + AR撸猫，才叫好玩](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650096253&idx=1&sn=6630b3e525753f8bd02f302aa6e56982&chksm=83dbdf18b4ac560e8d9ee208eb774830007ba716ce106e99de90428f1fc913706d6b6187044d#rd)

3. [可能是最好的 this 解析了...](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095868&idx=1&sn=9dd294de6874c257d147d3cb7c09ce96&chksm=83dbdd99b4ac548f6748501e2883134857085d6b08d64c0f71fdc27de0103bc6a3cf7c34654d#rd)

4. [开发必懂的文件加解密](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095848&idx=2&sn=1fb4e64841ee12db0bd6c948c037bb9e&chksm=83dbdd8db4ac549b281afebac80d8c1f1f890b78310e90a6e9bf6ee8a86b2523b2ea16a054b6#rd)

5. [这些JavaScript 细节，你未必知道](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095464&idx=1&sn=4698e6e1f79fe80a177a3a3d7a247802&chksm=83dba20db4ac2b1b4e26a6404abb6d2eda13567b57db72cf6e6ba9a519aff17aeab1157a877b#rd)

6. [彻底解决新手对webpack的恐惧！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095377&idx=1&sn=c6e2e64e6ca951d8c47632152a9c9b32&chksm=83dba274b4ac2b62744bbfaa68278f1bb8f4e377f7a185737bd6e88f70b38f75a1ea14e7e0d3#rd)

7. [看看这些被同事喷的JS代码风格你写过多少](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095010&idx=1&sn=1df0b8656053f7279fac0376cb3d34b2&chksm=83dba0c7b4ac29d12c3c22cc3defc0b249068cf9aae395fa1e5076a9c83a763e01a689741ffd#rd)

8. [15个常用的JavaScript简写技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094916&idx=2&sn=9ece46a7271df1a3833140ba99ff0117&chksm=83dba021b4ac29378ad93546d6c86d5aedff7c771b9c3fc6a041c32b781178daa990d07b97ec#rd)

9. [可能是最好的跨域解决方案了](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094646&idx=2&sn=aba67f5fa01dd4a6061cce897c95b259&chksm=83dba153b4ac2845458e872ff1f19491ff7a0be54dbd874084cb98dd75f514b8d60a2af57fd9#rd)

10. [不为人知的 JavaScript 技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094606&idx=2&sn=1756bcc5e167d6ff6ee18ae25f6cf7d0&chksm=83dba16bb4ac287d87bdc1a64785d940065d902c06a2bf485cce0d477f6d9bac7c6e7d688e16#rd)

11. [Webview加载pdf遇到的一些坑及解决方法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094452&idx=1&sn=9c8cfe75316054a3ceeba022a9c5f89c&chksm=83dba611b4ac2f077c26f6ae66ccc186303906262e5cdfae4f665cf8e52ff4689321a9f01a1c#rd)

12. [从零开始实现一个颜色选择器（原生JavaScript实现）](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094269&idx=1&sn=2ffd877edf329d4954b72140eba53330&chksm=83dba7d8b4ac2ece280abd308a35dd27e22279a52203c8f8a604f4f553e3fa1534df75065822#rd)

13. [20 个杀手级 JavaScript 单行代码](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093985&idx=1&sn=4a1177f7c822c50ea8496ab63403c6c0&chksm=83dba4c4b4ac2dd2a7ca08125ee30b33ed8155283a63f911ecf49249109116ad2098417b7a64#rd)

14. [从零破解一款轻量级滑动验证码](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093942&idx=1&sn=6482f8f5d4d186451028f91ddfe6d9a9&chksm=83dba413b4ac2d05dd45b9da55a13afd538c9856017508efe768d63edeaebfe0b4149baa1b15#rd)

15. [由浅入深，谈谈文件上传的优化思路](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093700&idx=1&sn=4937e8c9b1276eec7c525977fd52a8e7&chksm=83dba5e1b4ac2cf7cb00a1be702162ca92e53c7ab687578360609a52e79c49d9c43a9e703b8f#rd)

16. [万物皆对象，你信吗？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093622&idx=1&sn=cc737d51eb1005b2b69149ffd0daa095&chksm=83dba553b4ac2c45e316a7341e52455f1df70893895e508c41bb2f19bb86de0b5297f2cacd1d#rd)

17. [8个最常用的Javascript对象方法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093605&idx=2&sn=2d20e7a5bb5aaea9ea889c880e49b692&chksm=83dba540b4ac2c5602439bc79d67acea9f29bb0aaf1aebe163fb64b9eb96f4db91d6cd6f1e73#rd)

18. [基于js管理大文件上传以及断点续传](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093526&idx=1&sn=42a386de78cab6ac31f97051755685e5&chksm=83dbaab3b4ac23a598167f2bb3dd77db80ccf26a2bf15d3c49874c5bcf780cd74554af2876f0#rd)

19. [16个必备的JavaScript代码片段](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093322&idx=1&sn=fdaf3dafc8a97d3d868d8cf2a71ba910&chksm=83dbaa6fb4ac237917f1e88d84216766e9be24b3f0280c99d27646a8f907d3ac3c810dfdf03a#rd)

20. [11个你不能忽略的JavaScript小技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093328&idx=1&sn=06afc6b99d107001da329cf9aa4ccc45&chksm=83dbaa75b4ac2363037b7b6be775f0fc7d43525fd4caa509be2b88dd493e5f4f5d13e10249ce#rd)

21. [做一些动图，学习一下 EventLoop](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093161&idx=1&sn=00b8d6411bd78f731e4a65bb438d157e&chksm=83dbab0cb4ac221a9b0709076e4234e9f2cddc4f6fdd551dae5034d83336c66b724c952c82e5#rd)

22. [JS对象中常见的操作方法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092821&idx=2&sn=cae7a753eee96fa77aca0737c09e57c2&chksm=83dba870b4ac2166d5a12d778828a6bd2cce9f8c045d1e70ab8e9418e9a01cc75c56ac51de9b#rd)

23. [为了让她10分钟入门canvas，我熬夜写了3个小项目和这篇文章](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092708&idx=2&sn=93b1c6b0a081c3df3464664d363f2d94&chksm=83dba9c1b4ac20d7777fb60fe6939862463952efd40aeb5bb5c7d9ff05d523a9d9fa3b8d9581#rd)

24. [记一次破解前端加密详细过程](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092536&idx=2&sn=b1ad2e1db747e4aba5a4d6b5b165ee73&chksm=83dbae9db4ac278bfd4e56874ef295e8d0079fc42e57d0cf46650cdb0b572c685d8d28f9df54#rd)

25. [8张JS 基础思维图，超详细！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650091592&idx=2&sn=ef1eb58a38c83dbfccd62f8255376192&chksm=83dbad2db4ac243b79dd98590cd05dc330da0acff0119c7e1e2adcf2ae87b21d9ade9d94efeb#rd)

26. [阮老师详解ES6运算符扩展，浅显易懂！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650091569&idx=1&sn=8a0268b6780fcb74406694c9d8ab8a1c&chksm=83dbad54b4ac2442a86177bdfd06834d012bf93f89fcc3864628aeac48ce2e8cc01a41417b31#rd)

27. [用 console 画条龙?](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650091337&idx=2&sn=dffdb3fa60e214b88865530770d44e97&chksm=83dbb22cb4ac3b3a8e7b362dc164fe12d75bbdc934ef5b72ba01fc75f420a9f125b73a3ed7d0#rd)

28. [一些熟悉而又值得较真的函数](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650091251&idx=1&sn=14cb62547f00a11265405fce1357222f&chksm=83dbb396b4ac3a807d5ad22e72072cd7bd05c6f4f7eca6601484fcd78778d6b0f979fcd2624a#rd)

29. [常用的前端JavaScript方法封装](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650090855&idx=1&sn=5fd625ebe8d904e1cbebe6d0eac9a310&chksm=83dbb002b4ac3914367c54eb1e3aed286b9bd7576c7c99768b1e42423147a8fdfc674cad91cf#rd)

30. [应该在JavaScript中使用Class吗？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650090706&idx=1&sn=c440a0162baa069b72cfdea9190bc427&chksm=83dbb1b7b4ac38a1a2b6f2a355362057c0060423f887a82bc5cdba1b8610ceab62bf57d50a02#rd)

31. [轻松理解 JS 中的面向对象，顺便搞懂 prototype 和 __proto__](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650090630&idx=1&sn=4022a5f5011366d3f6d06008d3340cf2&chksm=83dbb1e3b4ac38f5cd4be3fdb5208502d9a40136ab4c1f2e0162415a0bc4a583c94448480934#rd)

32. [关于JS隐式类型转换的完整总结](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089895&idx=2&sn=fdc551799b204cb45ef82854d290492a&chksm=83dbb4c2b4ac3dd43b65cca663af9b34c14c3e6ab2f1753142b853eff5dc0f9eec57645f60ab#rd)

33. [不到30行 JS 实现一个炫酷的全景交互](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650090488&idx=1&sn=fb2f3840ed0c270adeb8add987fafee2&chksm=83dbb69db4ac3f8b35edcc71e082b6498ff2ea6c24d21797ea75b782503327ecccc2e03926b6#rd)

34. [厉害了，手把手教你搭建一个代码在线编辑预览工具](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089857&idx=1&sn=f0ce3d03d668ba0558cb87b227b93ebe&chksm=83dbb4e4b4ac3df243e4331a7c227f757df5706e14e8026a412b4a0412606f7f2b98967129d6#rd)

35. [六则糟糕代码的优化方案](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089771&idx=1&sn=bf690f8fcb4aed8b54fb11d2318bf49c&chksm=83dbb44eb4ac3d589b0e42ef353357f8a1b031a9787a18a39e3a98536a64c660e7157dc48fe7#rd)

36. [5个很棒的JavaScript Promise函数应用](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089732&idx=2&sn=12e087c3af94e9af9165945f84a41411&chksm=83dbb461b4ac3d7721a87b5722e865c8734251b3d766da284958df2f03c987c31da6066e0919#rd)

37. [33个前端常用的JavaScript函数封装方法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089691&idx=1&sn=c91d3fa916ee972e312da4b59481691a&chksm=83dbb5beb4ac3ca8c29227db0130ff38180e75f12c60e479774d51b9fe58cf8e4661ef9362eb#rd)

38. [几个优雅的JavaScript运算符使用技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089421&idx=2&sn=826b2b04faa7ae656d7deb5e93f421c4&chksm=83dbbaa8b4ac33be3fb351cdda50c202ecbe84127c02dc53c3736758896957fbd45d3d2b1f5a#rd)

39. [Web登录其实没那么简单](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089400&idx=2&sn=1b191f14381b380fb1ddb3299f154090&chksm=83dbbaddb4ac33cbea3c00444ae710f92effc9631ad1ee8271261b87c805f3c342fa609b07b0#rd)

40. [7个提高JavaScript代码质量的优秀实践](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088810&idx=1&sn=9593fc5fe0d043233947d274ca507ef9&chksm=83dbb80fb4ac311917963e0b4fd9844fd539b3bfe585e786b9a2e618c22910947e1e2101d374#rd)

41. [10个棘手的用于面试的JavaScript代码段](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088750&idx=1&sn=f7da40973d58ae50bc59b272e9bb9dd5&chksm=83dbb84bb4ac315d7127b468d71c9641b4939abe6d8a1162e9709be638666b36289e8f46fde5#rd)

42. [42条JavaScript开发优化技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088646&idx=1&sn=d61eeceee3276904de8d078119409165&chksm=83dbb9a3b4ac30b5fa8a22596aeef0083a615af0145affc1a6a4e4a0e4023fcdb5a94b3a8d92#rd)

43. [JavaScript数组 API 实现的几个常见操作](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088597&idx=1&sn=31c158b26c03e71e380cb723cdbd7674&chksm=83dbb9f0b4ac30e6124c3f53fe0fd621011619911bec3ca8d1e4851f7e99b06d89cf8aed2048#rd)

44. [JS 定时器的 this 指向若干问题总结](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088565&idx=2&sn=716ce9bbe1535acba51c674a032f8baa&chksm=83dbb910b4ac30066f11e2d17e9f446850bf461a93e5ff57833b4996e5a39a97cc4825158537#rd)

45. [JavaScript 中 Promise对象 的部分使用特点](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088152&idx=1&sn=caefba5aa6b4b290770af11ee88a83cc&chksm=83dbbfbdb4ac36ab930712d90ade47253a56af317ba9d49ee96fec9808a7c74e7af56bb90ee8#rd)

46. [在JavaScript中使用Switch(true)模式](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088114&idx=2&sn=a89a2618e66446137efd7e633385f3b4&chksm=83dbbfd7b4ac36c1ff4dc8469b9f8ece696180a6997123e3c2fe02f1198c3d749b49cb011f8e#rd)

47. [词法作用域与JavaScript的欺骗词法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088069&idx=1&sn=75096a0f655b3d1c632e150e14abaca4&chksm=83dbbfe0b4ac36f6d0e1e4f415959ec6a2867b4d627d49a2a3bab8833e66a6b1ab3cc8ad196c#rd)

48. [深入理解 JavaScript 之事件循环(Event Loop)](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087898&idx=1&sn=d39ef3a65a983522607b4eeb07e70340&chksm=83dbbcbfb4ac35a9a26c01bc3b4a8fcc82bc7220d59a6bba72cdaae938b327b20081bb4b6030#rd)

49. [前端海报生成的不同方案和优劣](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087870&idx=2&sn=92798f5e1856da52a73f9b44d2ce0ff1&chksm=83dbbcdbb4ac35cdcdc6fe68daa69e15489a61bc5359c13707395c58e29ddbada4428b00977c#rd)

50. [2021年前端开发者需要知道的34种JS优化技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087795&idx=2&sn=3b624d953db3325f733597d02085844b&chksm=83dbbc16b4ac350033c56656a49982ce8d6e3eabdafd3ec3d22a942ae7af71bae6a44573a694#rd)

51. [前端面试js高频手写大全](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087602&idx=1&sn=27c489170a7e3e65e583f51f0b6a29c3&chksm=83dbbdd7b4ac34c19ede7dba3b601f2b368c2fddbdd3baa2ea2f91037f74f2d2d9acd3909015#rd)

52. [11个 Javascript 小技巧【文末送书】](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087503&idx=1&sn=85c21a5a7df1e67213c2a79320f74b36&chksm=83dbbd2ab4ac343c5c5820ac8cc3d51e1bd93a77c3b77ce4e054f81e22346aa2e3f73de406f7#rd)

53. [理解JavaScript闭包9大使用场景](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087446&idx=2&sn=12fcced33d8a7ec1d2c46892a7f3aa85&chksm=83dbbd73b4ac346588f8e577b7a79e3d41bb2117c81dfae83d110ad797273341f0dc7437e06e#rd)

54. [改善代码可读性的5种方法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087386&idx=1&sn=3d3cfbf51141b9131fbaf9ec7ae3a6a8&chksm=83db82bfb4ac0ba98723bd4e74db60229f1f80863bb1b82e5058e80ca044820f9d64fd08c02f#rd)

55. [JavaScript代理的惊人力量](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087175&idx=2&sn=bf70935ea87b945f8794fc1163ac3998&chksm=83db8262b4ac0b74fe3b995faafbfa1fa97494119b09fed56736349b4bc28342f10519cbfc63#rd)

56. [base64 格式的数据是如何实现的](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087061&idx=2&sn=817e85fc9b3d326e2c200721462d65ef&chksm=83db83f0b4ac0ae6338df7e8b4545d0a90daed583e6e64c7f62bd89ad659efcd45e55e98e9fe#rd)

57. [toFixed 函数引起的 bug](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086992&idx=2&sn=c88e543a5f6916b150a847988e45ca29&chksm=83db8335b4ac0a23318a4f7b00b2df1ec14f775762383d5d784445337692a0e1a71566dad599#rd)

58. [JavaScript队列和双端队列](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086949&idx=2&sn=38fe527c540a209f423fc4c49656f86b&chksm=83db8340b4ac0a5641705ccc77583f0a12cd72dc671096d58d84116e009a5699269345275b37#rd)

59. [什么是JavaScript的作用域](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086928&idx=2&sn=632ea61934be2f49b788d5c7efaed0a6&chksm=83db8375b4ac0a63ce366bd42088d0dbc65927ebeb3a457d43523fb4ed9f4e9fa84a52b9b02e#rd)

60. [JavaScript洗牌算法之重复抽奖（附送书的抽奖结果）](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086828&idx=1&sn=e7a00fac13f26ea890e93803293c0bff&chksm=83db80c9b4ac09dfbc961089769895ca019d4de31cea1dd1fb187095d7b9e3e80ae28833f90c#rd)

61. [Javascript 中数据类型那些可能会中招的细节](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086735&idx=1&sn=e6188e62831e9ca8122bce68cefdf10d&chksm=83db802ab4ac093c6b775b29dbda5a85b0f59369df5baf89edb046c3986531ac66a5fbf07446#rd)

62. [深入浅出前端本地储存](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086599&idx=1&sn=f4c2f0da59a8fd60858312f6037c1339&chksm=83db81a2b4ac08b457e3d2bfbfcf3f441a4c66b048cade0c5ee4224eb9ef845a0de18f08d80e#rd)

63. [看完这篇文章，彻底了解 “原型” & “this”](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086530&idx=1&sn=8d753027f923e4860294f9bcd3d4b843&chksm=83db81e7b4ac08f1f316c8afc0a5016fa2fa3ae521dc0e160492ded9b7ddfa5fe938f36757d6#rd)

64. [一文带你全面解析postman工具的使用](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086372&idx=1&sn=fd0203270b87c5a845b47ed28320028a&chksm=83db8681b4ac0f97e681be14bd50423c3ab3a31763210b847ef12b9458a34559ee6f6898542a#rd)

65. [深入理解setState](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086264&idx=2&sn=8f35fd40dcd2ef934fd34fa89de34bb5&chksm=83db861db4ac0f0b6df175b9d6cf840b3bb6e178943bb85d3b2299e027f7c18b25a2758ae287#rd)

66. [撸了一个「合成大西瓜」](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086120&idx=1&sn=09970ab716f7a276741af14111c5443f&chksm=83db878db4ac0e9b3ccdc4af58d448cfbc7bf71c654441e56b60afdf295f1c9c43a89c41d13c#rd)

67. [用JavaScript实现淘宝放大镜的效果，附源码](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085995&idx=1&sn=3452f6a8f20858598ac5d6eb390bb9a1&chksm=83db870eb4ac0e18869f1bb0e2f4203f823622ebb39be423cb55834d482c26cac972431915b9#rd)

68. [JavaScript 12种设计模式汇总](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085930&idx=1&sn=a0a65454bf6fb2f8e7ae371e54158c4e&chksm=83db874fb4ac0e596dad6bc575079f93d6949e557f93e2360d83913bcf03d0002d1da45f8bb9#rd)

69. [13个JavaScript单行代码，让你看起来更专业](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085717&idx=1&sn=dd27cc1b942d9d4ea3d3c1a0715d27c8&chksm=83db8430b4ac0d265cf134d427e698c947aa5b5fe7b94bc9717e9266df267880f950631010aa#rd)

70. [如何精确统计页面停留时长](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085645&idx=1&sn=75d768773a249f6fe324b68d79bc442e&chksm=83db8468b4ac0d7eec516b13cbf58bd6326bf1aba905c0f936d6387b1c29dbd13c3521fc842e#rd)

71. [理解this及call，apply和bind的用法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085576&idx=1&sn=69501849de79c5c03652e5d5d57fdf3f&chksm=83db85adb4ac0cbbd28d9627857cd88e50cd3efea5666f0c29b4f336962bcdc83a25c6f5f907#rd)

72. [Virtual DOM 认知误区](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085470&idx=1&sn=93b2aef40ece5dfc4f4161aeb2d213aa&chksm=83db853bb4ac0c2debdc79e02c4e0f2bd2a52809968cf476a4d72f04705ef19d1f833cd4f164#rd)

73. [深入浅出js实现继承的7种方式](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085362&idx=1&sn=2bf04b50455a22b2498d89139e78f343&chksm=83db8a97b4ac03813ad2e7af3ded1aaca6f956041c0f3be6304b695bfdb915e68acd482a7eba#rd)

74. [重磅！超详细的 JS 数组方法整理出来了](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085280&idx=1&sn=ef259df2e75594dea8f0b259539dfad9&chksm=83db8ac5b4ac03d3e7176f99cab7ac0077852cf2a37e68522c47d334bc94706cee719e5cdd29#rd)

75. [你应该了解的25个JS技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085155&idx=1&sn=108164eaac6753d5e2fe8eda09ff6b7b&chksm=83db8a46b4ac03507ee506b7e6ca51b73bcc46d94aa25a32135ba7993dc7793c3aec51a5bfe2#rd)

76. [增量 DOM 与虚拟 DOM 的对比使用](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085018&idx=2&sn=6e43196294b4a90560884be09650d267&chksm=83db8bffb4ac02e91bf041275afb07b5086443ab53c45485cd53408d46f950ba808c42605590#rd)

## [#ES6](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867640285191569409#wechat_redirect)

1. [JS中优雅的使用async await](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095306&idx=2&sn=b145772a5d4ea2f2cc0895e7fe3f61b5&chksm=83dba3afb4ac2ab97921cd77f898fe93f874849a8d87ddb637f1963a4290cbf677642ffb532f#rd)

2. [ES6面试、复习干货知识点汇总](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650091041&idx=1&sn=ad825a4c819ff0d129b69d1388d7f66c&chksm=83dbb344b4ac3a522e4ad2f25c1bdcc6d5c71d265f82dc85255b3d787b9712830bb8518d4f96#rd)

3. [你需要知道的30个ES6—ES12开发技巧！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094881&idx=1&sn=67c842bee213617d7a74066704ecccf7&chksm=83dba044b4ac2952589261b669dd3621ee615bae120ac4ea494e88b0b9f119e4f4e5f201e09a#rd)

4. [90% 前端都会的 ES6 简化代码技巧，你用过哪些？](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089582&idx=1&sn=19fdff406109156c701eba01dcf7e235&chksm=83dbb50bb4ac3c1d7d75b3658be589b545b071ed80debb2ab40037a571da475df045b0fc8c00#rd)

5. [9种JavaScript数组去重的高阶方法](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089371&idx=1&sn=8e04eecf12d204933c2929d1c39d7c7a&chksm=83dbbafeb4ac33e808c09b72959121b73046850ffee851ad15bb249cf6d049bdeb595d3f9211#rd)

6. [ES11的新特性：String 的 matchAll 方法、 import() 动态导入语句等](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650089254&idx=2&sn=f4211530e78eeb6bd76c2468a9e6bfdb&chksm=83dbba43b4ac3355c1c4dae3a33d1c13dd374cfc9e1f08f2c5ba03f96fca93bf598e59df79b2#rd)

7. [快速掌握ES6的代理和反射](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088859&idx=2&sn=4f87b2e6ae2fe456d1c9ea3c74a56d72&chksm=83dbb8feb4ac31e8de14fbf6015b91b0af7f0632591a81a6b54399df936e0737d80994e5827b#rd)

8. [九个超级实用的 ES6 特性](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088471&idx=2&sn=31596a74c4da632a2a33458eb6d9e73a&chksm=83dbb972b4ac3064d282a389c1b537d0e2da5ff5f685364361e7e52bd7d1fd5184a55217a09e#rd)

9. [汇总JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650087006&idx=1&sn=851a2a4b7dc2674e358b700087f6c3a8&chksm=83db833bb4ac0a2da98a379b2f7719912afd3cb1fb1c5933fcb0df980886f01e266933ee25bf#rd)

10. [ES 2021 新特性提前知，附案例](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085794&idx=1&sn=c2e8dc57a9728808396b09ff65b47580&chksm=83db84c7b4ac0dd1fdca0334c9804873a53b687e3ad05b38bd36e141ba105500cc037c12776a#rd)

## [#CSS](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867497279893372928#wechat_redirect)

1. [CSS 垂直居中的正确打开方式](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650096884&idx=2&sn=4b22384b1190360b91b6cffc557bcbfc&chksm=83dbd991b4ac5087c66fa0f0e6466765a09f494da0fa24b3f6801b132a1bcc9665e0ec5edf57#rd)

2. [[译] 写给设计师看的 CSS 容器查询](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095521&idx=2&sn=6686fe180717ff6256f5cc4d26343ebb&chksm=83dba2c4b4ac2bd2d5125b5144a3badae519e696f06b1c5e6aaf51a73f0c6eb1f3f8f5273e77#rd)

3. [纯 CSS 自定义多行省略：从原理到实现](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095432&idx=2&sn=8eeb5d81eb4c87cc1e17dd02d4c6c805&chksm=83dba22db4ac2b3b9e4f84832a68d524b85cca7a6eae6fd1f0ca7b0103b6b2165a94889a796f#rd)

4. [这才是前端该写的代码：CSS常见套路续](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094550&idx=1&sn=76e5afd65665f6f7f3e68924a8b3bfe5&chksm=83dba6b3b4ac2fa5834a26594b3fbb660039d7542ddf31051bbc89b93393d27e4c1d26883295#rd)

5. [十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出...）](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094383&idx=1&sn=1bb31ccf98a584c16243ebe686416c42&chksm=83dba64ab4ac2f5c7a32e3135303a7d2a4610490f98d5fc7542dd8e6ad0c3de00b3c2a3fb354#rd)

6. [27 个 CSS 案例演示和 DEMO](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650094336&idx=1&sn=1777cec538c4409449cb304efcb8df9e&chksm=83dba665b4ac2f73f3de24bf3ea3c046201f20de3fb94d201825d0f573b989a28b66c69ac76d#rd)

7. [CSS 快速实现烟花绽放（仅100多行代码）](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093901&idx=2&sn=8e2b290d09999ec8a6736a0e751d14e2&chksm=83dba428b4ac2d3eb6d083c50c6752f016b38b808da3b3bda159b159d2b40dd55524344a78d0#rd)

8. [每个前端都需要知道这些面向未来的CSS技术](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093823&idx=2&sn=a32887b827f3a92c16e9ca6e6e24059c&chksm=83dba59ab4ac2c8c3e5ee261e984bf1178b38e39a1e14c8312f38e9890ee0e5bdd7d9072e4b6#rd)

9. [只需一行CSS代码，让长列表网页的渲染性能提升几倍以上！](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093798&idx=1&sn=fdfc14fe4853767b360abd961bdc97fb&chksm=83dba583b4ac2c9567160e26b8448532b55e17a77533a92e5542ff059534577b687831d559b4#rd)

10. [【中秋】纯CSS实现日地月的公转](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093717&idx=1&sn=c146d5f9f21a4ea37ee4ea0041cb5738&chksm=83dba5f0b4ac2ce656acf6a20e7105630dc27e967bf42205b9250169fa722e3d683a402e2c13#rd)

11. [14种CSS实现水平或垂直居中的技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092225&idx=2&sn=7d743f71c75f6d84ba5608a990a477be&chksm=83dbafa4b4ac26b23ec6ab68d024e069f37a262a8588da699de822474effb93ff2da5250cffd#rd)

12. [能用CSS实现的就不用麻烦JavaScript](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092182&idx=2&sn=e3d722fce65e8f585cf34baff3ad9f5f&chksm=83dbaff3b4ac26e5abcc49071453c8b3b35e93a88cdec8df183468d364d4e88977d792945b66#rd)

13. [CSS 动画制作的 12 个技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650092727&idx=1&sn=962d516d9927c04a45f8435d49936a71&chksm=83dba9d2b4ac20c474c19eb19363f28a3e4de090be03f45da5ce736d716580d58b12be7fe179#rd)

14. [你不知道的 CSS 技巧](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650093259&idx=1&sn=e33646bf31913d9a597618c1ca0e88ab&chksm=83dbabaeb4ac22b84a677d3d17de6c60d669af9ceb867e45c38280b4c2dc2f6c7725e991e0ec#rd)

15. [关于 z-index，你可能一直存在误区](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088217&idx=2&sn=c81f092982cfc15dc6b6bbc1572b0581&chksm=83dbbe7cb4ac376a324740cb1c84be8a4c8692189cc957b16e6858d8e94f17c81b2dd8c7c827#rd)

16. [iPhone 12 页面卷动逐行滑入效果](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086397&idx=1&sn=7a6fa5741710a18f15d7713e8e2e3f6a&chksm=83db8698b4ac0f8ea8baab00c55917b8c1fdd199c5e6db3ad9c903baa8fd56f3d4e5a5bd6874#rd)

17. [CSS3实现5个常用的网页动画效果](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085832&idx=2&sn=434cc6bc2d8a3648826dc2db180ee680&chksm=83db84adb4ac0dbb9c24f821df6ccddda0b7a3daa47fb4db4f7562ef4e2b4de7f09be1a88f06#rd)

18. [前端技巧：三种 Loading 制作方案](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085768&idx=2&sn=3bec199f3df2e26df60e05a96c42901a&chksm=83db84edb4ac0dfb981aa837735212891f1454d19596404eb25203248b69ebdf0f60adce8a46#rd)

19. [简单实用又不花里胡哨的鼠标滑过样式](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085470&idx=2&sn=a27a440e4afae0f63a3c5383748d8b1b&chksm=83db853bb4ac0c2d063b1f805816eed0390c49264c7ce6e19f16571ec470bf28351f34ef9ab8#rd)

20. [纯 CSS 制作赛博朋克 2077 “故障风”按钮](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085112&idx=2&sn=1bb97297cb3c88383cd2b4f8c55b4fa4&chksm=83db8b9db4ac028ba9024eee314bcbdde20d0bd8b76e4bec2f799e32d8a8ce8104f4ea241e0e#rd)

21. [3行核心CSS代码的rate评分组件，秀到你怀疑人生](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085044&idx=1&sn=eb105f3193e97c7649ba98bf7340cb0b&chksm=83db8bd1b4ac02c73fe53175dee303332a44a08f111886869e51981811b785fe40f2b84b4400#rd)

22. [用CSS如何实现两个球相交的粘粘动画效果](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650085031&idx=1&sn=bc65ad398af6ee6ab183d14cf5bc7936&chksm=83db8bc2b4ac02d49d378bf797d01c98a34f76c5e045f0100201d7d50a7711de17dd5c251f22#rd)

## Star History

[![Star History Chart](https://api.star-history.com/svg?repos=kujian/frontendDaily&type=Date)](https://star-history.com/#kujian/frontendDaily&Date)