本技术日志,每周定期分享,欢迎关注、转发。

最新讯息

  • Mozilla 裁员 250 名员工

  • React 17.0 进入候选发布版

  • Node 发布了 14.8.0

  • 微软也向 ESLint 捐赠了 1 万美元

  • window.fetch polyfill 3.4 了

文章教程

原生格式化 JavaScript 数字

https://elijahmanor.com/format-js-numbers

优化 CSS 以加快页面加载速度

https://pustelto.com/blog/optimizing-css-for-faster-page-loads/

content-visibility:一个增加渲染性能的全新 CSS 属性

https://web.dev/content-visibility/

通过 CSS 动画增强用户体验

https://stephaniewalter.design/blog/enhancing-user-experience-with-css-animations/

如何使用 CSS 自定义属性配置应用的配色方案

https://www.smashingmagazine.com/2020/08/application-color-schemes-css-custom-properties/

工具资源

Rome:一个一统前端开发工具链的工具

这还是个测试项目,很有野心,想要取代 Babel、ESLint、webpack、Prettier、Jest 等,一统前端工具链的江湖,如果它成功了,那前端格局会有新的变化,大家有时间可以先尝鲜一下!

https://romefrontend.dev/

react-error-boundary

一个可重用的 React 错误边界组件。提供的一个包装器组件,使你能够优雅的处理组件层次结构中的任何渲染错误。

https://github.com/bvaughn/react-error-boundary

create-react-hook

一个是用来创建可重用 React Hook 的 CLI,使用 Rollup 打包,CRA 做为 Example 案例演示,另一个有名的是 create-react-library。

https://github.com/Hermanya/create-react-hook

PostCSS 100vh Fix

一个 PostCSS 插件,用于修复与 100vh 相关的 iOS 端的高度适配错误。

https://github.com/postcss/postcss-100vh-fix

Coolors

一个在线调色板生成器,可以自定义和保存调色板,还可以上传图片生成调色板,以及通过 URL 共享等。

https://coolors.co/

内容来源

欢迎关注我的公众号,关注前端技术

赵不寒的网络日记