业界技术跟进，不限于前端技术，按时间逆序梳理，每周一份，轮值主编制度参考
本周轮值主编： 海萍 下周轮值主编：风鑫
干货
- [ 221026 ] Webpack 创始人推出比 Webpack“快 700 倍”的 Turbopack，基于 Rust 编写 <https://www.infoq.cn/article/iKecr1k4eQMMpCaaXEDr > [ from 海萍 ]
- [ 221101 ] CSS 如何设置自动滚动定位的“安全”间距 https://segmentfault.com/a/1190000042718469 [ from 红梅 ]
本周轮值主编： 红梅 下周轮值主编：海萍
干货
- [221028] Htmx意外走红，我们从React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9 <https://mp.weixin.qq.com/s/eBBa-A42h_cDfdg4A32InA > [ from 红梅 ]
- [221018] 前端需要去了解的nodejs知识(express中间件)<https://juejin.cn/post/7155792020357775391 > [ from 风鑫 ]
本周轮值主编： 风鑫 下周轮值主编：红梅
干货
- [220918] 从七个方面了解vue3 新特性<https://juejin.cn/post/7144738150605127687 > [ from 风鑫 ]
- [ 220908 ] 为什么B站的弹幕可以不挡人物 https://juejin.cn/post/7141012605535010823 [ from 红梅 ]
本周轮值主编： 海萍 下周轮值主编：风鑫
干货
- [220826] 上手 Vue 新的状态管理 Pinia，一篇文章就够了<https://mp.weixin.qq.com/s/uIcd00cLc2Jy-hmTgULWKw > [ from 海萍 ]
- [ 220725 ] 一文解析 Pinia 和 Vuex，带你全面理解这两个 Vue 状态管理模式 <https://mp.weixin.qq.com/s/GUK7eUo4ua23sWVJ8ysUsQ > [ from 海萍 ]
本周轮值主编： 红梅 下周轮值主编：海萍
干货
- [ 220814 ] 尤雨溪：新版Vue 3中文文档上线；谷歌开发者工具迎来大更新；英伟达CEO：不裁员，还加薪；谷歌怒指苹果阻碍跨平台交流 https://mp.weixin.qq.com/s/FQf1EYmPtyLq0XjasN-cZg [ from 红梅 ]
- [ 220801 ] 11 个 ES2022（ES13)中惊人的 JavaScript 新特性 <https://mp.weixin.qq.com/s/CMVcIje5bH4Y7KYmRQDutQ > [ from 海萍 ]
本周轮值主编： 风鑫 下周轮值主编：红梅
干货
- [ 220727 ] 知识点整理： vue一些高级概念<https://juejin.cn/post/7124956857889718280 > [ from 风鑫 ]
- [ 220719 ] Svelte框架https://juejin.cn/post/7121759118070644772 [ from 红梅 ]
- [ 220722 ] 尤雨溪主题演讲《2022 前端生态趋势》全记录 https://juejin.cn/post/7123126028838862862 [ from 红梅 ]
本周轮值主编： 海萍 下周轮值主编：风鑫
干货
- [ 220720 ] 你的图片加载，一点都不酷炫！不信You Look Look...<https://juejin.cn/post/7122256732940107813 > [ from 海萍 ]
本周轮值主编： 风鑫 下周轮值主编：海萍
干货
- [ 220703 ] 跨域及解决方案 正反向代理区别 https://juejin.cn/post/7116116293844992014 [ from 风鑫 ]
本周轮值主编： 红梅 下周轮值主编：风鑫
干货
- [ 220615 ] Github 上 8 个很棒的 Vue 项目 https://juejin.cn/post/7109286956076695560 [ from 红梅 ]
- [ 220615 ] css选择器一般不建议嵌套3层 https://juejin.cn/post/7107097718362898463 [ from 红梅 ]
本周轮值主编： 海萍 下周轮值主编：风鑫
干货
- [ 220629 ] 巨石瓦解！我把Vue3巨石应用拆成了12个微应用~ <https://juejin.cn/post/7114445286247759908 > [ from 红梅 ]
- [ 220628 ] 如何统一监听Vue组件报错? <https://juejin.cn/post/7114292356672651272 > [ from 风鑫 ]
- [ 2200525 ] 搞懂这12个Hooks，保证让你玩转React <https://juejin.cn/post/7101486767336849421 > [ from 海萍 ]
- [ 220613 ] 女朋友都喜欢的CSS特效：神奇的倒影 <https://juejin.cn/post/7108533515645370405 > [ from 海萍 ]
本周轮值主编： 红梅 下周轮值主编：海萍
干货
- [ 220623 ] 前端build打包dist并压缩成zip最佳实践 <https://juejin.cn/post/7112371366279512101 > [ from 风鑫 ]
- [ 220621 ] 有意思的鼠标指针交互探究 https://segmentfault.com/a/1190000042012558 [ from 红梅 ]
- [ 220620 ] 动态监听DOM元素高度变化 <https://mp.weixin.qq.com/s/VoKPVLDlj1n_0-wrAYlLVA > [ from 海萍 ]
- [ 220619 ] 善用 Git 的 sparse checkout 跟 shallow clone/pull 來提高工作效率 <https://mp.weixin.qq.com/s/8BgNxmmNxUQD04AbTBHPLg > [ from 海萍 ]
本周轮值主编： 风鑫 下周轮值主编：红梅
干货
- [ 20220419 ] 前端常见问题和技术解决方案 https://juejin.cn/post/7088144745788080142 [ from 红梅 ]
- [ 220615 ] 如何解决回调地狱 <https://juejin.cn/post/7109327659376590878 > [ from 风鑫 ]
- [ 220615 ] 使用 content-visibility 优化渲染性能<https://mp.weixin.qq.com/s/webv8u3M43Jy3BVCxwEQFg > [ from 海萍 ]
本周轮值主编： 海萍 下周轮值主编：风鑫
干货
- [ 220601 ] 传统与现代可视化 PK：再生水厂二维工艺组态系统 <https://segmentfault.com/a/1190000041929177 > [ from 红梅 ]
- [ 220530 ] 锁定项目 Node 版本和包管理器 <https://segmentfault.com/a/1190000041918155 > [ from 红梅 ]
- [ 220525 ] 都2022年了，一个还不知道Lottie动画的前端已经OUT啦！ <https://juejin.cn/post/7101629986427109383 > [ from 红梅 ]
- [ 220427 ] Web3.0来了，花呗借呗前端团队开源的Web图形引擎会成为元宇宙的技术支撑吗？ <https://juejin.cn/post/7091187236342874143 > [ from 红梅 ]
- [ 220526 ] 性能优化——图片压缩、加载和格式选择 <https://mp.weixin.qq.com/s/2j_eKI__0lI0oIlPop-H2w > [ from 海萍 ]
- [ 220525 ] Base64 编码知识 <https://www.toutiao.com/article/7101637737157214755/?only_rec=1&wid=1653631599341 > [ from 风鑫 ]
本周轮值主编： 红梅 下周轮值主编：海萍
干货
- [ 220524 ] CSS 穿墙术！太强了 <https://segmentfault.com/a/1190000041887095 > [ from 红梅 ]
本周轮值主编： 风鑫下周轮值主编：红梅
干货
- [ 220518 ] 如何开发npm包,并发布到npm的详细介绍 <https://juejin.cn/post/7099104227829645319 > [ from 风鑫 ]
本周轮值主编：孟丰 下周轮值主编：风鑫
干货
- [ 220412 ] 2022 年的 React 生态 https://juejin.cn/post/7085542534943883301#heading-2 [ from 红梅 ]
- [ 220510 ] for循环和forEach的区别 <https://juejin.cn/post/7096128803822370823 > [ from 风鑫 ]
本周轮值主编：海萍 下周轮值主编：孟丰
干货
- [ 220411 ] 11+ chrome高级调试技巧 <https://juejin.cn/post/7085135692568723492 > [ from 风鑫 ]
- [ 220412 ] 让页面无懈可击！关于 CSS，你该做好这 20 件事<https://mp.weixin.qq.com/s/UUkXnLIIwBbpu0vWc-YOEg > [ from 彭文娟 ]
- [ 220415 ] 离开页面时，你知道如何可靠地发送一个 HTTP 请求吗？ <https://mp.weixin.qq.com/s/3moKMIZD8JcgRsO5VXn01Q > [ from 海萍 ]
- [ 220418 ] 5个一定要学会的JavaScript新特性 <https://mp.weixin.qq.com/s/1xdWS-6xTKPVua4IPnt6JQ > [ from 海萍 ]
- 用 # 来声明私有变量
- [ 220420 ] 前端从 web 服务器或者 CDN 下载资源 <https://mp.weixin.qq.com/s/ZVISq--0TFdiAyOxR98VTw > [ from 红梅 ]
- [ 220421 ] 一文彻底搞懂前端实现文件预览（word、excel、pdf、ppt、mp4、图片、文本） <https://mp.weixin.qq.com/s/lUKhaqcNVrYmT4Bn1Vq-sA > [ from 红梅 ]
本周轮值主编：红梅 下周轮值主编：海萍
干货
- [ 220326 ] React Hooks使用误区 https://mp.weixin.qq.com/s/UqdFCDwf5KN4oZ-XwcTBnA [ from 红梅 ]
- [ 220402 ] 前端git经典操作<https://mp.weixin.qq.com/s/45DudofvviGm8xyukIRoPQ > [ from 彭文娟 ]
- [ 220413 ] 虚拟 DOM 和原生 JS 究竟谁性能更好？<https://juejin.cn/post/7085891028640595981 > [ from 师风鑫 ]
本周轮值主编：文娟 下周轮值主编：文玲
干货
- [ 220328 ] 你不知道的前端音视频知识 https://mp.weixin.qq.com/s/Sb00MXCdIhNCrn-7J2XwsQ[ from 红梅 ]
- [ 220328 ] Vue+ElementUI实现动态调整表格列 显示隐藏&显示顺序<https://juejin.cn/post/7022140926906597384/ >[ from 文娟 ]
- [ 220325 ] 运行npm run xxx 的时候发生了什么？<https://juejin.cn/post/7078924628525056007 / > [ from 师风鑫]
- [ 220331 ] React Hooks基本使用详解 <https://mp.weixin.qq.com/s/jEOjD5dChczL20THnMzCfQ >[ from 文玲 ]
- [ 220330 ] 奇怪的代码反面教材 <https://mp.weixin.qq.com/s/gOAptdlNJEj61PA0ykFAow >[ from 海萍 ]
- [ 220401 ] 怎么实现大文件快速上传？ <https://mp.weixin.qq.com/s/AsG1uCyJkaIpnFcHbSgvBQ > [ from 海萍 ]
本周轮值主编：风鑫 下周轮值主编：文娟
干货
- [ 220323 ] Vue 响应式原理剖析 —— 数据更新常见问题 https://mp.weixin.qq.com/s/wdjXUiXBZlq5uedS0MYyUw [ from 红梅 ]
- [ 220324 ] 阿里低代码引擎LowCodeEngine正式开源！ https://mp.weixin.qq.com/s/rQ-X9OBFRvhI16KrWwIT6w [ from 红梅 ]
- [ 220322] 前端应该掌握的10个js小技巧<https://juejin.cn/post/7072274726940311588/ > [ from 彭文娟 ]
- [ 220322] uniapp小程序自动化构建<https://juejin.cn/post/7077827513753272351/ > [ from 师风鑫]
- [ 220318 ] React18 这次是真的来了 <https://mp.weixin.qq.com/s/hAwribiAJ3pXEjwHTLAdEQ > [ from 文玲 ]
- [ 220316 ] axios 源码中的 10 多个工具函数 <https://mp.weixin.qq.com/s/apDe7yGmhA96EcNfunSjvQ > [ from 文玲 ]
本周轮值主编：孟丰 下周轮值主编：风鑫
实践
-
[ 220313 ] 使用 CSS 连接数据库 https://mp.weixin.qq.com/s/R_xoevoBwOuEvz0u1E4VRg [ from 文玲 ]
-
[ 220316 ] CSS 电子时钟 https://mp.weixin.qq.com/s/Mz8wXlV3LzlKvVi3Blr6_w [ from 红梅 ]
-
[ 220316 ] 神奇的 CSS，让文字智能适配背景颜色 https://juejin.cn/post/7075576940416991245[ from 风鑫 ]
-
[ 220315] 强大的JSON.stringify https://juejin.cn/post/7072122968087724046 [ from 彭文娟 ]
-
[ 220315] iOS 端 Safari 插件开发 https://mp.weixin.qq.com/s/I2ArSz5ApAh8ZaNe0QckHw [ from 孟丰 ]
-
[ 210308 ] Redis官方可视化工具: https://juejin.cn/post/7072537112834211847 [ from 海萍 ]
本周轮值主编：海萍 下周轮值主编：孟丰
干货
- [ 220311 ] once-init : 减少重复的请求，也许这个库能帮到你<https://mp.weixin.qq.com/s/gVHCv7uGGS0ny2LBWKXDAw > [ from 文玲 ]
- [ 220310 ] JSON.stringify详解及灵活运用 <https://juejin.cn/post/7073394453540503560 > [ from 风鑫 ]
- [ 220310 ] Promise 静态四兄弟，你学会了吗? <https://xie.infoq.cn/article/06d24b816fc2ffe94c75a9ef6 > [ from 海萍 ]
- [ 220308 ] 如果美国把根域名服务器封了，中国会从网络上消失吗？ <https://mp.weixin.qq.com/s/4UBIu-wm3ZhyIxZFucZxaQ > [ from 红梅 ]
- [ 220228] 有关前端里的拖拽<https://juejin.cn/post/7069588012912361509/ > [ from 文娟 ]
- <181026> canvas坐标变换 <https://zhuanlan.zhihu.com/p/47726279 > [ from 文玲 ]
本周轮值主编：红梅 下周轮值主编：海萍
干货
- [ 220224 ] WebXR 应用开发之 aframe 框架入门 <https://mp.weixin.qq.com/s/4CK8toKpd9sMO5lT__kzFg > [ from 文玲 ]
- [ 220303 ] 读懂 CSS 投影与透视 https://mp.weixin.qq.com/s/jjWLoCZdQjP0ygjCYX25NA [ from 红梅 ]
- [ 220226 ] 20个JS技巧 < https://juejin.cn/post/7068853819135754253 > [ from 风鑫 ]
- [ 220222 ] 有关宏任务和微任务，你知道多少<https://juejin.cn/post/7064596910878752804/ > [ from 彭文娟 ]
最佳实践
- [ 220225 ] 用babel和nodemon搭建一个功能齐全的nodejs开发环境 <https://mp.weixin.qq.com/s/VHqK--TmhYhMRgeT8PxZqw > [ from 文玲 ]
资讯
- [ 220304 ] 阿里自研 IDE 研发框架 OpenSumi 正式开源 <https://mp.weixin.qq.com/s/Qk6-2DP9V8KOsRtvK5SVeg > [ from 文玲 ]
本周轮值主编：文玲 下周轮值主编：红梅
干货
- [ 220222 ] 从 Nuxt 文档里发现色彩的配搭诀窍 <https://mp.weixin.qq.com/s/0C4n5aeZgoPm_-gYg5i9iQ > [ from 文玲 ]
- [ 220216 ] Rust 才是 JavaScript 基础设施的未来 <https://mp.weixin.qq.com/s/g8ZwWsX8yo3u9fbx0oe8Eg > [ from 文玲 ]
- [ 220222 ] 有关es6的那些事<https://juejin.cn/post/7016520448204603423 > [ from 文娟 ]
- [ 220223 ] 前端生成PDF，让后端刮目相看 https://segmentfault.com/a/1190000041447795 [ from 红梅 ]
- [ 220215 ] javascript判断数组的方法总结https://juejin.cn/post/7064713519672852511 [ from 风鑫 ]
适配方案
- [ 220219 ] 根据设计稿，计算出网页REM的大小，有那么难吗？<https://mp.weixin.qq.com/s/Nw2roqGIUdb8sU9XDeIP-Q > [ from 海萍 ]
- [ 170521 ] 前端页面适配的rem换算 <https://www.cnblogs.com/zjzhang/p/6885790.html > [ from 海萍 ]
- [ 190903 ] 适配宽度方案flexible + 适配高度方案adaptive <https://github.com/chesscai/flexible-adaptive > [ from 海萍 ]
可视化
- [ 220223 ] 拜托，使用 Three.js 让二维图片具有 3D 效果超酷的好吗！ https://mp.weixin.qq.com/s/r-nRNeY-utetPlvWv_9tsA [ from 红梅 ]
趋势
- [ 220218 ] W3C 成立元宇宙工作组！ <https://mp.weixin.qq.com/s/x9A3RMAtagkZpWarhfPSYw > [ from 文玲 ]