在网上冲浪的时候，看到有这么一个网页效果；如下图： 分析： 从图中我们可以看出，当我们鼠标移入的时候，下划线冲左侧开始展示；当鼠标移出的时候，下划线从左侧开始消失 既然我们知道了大致的效果，那我们就得

日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现，本文将使用背景色实现类似的效果。

前言 基于最新的一些库来规范项目，比如格式化和提交预处理等～ 一些库的最新版的配置更加独立了，对于工程化来说，其实更加直观了～ 围绕react技术栈加入相关门禁来开展文章～ 效果图 git commi

本文简单介绍了 husky 和 lint-staged 的集成方式，并扩展了 git hooks 和 npx 的一点知识

最好先了解 作用域【关联概念(强)】的概念。 其实说清楚它的定义，基本上就是这篇文章的核心了，定义可能需要根据整个文章去体会。 环境记录：一个存储所有局部变量作为其属性（包括一些其他信息，例如this的值）的对象。 对外部词法环境的引用，与外部代码相关联。 简单来说就是我在写代…

说到div的形状，基本上想到的都是圆形或者方形，这两种形状其实也已经符合了前端95%的应用场景(95%的数据从哪得来的 - - !)，但是作为一个不愿随波逐流的程序员，就是要搞事情。 (图片来源于网络)果然限制我们创造的不是想象力，而是兼容性。支持浏览器的版本偏高，如果你是做正…

DEV的年度热文，读完觉得不错，所以翻译出来供大家参考，个人水平有限，文中可能会有一些翻译错误，可以在评论区指正。 本篇文章一共涉及了9个流行的框架/库，没有具体的介绍使用方法，而是给了一些非常棒的实战教程。 初学者(也许一些有经验的开发者也是一样)在读完官方文档，想写一个项目…

在团队中代码提交（git commit）会有各种各样的风格，甚至有些人根本没有 commit 规范的概念，所以在我们回头去查找在哪个版本出现问题的时候，就会非常尴尬😅，很难快速定位到问题。为了项目的规范化，代码提交规范就显得尤为重要！下面是我做的代码提交规范插件 vue-cl…

前提Git地址前端常用的正则校验git地址欢迎关注前端公众号【小夭同学】1、是否合法IP地址2、是否手机号码或者固话3、是否固话4、是否手机号码5、是否身份证号码6、是否邮箱7、合法url8、验证内容