性能优化是前端开发一个非常重要的组成部分，如何更好地进行网络传输，如何优化浏览器渲染过程，来定位项目中存在的问题。Chrome DevTools给我们提供了2种常用方式 Audits和Performance，Audits可以对页面进行性能评分，同时，还会给我们提供一些优化建议。…

由于本人最近在做一些 growth hacking 的工作，业务上以后可能也会涉及去做一些能够在朋友圈火爆分享的 H5 页面，突然想到去年看到一个网易娱乐年度新闻盘点的 H5 页面非常的新颖，采用画中画的形式依次串联十多个手绘娱乐图片，加上洗脑的“好运来”音乐，让人有很大的分享…

开头 笔者之前的文章里介绍过一个代码在线编辑预览工具的实现（传送门：快速搭建一个代码在线编辑预览工具），实现了css、html、js的编辑，但是对于demo场景来说，vue单文件也是一个比较好的代码组

拒绝死记硬背，彻底理解proxy代理才能真正理解vue3为什么会选择用proxy代替Object.defineProperty重构响应式。

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

很多场景，如果使用body的滚动会很不方便，这时候，就会使用某个元素的局部滚动，恶心的事情就会发生了。 pc端web，windows系统的浏览器会出现丑陋的滚动条。(其实也有最新的css样式可以解决，兼容性欠佳) 手机移动端，ios浏览器无法惯性和弹性滑动（默认使用浏览器滚动，…

vxeTable，表格的简单的封装，复选框，单选框，拖动，分页的开启，排序 需要下载 vxeTable的组件库

同事阿洋问我：春哥，业务上既有vue3也有vue2，公共组件怎么才能只写一份代码，却能享受双份的快乐？

设置完css样式后我们就可以开始js代码的编写。 可见参数n是用与播放哪一个背景音乐而设计的，本游戏一共用了3个背景音乐，分别是 爆炸音效，发射子弹音效， 背景音乐。