获得徽章 8
哈啰技术
www.pzuraq.com
作者给 JavaScript 框架分了四个时代，
1、上古时期，无框架。
2、框架初期，2000 到 2010，出现了第一批框架，包括 Backbone.js、Angular 1、Knockout.js、SproutCore、Ember.js 和 Meteor.js 等。
3、以组件为中心时代，包括 React、Vue、Svelte 和 Polymer.js 等。
4、全栈框架时代，包括 Next.js、Nuxt.js、Remix、SvelteKit、Gastby 和 Astro。展开赞过
评论1- css -> rgba()
之前 rgba() 无法通过 CSS 变量书写，最近意外发现 CSS > rgba() 除了用逗号区分不同 channel 的写法外，也已经支持用空格隔开 CSS Color4 的写法了。这种写法可以支持 custom properties，目前主流浏览器 chrome/Edge/Firefox都已支持。
以上，供参考，希望对大家有所帮助。展开赞过 评论1 - 如果原本一个元素是替换元素(img,video)，那么如果我们设置 content:'' 进行重置，则这个元素会被还原成非替换元素。
此时，我们就可以使用 ::before / ::after 伪元素实现一些功能。
例如，2020年最热门的“图片加载失败后CSS样式处理最佳实践”这篇文章提到的技术实现，就是利用这一特性，代码如下图所示。此时，出错的图片不仅显示了裂开的图像，同时还显示了 alt 信息，让用户知道这张图片所代表的含义是什么。
via:www.zhangxinxu.com 展开赞过 评论2 - CSS > -webkit-background-clip
这是一个有意思的 CSS 属性，可以让背景作为文字的内容为遮罩进行渲染，让文字瞬间拥有背景图。[Codepen demo](codepen.io)
以上，tips分享，希望对大家有帮助～ #CSS #GradientText展开等人赞过 25 - 一行代码，让列表加载性能提升 6 倍以上
# 通过跳过屏幕外的内容渲染来缩短初始加载时间
在Chromium 85中，content-visibility属性可能是在提高页面加载性能方面最具影响力的新CSS属性之一。
以上，提供给大家参考。赞过 评论2 - Private class features
目前主流浏览器均已支持 Private class features，使用方法比较简单，直接使用 # 符号，便可以让 properties 以及 method 设定为 private 属性（properties 需要放在顶部定义），让外界无法直接进行存取。也因为这样，可以让 Web Components 的书写更加完整。
虽说无法透过 JavaScript 直接列举出 private proerties 可能在 debug 上会有写不方便，但可以通过 DevTools > Elements > Properties pane 中找出来哦～
以上，提供给大家参考。展开赞过 评论3
www.pzuraq.com
![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
:where()