业界技术跟进,不限于前端技术,按时间逆序梳理,每周一份,轮值主编制度参考
本周轮值主编
:海萍 下周轮值主编
:雪松
干货
- [ 210510 ] Introduction to Tailwind CSS and utility classes https://allround.io/articles/introduction-to-tailwind-css-and-utility-classes/ [ from 君毅 ]
- The goal is to have a set of pre-existing classes that we can use to style HTML without writing a lot of custom CSS, which allows us to move faster and re-use those classes as much as possible
- [ 210510 ] 99 Additional Bits of Unsolicited Advice https://kk.org/thetechnium/99-additional-bits-of-unsolicited-advice/ [ from 君毅 ]
- Advice like these are not laws. They are like hats. If one doesn’t fit, try another
- [ 210430 ] CSS Tips https://markodenic.com/css-tips/ [ from 君毅 ]
- CSS tips and tricks you won’t see in most of the tutorials
- [ 210513 ] 利用联邦模块实现跨应用的代码共享 https://juejin.cn/post/6961678963680739359 [ from 雪松 ]
技巧经验
- [ 210508 ] 如何解决异步接口请求快慢不均导致的数据错误问题? https://juejin.cn/post/6959700988882059271 [ from 文玲 ]
- String.prototype.replaceAll(),数字分隔符,逻辑赋值运算符,Promise.any(),WeakRef 和Finalizers
涨知识
- [ 210429 ] 在什么情况下 a === a - 1 ? https://juejin.cn/post/6900810456496078855 [ from 凌云 ]
本周轮值主编
:红梅 下周轮值主编
:海萍
干货
- [ 210426 ] cors-anywhere https://github.com/Rob--W/cors-anywhere [ from 君毅 ]
- CORS Anywhere is a NodeJS proxy which adds CORS headers to the proxied request
- [ 210426 ] dahliaOS https://web.dahliaos.io/#/ [ from 君毅 ]
- 该网站使用 Flutter Web 框架开发,利用 Dart 语言编写,然后编译成 JS
- [ 210501 ] 即将发布的 ES2021 中有哪些有趣的功能 <https://mp.weixin.qq.com/s/khBYOGxiO_PuOz8VySzDAw > [ from 文玲 ]
- String.prototype.replaceAll(),数字分隔符,逻辑赋值运算符,Promise.any(),WeakRef 和Finalizers
- [ 210508 ] 仅使用CSS提高页面渲染速度 < https://mp.weixin.qq.com/s/szKFQ-jCvxKwXsCg4oEPZg > [ from 晓朋 ]
最佳实践
- [ 210504 ] 关于从入门three.js到做出3d地球这件事(第五篇: 以点成面矢量地球)有图解 https://segmentfault.com/a/1190000039945517 [ from 红梅 ]
- [ 210504 ] 如何用纯 CSS 实现酷炫的霓虹灯效果? https://mp.weixin.qq.com/s/P6aPgUKlShMrv1U7sAtTXg [ from 红梅 ]
本周轮值主编
:君毅 下周轮值主编
:红梅
干货
- [ 210420 ] 关于从入门 three.js 到做出 3d 地球这件事(通俗易懂的入门) https://mp.weixin.qq.com/s/ku4ld4dyyHaEdvxd-FyOBg [ from 文玲 ]
- [ 210422 ] 最火前端Web组态软件(可视化)http://x5c.net/bc5wf [ from 大民 ]
- [ 210407 ] 冷知识!使用 display: contents 增强页面语义 https://mp.weixin.qq.com/s/IovseehWxSGE0R6rxcss8Q [ from 雪松 ]
- [ 210423 ] Web 性能优化:使用 CSS font-display 控制字体加载和替换 https://mp.weixin.qq.com/s/7JsgXLcNEAio2Ei7w7Mhig [ from 红梅 ]
- [ 210422 ] react组件直接渲染在命令行窗口里面,让前端代码构建出终端窗口的 GUI 界面和交互逻辑 https://juejin.cn/post/6952673382928220191 [ from 晓朋 ]
新鲜物
- [ 210419 ] PDFReal https://pdfreal.com/ [ from 君毅 ]
- The Internet's fastest PDF tools. Secure and anonymous.Free of charge
本周轮值主编
:晓朋 下周轮值主编
:君毅
干货
- [ 210412 ] Charts.css https://chartscss.org [ from 君毅 ]
- Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts
- [ 210414 ] 当面试官问Webpack的时候他想知道什么 <https://mp.weixin.qq.com/s/2-zNlGrKUngWdQNvlcgESw > [ from 文玲 ]
- [ 210412 ] 听说过CSS in JS,还有JS in CSS? https://juejin.cn/post/6950209377403928584 [ from 雪松 ]
- [ 210414 ] 手写Echarts https://juejin.cn/post/6950684708443258894#heading-24 [ from 红梅]
- [ 210415 ]从前端智能化看低代码和无代码 https://mp.weixin.qq.com/s/kQYIL5qyoDKUUkwk-zHL9Q [ from 晓朋 ]
本周轮值主编
:文玲 下周轮值主编
:晓朋
干货
- [ 210406 ] 二维码扫码登录是什么原理 <https://mp.weixin.qq.com/s/flqUkl2WLFCCjbXI6eYeLg > [ from 文玲 ]
- [ 210331 ] 实现一个 360 全景的 N 种方案 https://mp.weixin.qq.com/s/FRLnaC0wWyLylibufmxERg [ from 君毅 ]
- 叙述了实现360全景功能4种不同的方案,包括:CSS3、Three.js、pannellum 和 krpano
- [ 210219 ] JavaScript 中哪一种循环最快 https://juejin.cn/post/6930973929452339213 [ from 雪松 ]
- [ 210408 ] npm init @vitejs/app 到底干了什么 https://juejin.cn/post/6948202986573135908 [ from 韩硕 ]
- [ 210407 ] 前端优秀实践不完全指南 https://mp.weixin.qq.com/s/Dg5AVUgLJYYiw3z8q_zkJA [ from 红梅 ]
- 从页面展示、交互细节、可访问性方面去讲述
- [ 210407 ] 你所不知道的 CSS 动画技巧与细节 https://www.cnblogs.com/coco1s/p/7443263.html [ from 红梅 ]
- CSS 动画渲染优化 动画层级的控制,保持动画层级在最上方
React
- [ 210405 ] React中的优先级 <https://mp.weixin.qq.com/s/sakRaA3SYskIxNW5U2iJZg > [ from 文玲 ]
- 事件优先级:按照用户事件的交互紧急程度,划分的优先级
- 更新优先级:事件导致React产生的更新对象(update)的优先级(update.lane)
- 任务优先级:产生更新对象之后,React去执行一个更新任务,这个任务所持有的优先级
- 调度优先级:Scheduler依据React更新任务生成一个调度任务,这个调度任务所持有的优先级
- [ 210408 ] 使用hooks写React组件注意的5个地方 https://juejin.cn/post/6947573426076778533 [ from 凌云 ]