在做vue2.0钉钉微应用项目，有需要播放音频的是需求，用阿里云sdk播放器不购买相关服务，音频有些播放不了。于是我就直接用HTML5原生的Audio标签自己写音频播放器。（业务需求：记录上次播放位置并从上次播放位置播放，观看进度不满100%不允许快进，满100%方可快进。）以下是整个业务代码：CSS部分：.audio-box{height:100%;width:100%...

通常放大图片预览无非是加一个遮罩层，然后让图片以一定的宽高显示。但是在实际中我们可能有像试卷一样每道题都有图片，只要点击都能预览，由于题很多，可就很难保证图片永远在可视区域中间位置显示，所以我们得通过js做一些处理：.img-show-mask {width: 100%;height: 100%;position: absolute;left: 0;...

vue2.0 + webpack做移动端项目，如果在项目中使用了CSS3 animation动画属性，会发现在ios上完全没问题，但是在安卓手机上依然失效，尽管把animation在五大浏览器各种兼容都写了还是不行，原因其实很简答。其实在 vue-cli脚手架package.json配置文件里面就有对浏览器的版本做css的前缀处理"browserslist": ["&

一.使用npm安装：npm install fastclick -S二.用法：安装完以后，可以在在main.js中全局引入，并绑定到body，全局生效。或者在单页面引入，只针对当前页面生效//引入import FastClick from 'fastclick'//初始化FastClick实例。在页面的DOM文档加载完成后FastClick.attach(document...

最近项目需求，需要做一个移动端的日历，类似于安卓原生日历。晚上找了很多成熟的插件都不是想要。偶然的机会发现某篇博客上有人写的有类似的，于是拿过来稍加改造，终于可以用了。在这里非常感谢这位博主，省去我很多的开发时间。附上此博客地址：https://blog.csdn.net/yin_you_yu/article/details/81126513费话不多说，直接附上...

最近做的项目有一个考试作答功能，其中除过单选，多选，判断，简答，还有填空题。其他题操作都很简单，但是填空题就稍微麻烦一点，需要做处理。一.数据结构及最终显示效果：二.HTML代码（重点<i v-html="emptyOut(vo.title)" class="i_title"></i>）：&lt

最近做的项目需要饼状图展示数据的功能，于是便引入echarts做了一个饼状图的效果展示。由于只用到echarts其中的饼图，所以就单独在需要的模块引用，避免全局引用影响性能，减少不必要的加载。一.使用 cnpm 安装 Echartscnpm install echarts -S二.HTML部分<div class="chart-main" id="cha

最近做的项目需要饼状图展示数据的功能，于是便引入echarts做了一个饼状图的效果展示。由于只用到echarts其中的饼图，所以就单独在需要的模块引用，避免全局引用影响性能，减少不必要的加载。一.使用 cnpm 安装 Echartscnpm install echarts -S二.HTML部分<div class="chart-main" id="cha