【实践经验】
1、一文带你了解如何排查内存泄漏导致的页面卡顿现象
https://juejin.cn/post/6947841638118998029
在项目过程中,如果遇到了某些性能问题可能跟内存泄漏有关时,就可以参照本文列举的5
种情况去排查,一定能找到问题所在并给到解决办法的。
2、前端团队研发效能提升的探索与实践
https://mp.weixin.qq.com/s/F2b5nXEKpygX9vCFW1YhYg
阅读本文,读者将了解到一下这些内容:
- 研发效能定义:知道研发效能是什么?(对「研发效能」的定义有一个经得起推敲的参考)
- 研发效能提升:知道如何提升技术团队的研发效能?(对提升自己所在团队研发效能有一些想法/灵感)
- 技术的价值:当被问到自己(技术/技术人)的价值时,能从容的去回答
- 职业发展:关于自己的职业发展,可以想的更清楚
- 成长抓手:关于自己在工作中成长的抓手,可以拿捏得更精准
3、H5 页面列表缓存方案
https://juejin.cn/post/6948210854126944292
4、H5小说阅读器左右翻页研究
https://mp.weixin.qq.com/s/EKEEcPV68BLHun7lqcQ_kQ
本文主要总结了纯文本的小说阅读器左右翻页功能实现的几种方案。
5、如何用纯前端的方式获取视频首帧
https://juejin.cn/post/6948585741555335176
6、前端资源加载失败优化
本文将围绕着前端 JS 文件从如何监控加载失败、加载失败如何优化、始终加载失败又该如何处理等问题逐一分析。
7、CSS3 3D 行星运转 && 浏览器渲染原理
https://mp.weixin.qq.com/s/5lsnBcB1uEg0kUgOVaHUqQ
本文通过一个 3D Web 动画的实例,详细的捋一捋浏览器整个渲染页面的过程及原理。
【基础夯实】
1、30张图解: TCP 重传、滑动窗口、流量控制、拥塞控制发愁
https://zhuanlan.zhihu.com/p/133307545
2、CSS 文字装饰 text-decoration & text-emphasis
https://juejin.cn/post/6947866495309316104
本文将讲讲两个比较新的文字装饰的概念 text-decoration 与 text-emphasis,在最后,还会讲解使用 background 模拟文字下划线的一些有趣的动效。
3、安全背后: 浏览器是如何校验证书的
https://cjting.me/2021/03/02/how-to-validate-tls-certificate/
4、浅探 Web Worker 与 JavaScript 沙箱
https://juejin.cn/post/6948752328715403300
5、写 Node.js 代码,从学会调试开始
https://mp.weixin.qq.com/s/494q1a3eTBVO1UZ1QKBWiA
在纷繁复杂的代码世界中,出错是难免的,也许在传统的前端代码中,你习惯于 console 来排查问题,这是不合理的,在现代的社会下,调试代码是你最快找到问题的方法。
这篇文章就是教你如何快速的使用调试找到问题。查找和识别错误的速度越快,你下班的时间就越早:)。
6、一文带你了解如何排查内存泄漏导致的页面卡顿现象
https://juejin.cn/post/6947841638118998029
7、CORS 完全手册之 CORS 详解
https://mp.weixin.qq.com/s/zfRRlsdVNJv2vpFaJvVPmg
【实用工具】
1、SVG生成器
这里有大量有用的 SVG 操作站点,包括背景生成、滤镜生成、形状生成、路径可视化、数据可视化、裁剪、转 Favicon、转 JSX、转雪碧图等。
2、VSCode 秒变 全功能 所见即所得 markdown 编辑器
https://zhuanlan.zhihu.com/p/363219203
这款插件支持表格可视化编辑等功能,使用方便
插件地址: https://marketplace.visualstudio.com/items?itemName=zaaack.markdown-editor
源码地址: https://github.com/zaaack/vscod
3、50 个让你高效编程的前端轮子
https://mp.weixin.qq.com/s/dGX3GN4gUWc5vMOyNd58MQ
4、我问导师,Vue3有没有对应工具来生成漂亮的文档? 用 Vitepress
https://mp.weixin.qq.com/s/HWydUHElZLDoeHLjqeR1jA
本文详细介绍了如何使用 Vitepress 快速为Vue应用创建文档。
5、网站优化,这些工具你一定用得着
https://mp.weixin.qq.com/s/aVEbdjokTbaF1J8r4pfULg
【动态与研究关注】
1、从“前端智能化”视角看“低代码/无代码”
https://juejin.cn/post/6947951731292504072#heading-14
2、Vue 3 将不会支持 IE11
https://zhuanlan.zhihu.com/p/362000763
3、独家对话阿里云函数计算负责人不瞋:你所不知道的Serverless
https://mp.weixin.qq.com/s/o50L4LNdP2Gt_Z56XyOlHw
纵观Serverless过去十年,它其实因云而生,也在同时改变云的计算方式。如果套用技术成熟度曲线来描述的话,那么它已经走过了萌芽期、认知破灭期,开始朝着成熟稳定的方向发展。未来,市场对Serverless的接受程度将越来越高。
4、关于现代包管理器的深度思考——为什么现在我更推荐 pnpm 而不是 npm/yarn
https://juejin.cn/post/6932046455733485575#heading-0
这篇文章给大家分享一个业内一款出色的包管理器——pnpm
。目前 GitHub 已经有 star 9.8k,现在已经相对成熟且稳定了。它由 npm/yarn 衍生而来,但却解决了 npm/yarn 内部潜在的 bug,并且极大了地优化了性能,扩展了使用场景。下面是本文的思维导图:
5、ESM vs Webpack 面向高性能构建的探索
https://juejin.cn/post/6947890290896142350
【程序之外】
1、程序员应该知道的 3 个排版原则
https://mp.weixin.qq.com/s/9RotXR2VyBtCNhD5borBrw
2、如何减少设计中的认知负荷,带来更好的用户体验?
当我们的大脑接收的信息超过了上限, 就会减慢大脑信息处理的效率。认知负荷很多时候不可避免, 产品设计者应该寻找设计方法来减轻用用户使用产品时的认知负荷, 来帮助用户更便捷地使用产品。