作为与用户联系最为密切的前端开发者，用户体验是最值得关注的问题。越来越多的APP采用了“骨架屏”的方式去展示未加载内容，本文将讨论如何为Vue页面注入骨架屏的实践。

最近在工作中接触到一个项目，这个项目是维护一套 CLI，发到 npm 上供开发者使用。先看一张图： 项目仓库中的根目录上就三个子模块的文件夹，分别对应三个 package，在熟悉了构建和发布流程后，有点傻了。工作流程如图中所示： 最后使用拷贝文件的方式，把pkg-main、pk…

运行npm init，可以通过命令行进行一些初始化的设置，如果想快速进行设置，可以运行npm init -y，会在项目的根目录生成一个package.json的文件，具体包含哪些配置可以参考官方文档，下面介绍一些常用的配置。 最好增加README.md，用来对项目进行简单的说明…

（切图仔）前端开发者一大重要的职责就是将UI画稿转化为实际可用的页面，效果图的还原度在相当大的程度上决定了UI和PM的满意度一般情况下，拿到设计稿后，懒散点的可能直接看图软件打开，肉眼测距就开搞了，负

一个前端项目简单的开发部署流程通常是这样的：先本地开发，当完成某个功能后构建打包，然后将生成的静态文件通过 ftp 或者其他方式上传到服务器中。并将代码 push 到 GitHub 或者 码云 等远端仓库中进行托管（为了突出本文的重点，暂不考虑测试的环节）。这种工作流不免有些劳…

自己的前端组在开发react-native用到很多封装的包，私有仓库是很有必要的，之前使用过nexus的npm仓库。verdaccio相比界面化更亲近，配置相对来说也比较方便。

前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 Intersection Observer，交叉观察者。 Mutation Observer，变动观察者。 Resize Observer，视图观察者。 | 用途 |…

本文为“码良系统的使用及设计实现”系列文章的第三篇。 上篇文章给出了大量码良编辑器的使用实例，相信读者对于码良编辑器已经有了直观的认识。 可以看到，整个编辑器的核心是组件，其他配置或功能都是服务于组件的。 在码良系统中，组件是构成页面的基础元素，每个组件各自承担着特异的功能，比…

提起这个方案，还要从某个风和日丽的早晨说起。那日小编正忙着手上的各种需求，突然后端的亲火急火燎的找到小编，说是有一个重要的用户，在使用 Word 在线编辑文档功能时，发现保存的文件被篡改了。一听到这，我心想这下摊上事儿了，妥妥的线上故障，但还是故作镇定的开始排查是什么问题。 经…