本人在双十一期间，做的一个移动端互动项目中，遇到一个在 App 、微信、H5页面环境切换选择音频播放的功能，在测试的时候出了不少兼容性问题，这里有很多值得探索的知识，今天我们就来看一下这个 HTML5-Audio。 Audio 标签用于定义声音，比如音乐或其他音频流，HTML5…

前不久从零开始写了一个webpack多页面打包boilerplate(webpack4-boilerplate)，方便以后工作可以开箱即用，特此记录下开发过程中的要点。 然而现实是骨感的，很多场景下，单页应用的开发模式并不适用。比如公司经常开发一些活动页: 上述三个页面是完全不…

全面讲解了 Vuex 的用法，在文字教程的基础上，每一章节都加了视频。可以说是 vue 爱好者必备教程。

前段时间做某系统审核后台，出现了审核人员截图把内容外泄露的情况，虽然截图内容不是特别敏感，但是安全问题还是不能忽视。于是便在系统页面上面加上了水印，对于审核人员截图等敏感操作有一定的提示作用。 Canvas兼容性 这里我们用canvas来生成base64图片，通过CanIUse…

Flex布局元素，称为Flex容器，简称"容器"。它的所有子元素自动成为容器元素，简称"项目"。 容器默认存在两根轴：水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的排列方式：从左到右；交叉轴的排列方式：从上到下;

由于种种原因，小程序需要接入微信内容安全检查 Api。最终实现方案有点曲折，还没想到有什么更好的办法。 微信内容安全检查 Api 有三个接口：security.imgSecCheck、security.mediaCheckAsync、security.msgSecCheck。 …

为 web 应用选择 JavaScript 开发框架是一件很费脑筋的事。现如今 Angular 和 React 非常流行，并且最近出现的新贵 VueJS 同样博得了很多人的关注。更重要的是，这只是一些新起之秀。 那么我们如何选择使用哪个框架呢？列出他们的优劣是极好的。我们将按照…