在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

为什么使用 Github Actions ？众所周知，前端部署无非就是把打包之后的代码丢到 nginx html 目录下就完事了，但是每逢产品频繁改需求，甚至只是让你改线上一个字的时候，你总要重复一遍

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

它是思考和表达的一种模式，任何事情都可以提取出一个中心论点，然后拆分为三到七个分论点，每个分论点下面再有三到七个子分论点做支撑，层层向下延伸，状如金字塔。 金字塔的层级结构需要满足：每一层的分论点彼此独立不重复，合在一起完整不遗漏。 论点不重复，你就不用做无用功，提高思考效率；…

在平时开发中，我们可能经常听到几个词汇，比如：自动化、CI/CD、DevOps等。有时候我其实是很抵触的，但是有时候又好奇，这些个玩意到底是啥，了解它们对我一个前端开发人员有什么好处？下面我将从理论到实践实现一个简单的CI/CD流程，带大家一起来看看这其中的奥妙之处。 1. 什…

1. 为什么写这篇文章？ 2020 年 3 月，懵懂的蔡小真怀揣着对技术的向往无比乐观地进入部门实习，入职当天就收到了来自导师的两份礼物，一是代码仓库链接，二是代码开发规范。机智如斯的蔡小真按照规范里的教程，安装好了ESLint、Prettier等插件，带上安全帽，拉起小推车，…

前后端未分离以前，页面都是通过后台来渲染的，能不能访问到页面直接由后台逻辑判断。前后端分离以后，页面的元素由页面本身来控制，所以页面间的路由是由前端来控制了。当然，仅有前端做权限控制是远远不够的，后台还需要对每个接口做验证。 为什么前端做权限控制是不够的呢？因为前端的路由控制仅…

伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素。具体的伪类和伪元素相…