还在用 img 标签?使用 picture 标签支持更灵活的图片
图片,是前端开发中经常接触的对象,也是重要的信息传递方式。如何更好、更灵活地展示图片,是前端开发需要重点考虑的。本文讨论了 picture
和 img
标签之间的区别,以及 picture
标签比 img
标签更好用的原因所在。
图片,是前端开发中经常接触的对象,也是重要的信息传递方式。如何更好、更灵活地展示图片,是前端开发需要重点考虑的。本文讨论了 picture
和 img
标签之间的区别,以及 picture
标签比 img
标签更好用的原因所在。
本文分享了 10 个使用纯 CSS 实现的加载(loading)效果,比如:波纹加载效果、电池加载效果、进度条加载效果、虚线加载效果、斑马线加载效果等,同时提供了效果预览和对应的 CSS 代码,可直接在项目中使用。
对于前端来说,登录就是把用户信息提交上去,后续就不用前端去担心了。但是,当我真正完整地做过一个登陆 sdk 项目,就会发现这里边的逻辑不是那么简单。本文总结了目前各种主流系统登录方式,包括:Session、JWT、单点登录(SSO)以及 OAuth2。
vue 单文件模板中一般含有三个部分,template,script 和 style。但是在编译后的 js 文件中,我们却没法在代码中直接找到这三部分,这是因为 vue 并非直接使用 template 进行渲染,而是需要把 template 编译成渲染函数,才能渲染。
Temporal
对象是 JavaScript 中日期对象的升级改造版本,提供了比 Date
对象更丰富的 API 和日期处理能力,本文详细介绍了 JS 中 Temporal
对象的基本构成、类型介绍以及相关用法。
一提到前端构建工具,大家一定首先想到 Webpack,它确实是前端构建的老大哥,功能全面、生态繁荣,但还有其他一些前端构建工具,也值得关注。本文将为您简要介绍目前前端主要的构建工具:Parcel、Rollup、Snowpack、Esbuild、SWC 和 Vitejs,这些工具都有其适合的应用场景,让我们一起来看看。