SVG 元素 viewbox 属性详解
SVG 元素的 viewBox 属性允许指定一个给定的一组图形伸展以适应特定的容器元素。它包含4个参数的列表 min-x, min-y, width 和 height，以空格或者逗号分隔开。
标签：SVG
更多推荐文章
如何构建高质量前端工程？
在过去，与大多数工程师一样，我认为前端代码的设计水平大多与工程师的能力有直接关系。但随着接手了几个多人协作的大型前端项目，我开始意识到，这种认知对短生命周期的小型项目可能适用，但对真正的大型项目，仅靠提升工程师质量有时并不能直接提升代码的质量。
深入理解 Vue 模板渲染：Vue 模板反编译
vue 单文件模板中一般含有三个部分，template，script 和 style。但是在编译后的 js 文件中，我们却没法在代码中直接找到这三部分，这是因为 vue 并非直接使用 template 进行渲染，而是需要把 template 编译成渲染函数，才能渲染。
ES6 模块管理方案：export 和 import 详解
ES2015（即：ES6）引入了模块的概念，提供了 export 和 import 2 个主要的语句（API）。相对于社区实现的 JS 模块管理方案，ES6 模块管理更加强大和灵活，最重要的是，这是 ECMAScript 官方推出的 JS 模块管理方案，是每位前端开发者需要掌握的模块化方案。
一文看懂各主流登录方式：Session、JWT、单点登录以及 OAuth2
对于前端来说，登录就是把用户信息提交上去，后续就不用前端去担心了。但是，当我真正完整地做过一个登陆 sdk 项目，就会发现这里边的逻辑不是那么简单。本文总结了目前各种主流系统登录方式，包括：Session、JWT、单点登录（SSO）以及 OAuth2。
如何在正则表达式中正确匹配数字及数字范围？
本文详细介绍了在正则表达式中，如何正确匹配数字及数字范围，并给出了常见的数字匹配示例（如：IP 地址匹配）。通过本文，可以避免在使用正则表达式匹配数字时的常见错误，认清正则匹配的本质。