摘要: 在移动端开发中,某些设备会存在点击img标签, 图片呈现预览模式,但是我们没有给图片添加任何事件 这是移动端浏览器的默认行为,解决方式如下: 1、在img标签上添加 onclick="return false" 2、图片用背景图的方式插入 3、使用js事件阻止默认行为 另外可以用css方式解决: i 阅读全文
posted @ 2019-06-17 15:08 落叶无痕~ 阅读(2179) 评论(0) 推荐(0)
摘要: 1、安装sass依赖包 npm install sass-loader --save-dev npm install node-sass --save-dev 2、element-ui使用的校验库 npm i async-validator -S 3、全局安装webpack npm install  阅读全文
posted @ 2019-06-17 09:31 落叶无痕~ 阅读(1216) 评论(0) 推荐(0)
摘要: 注意:在移动端开发的时候,浏览器的模拟器时好时坏,一般不用on的方式绑定事件函数,要用事件绑定的方式 问题1:PC端的事件比移动端的事件略慢,大概在300ms左右, 所以一般用touchend,不用mouseup 问题2:移动端的点透 当上层元素发生点击的时候,下层元素也有点击(焦点)特性, 在30 阅读全文
posted @ 2019-06-06 17:46 落叶无痕~ 阅读(155) 评论(0) 推荐(0)
摘要: 1、定义盒模型的主轴方向,flex-direction flex-direction: row; // 设置主轴方向为水平方向 flex-direction: column; // 设置主轴方向为垂直方向 2、主轴上的元素排列方向 flex-direction: row-reverse; // 设置 阅读全文
posted @ 2019-06-06 14:53 落叶无痕~ 阅读(224) 评论(0) 推荐(0)
摘要: 1、视口:width可视区的宽度(number || device-width) viewport 视口(可视区窗口) 默认不设置viewport,一般可视区宽度在移动端是980 2、是否允许用户缩放(yes || no) IOS10无效,使用事件来解决 3、初始缩放比例,最小缩放比例,最大缩放比例 阅读全文
posted @ 2019-06-04 16:00 落叶无痕~ 阅读(177) 评论(0) 推荐(0)
摘要: 在main.js文件中 config.js store/index.js store/state.js store/mutations.js 在js文件中使用vuex import store from '@/store/index.js' let status = store.state.im_c 阅读全文
posted @ 2019-06-04 14:30 落叶无痕~ 阅读(1484) 评论(0) 推荐(0)
摘要: 在main.js 文件中 阅读全文
posted @ 2019-06-04 14:06 落叶无痕~ 阅读(3718) 评论(0) 推荐(0)
摘要: 上述代码应用场景, h5聊天页,由于created的时候只是页面元素的节点加载进来了,图片、音频等资源还未加载完全,导致滚轮无法拉至最底部 this.$nextTick 也不起作用 阅读全文
posted @ 2019-05-29 14:04 落叶无痕~ 阅读(11189) 评论(0) 推荐(0)
摘要: 1、将图片转换为base64并压缩 2、将图片的file格式转换为url格式 3、设置获取cookie 4、获取url中的参数 5、对象的深拷贝 6、导出excel 阅读全文
posted @ 2019-05-29 09:47 落叶无痕~ 阅读(498) 评论(0) 推荐(0)
摘要: 1、主动触发点击事件 阅读全文
posted @ 2019-05-29 09:22 落叶无痕~ 阅读(222) 评论(0) 推荐(0)