摘要: 以下方法需要引入vuex,另使用了vux的UI框架,ajax添加loading还引入了axios。 一、为页面切换添加loading。 loading.js: main.js App.vue: 二、为ajax添加loading(发送请求时显示,返回数据时消失)。 loading.js: main.j 阅读全文
posted @ 2018-05-25 09:20 Miracle-- 阅读(12902) 评论(0) 推荐(0) 编辑
摘要: 越来越多的移动端开发工作,需要我们有一个好的调试工具,以解决各类真机才会遇到的BUG,最近使用了一款DebugGap 的工具,非常方便,在这里推荐给大家。 官网地址 DebugGap 。 按需求下载自己所需的版本,解压后打开vide.exe文件运行该应用,如图所示。除此之外还需要安装一个vide-p 阅读全文
posted @ 2018-05-22 14:28 Miracle-- 阅读(910) 评论(0) 推荐(0) 编辑
摘要: 最近开发过程中,后端传过来一个“2018-03-15T17:53:19.6307928”字符串,需要将字符串转换成“2018-03-15 17:53”的格式展示出来。首先我使用了var time=new Date("2018-03-15T17:53:19.6307928")方法将时间转换成标准时间格 阅读全文
posted @ 2018-03-16 11:50 Miracle-- 阅读(296) 评论(0) 推荐(1) 编辑
摘要: 最近开发过程中,需要写一个公司人员组织架构的树状图,后来选用了依赖jQuery的zTree插件来实现,主要是该插件功能齐全,性能稳定,个性化编辑方便,遂选用了这个插件。我记录了一下根据自身需求定制化修改的几项功能: 这是树状图最终的样子 阅读全文
posted @ 2017-12-07 17:10 Miracle-- 阅读(1203) 评论(0) 推荐(0) 编辑
摘要: 在开发过程中,发现我们公司所使用的APP有点BUG,在APP中打开网页、H5应用之后,处于首页时,轻微的右划触发了后退事件,导致直接退出网页或者H5应用的页面,这样使得很多需要交互的手势没办法使用。本来这个右划后退事件是不应该出现在第一页的,这个BUG也应该由APP得开发来解决,不过当时这个APP是 阅读全文
posted @ 2017-11-17 16:56 Miracle-- 阅读(7021) 评论(0) 推荐(1) 编辑
摘要: 在运用angular开发移动端的应用时,发现它并没有将ng-click做兼容,在移动端使用ng-click事件仍然会有300ms延迟。后来发现angular有一个专门针对移动端的模块:angular-touch.js,其中对ng-click做了兼容性处理,以下为该模块中部分内容: 其中说明引用该模块 阅读全文
posted @ 2017-10-25 16:52 Miracle-- 阅读(1570) 评论(0) 推荐(0) 编辑
摘要: 近日在开发过程中需要为页面动态生成一个二维码信息,由于这个二维码中包含了很多文字,字母以及符号,测试过程中发现有些二维码会报错,因为二维码内容太多了,没办法显示。后来在GitHub中找到了解决办法。 这是源码中修改前的内容: 这是修改后的内容: 阅读全文
posted @ 2017-10-24 15:35 Miracle-- 阅读(5908) 评论(2) 推荐(0) 编辑
摘要: function getjq(yyyy,mm,dd){ mm = mm-1; var sTermInfo = new Array(0,21208,42467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440... 阅读全文
posted @ 2017-09-06 14:08 Miracle-- 阅读(4632) 评论(0) 推荐(0) 编辑
摘要: 近日需要实现移动端页面额外功能按钮,即点击加号弹出点赞与留言功能,通常这个按钮都会固定于页面的右下角,首先就想到使用固定定位来实现。 但是在测试时我们发现,在IOS中,当系统键盘弹出时,fixed会失效,加号按钮会随着键盘的弹出,而被顶到键盘的上方。后来在网上搜索了一下,发现很多开发者都有遇到过这个 阅读全文
posted @ 2017-08-23 15:11 Miracle-- 阅读(5878) 评论(0) 推荐(0) 编辑
摘要: 近日在开发的页面中,需要制作一个动态的圆形进度条,首先想到的是利用两个矩形,宽等于直径的一半,高等于直径,两个矩形利用浮动贴在一起,设置overflow:hidden属性,作为盒子,内部有一个与其宽高相等的子盒子,左侧的子盒子左上角和左下角以及右侧子盒子的右上角和右下角利用border-radius 阅读全文
posted @ 2017-07-28 17:25 Miracle-- 阅读(7314) 评论(1) 推荐(1) 编辑