0034.jpg

【实践经验】

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、前端资源加载失败优化

https://mp.weixin.qq.com/s?__biz=MjM5MTY2NTIyMA==&mid=2649000414&idx=1&sn=d492b23b6553703bb2e33e5fd89ef7a0

本文将围绕着前端 JS 文件从如何监控加载失败、加载失败如何优化、始终加载失败又该如何处理等问题逐一分析。

7、CSS3 3D 行星运转 && 浏览器渲染原理

https://mp.weixin.qq.com/s/5lsnBcB1uEg0kUgOVaHUqQ

本文通过一个 3D Web 动画的实例,详细的捋一捋浏览器整个渲染页面的过程及原理。
image.png

【基础夯实】

1、30张图解: TCP 重传、滑动窗口、流量控制、拥塞控制发愁

https://zhuanlan.zhihu.com/p/133307545
image.png

2、CSS 文字装饰 text-decoration & text-emphasis

https://juejin.cn/post/6947866495309316104

本文将讲讲两个比较新的文字装饰的概念 text-decoration 与 text-emphasis,在最后,还会讲解使用 background 模拟文字下划线的一些有趣的动效。
image.png

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、转雪碧图等。
image.png

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,并且极大了地优化了性能,扩展了使用场景。下面是本文的思维导图:
image.png

5、ESM vs Webpack 面向高性能构建的探索

https://juejin.cn/post/6947890290896142350

【程序之外】

1、程序员应该知道的 3 个排版原则

https://mp.weixin.qq.com/s/9RotXR2VyBtCNhD5borBrw

2、如何减少设计中的认知负荷,带来更好的用户体验?

https://mp.weixin.qq.com/s?__biz=MzI5Nzc3MzkyNw==&mid=2247485687&idx=1&sn=b076c6a90c50faf6968ea2d88fc790c5

当我们的大脑接收的信息超过了上限, 就会减慢大脑信息处理的效率。认知负荷很多时候不可避免, 产品设计者应该寻找设计方法来减轻用用户使用产品时的认知负荷, 来帮助用户更便捷地使用产品。