11 2017 档案
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sca
阅读全文
摘要：思路： 1.页面布局 2.使用CSS来完成滑动特效 3.监控鼠标距离浏览器左侧的距离，滑动值达到一定范围后增加class -- swipeleft，只能左滑不能右滑 4.每次点击的时候要判断当前元素的删除按钮是否已经出现，如果是出现，再次点击当前元素或者是滑动其他元素的时候要关闭显示删除按钮的元素
阅读全文
摘要：<style> .tou{ width: 100%; height:50px; background: #f02e34; }</style> v-long-del挂载自定义事件 <div id="name" v-long-del class="tou"></div>全局自定义事件要放在vue实例前，
阅读全文
摘要：一个数组中有20条数据，控制在初始化展示的时候只显示前3条，点击加载更多按钮后显示全部的按钮
阅读全文
摘要：在vue中定义money：128<p>过滤前的金额：{{money}}</p><p>过滤后的金额：{{money | formatMoney('万')}}</p><p>全局过滤器过滤后的金额：{{money | reverseStr('元')}}</p>局部实例过滤 filters:{ format
阅读全文
摘要：组件的作用是提高代码的复用性，提高效率，在vue中使用组件可以通过如下的方法来传递参数<btn2 :a="Index" v-on:receive="changeValueHandle"></btn2> :a="Index"绑定父组件的Index到a中，然后子组件如下，通过props来接收a的参数 V
阅读全文
摘要：需要注意两点： 1.长按会触发移动端的长按选中文本，这种情况下，要先去掉这个默认事件 2.一定要判读长按是否达到规定的时间，需要用到按下和抬起两个事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi
阅读全文
摘要：最近做的一个h5活动因为嵌入视频而发现了好多以前从未发现的问题，在测试的时候不同系统不同版本不同环境等多多少少都出现了些问题，搞得我也是焦头烂额的，不过好在最终问题都解决了，自己也学到了好多东西，为了方便以后用到参考，所以就记下来咯。现在有一个感悟就是当问题来临的时候不要觉得沮丧不要抱怨而要积极面对
阅读全文
摘要：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-s
阅读全文
摘要：function aftLoadImg(obj,url){ //图片地址切换 var oImg = new Image(); oImg.src = url; if(oImg.complete){//图片加载完毕并且显示 obj.src = oImg.src; }else{ oImg.onload =
阅读全文
摘要：移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机
阅读全文
摘要：移动端总结和手机兼容问题 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-sc
阅读全文
