还在用 img 标签？使用 picture 标签支持更灵活的图片
图片，是前端开发中经常接触的对象，也是重要的信息传递方式。如何更好、更灵活地展示图片，是前端开发需要重点考虑的。本文讨论了 picture 和 img 标签之间的区别，以及 picture 标签比 img 标签更好用的原因所在。
标签：img
更多推荐文章
前端主流构建工具介绍
一提到前端构建工具，大家一定首先想到 Webpack，它确实是前端构建的老大哥，功能全面、生态繁荣，但还有其他一些前端构建工具，也值得关注。本文将为您简要介绍目前前端主要的构建工具：Parcel、Rollup、Snowpack、Esbuild、SWC 和 Vitejs，这些工具都有其适合的应用场景，让我们一起来看看。
一文看懂各主流登录方式：Session、JWT、单点登录以及 OAuth2
对于前端来说，登录就是把用户信息提交上去，后续就不用前端去担心了。但是，当我真正完整地做过一个登陆 sdk 项目，就会发现这里边的逻辑不是那么简单。本文总结了目前各种主流系统登录方式，包括：Session、JWT、单点登录（SSO）以及 OAuth2。
ES6 模块管理方案：export 和 import 详解
ES2015（即：ES6）引入了模块的概念，提供了 export 和 import 2 个主要的语句（API）。相对于社区实现的 JS 模块管理方案，ES6 模块管理更加强大和灵活，最重要的是，这是 ECMAScript 官方推出的 JS 模块管理方案，是每位前端开发者需要掌握的模块化方案。
深入理解 Git 命令（多图）
作为当前世界上最强大的代码管理工具 Git 相信大家都很熟悉，但大多都停留在只会使用 clone、commit、pull、push... 的阶段，是不是对 rebase 心里没底，只敢用 merge 合并代码？本文将详解 Git 常用的命令，包括 git rebase，git cherry pick 等强大的命令。
Vue 代码规范
本文从路由、生命周期、代码解耦、数据层级、HTML 代码、样式、图片等几大方面详细介绍了使用 Vue 开发时应注意的代码规范。本代码规范并非强制要求，而是提供了一种参考，让团队统一代码风格、提升代码可阅读性，降低维护成本。