摘要: 参考文章: 十大经典排序算法动画,看我就够了! JavaScript快速排序算法 1. 冒泡排序 思路 比较所有相邻元素,如果第一个比第二个大,则交换它们 一轮下来,可以保证最后一个数是最大的 执行n-1轮,就可以完成排序 代码 Array.prototype.bubbleSort = functi 阅读全文
posted @ 2021-01-29 13:06 妙音天女 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 前言 在h5开发调试时,为实现手机app访问localhost地址,可以使用ip地址的方式,但一般公司app出于安全考虑,会限制只能访问其自有域名(例如美团app只能访问xxx.meituan.com等)。因此,将localhost映射到xxx.meituan.com,并通过charles代理实现手 阅读全文
posted @ 2021-01-25 22:56 妙音天女 阅读(4115) 评论(0) 推荐(0) 编辑
摘要: 前言 在h5开发过程中,起初我们使用PC浏览器的手机模式打开开发中的页面,并使用控制台进行调试,但实际真机兼容性问题无法调试到;在这种情况下,我们通常使用vConsole(即移动端的控制台)来调试,但vConsole的功能和PC chrome 控制台比,想去甚远。 本文提供了通过电脑浏览器调试真机h 阅读全文
posted @ 2021-01-25 22:21 妙音天女 阅读(795) 评论(0) 推荐(1) 编辑
摘要: 参考代码: "JQuery中国省市区街道三级、四级联动下拉菜单插件" (将代码中单纯的四级联动提取出来,对其中的bug进行了修正,并完善了一些不完美的地方) 先通过最终效果看一下功能: 代码如下: index.html:(注:请将代码中的jquery.min.js替换成你本地的jquery地址) j 阅读全文
posted @ 2018-11-30 18:03 妙音天女 阅读(7868) 评论(1) 推荐(0) 编辑
摘要: 最近需要做一个图片上传预览的功能(兼容IE8 11、chrome、firefox等浏览器),网上现有的文件上传组件(如webuploader)总是会遇到一些兼容性问题。于是我参考了一些博文(链接找不到了⊙o⊙…),自己用原生JS写了一个支持多张图片上传预览功能的Demo 先通过最终效果看一下功能: 阅读全文
posted @ 2018-11-15 16:43 妙音天女 阅读(7867) 评论(0) 推荐(0) 编辑
摘要: 2017.8月 在开发的时候遇到了移动端滚动问题,在网上找了很多办法都不行,于是自己试了下面这个方法可行。发出来希望能帮助更多的同学,大家有更好的方法也欢迎在下面分享出来~ 这里面涉及到函数节流的知识,详见JavaScript 节流函数 Throttle 详解 问题描述:页面中有一个排行榜需要滚动, 阅读全文
posted @ 2017-09-07 18:47 妙音天女 阅读(807) 评论(0) 推荐(1) 编辑
摘要: 参考链接: 懒加载和预加载 懒加载的原理及实现 处理图片预加载时设置img的src属性和img的onload事件的位置前后顺序关系 关于图片的预加载,你所不知道的 页面中的img元素,如果没有src属性,浏览器就不会发出请求去下载图片,只有通过javascript设置了图片路径,浏览器才会发送请求。 阅读全文
posted @ 2017-07-14 19:43 妙音天女 阅读(1192) 评论(0) 推荐(0) 编辑
摘要: 参考博文: "JS 之Blob 对象类型" "在本地存储localStorage中保存图片和文件" 阅读全文
posted @ 2017-06-11 22:56 妙音天女 阅读(4374) 评论(0) 推荐(1) 编辑
摘要: 参考博文: "Web 前沿——HTML5 Form Data 对象的使用" "通过jQuery Ajax使用FormData对象上传文件" XMLHttpRequest Level 2 添加了一个新的接口——FormData。与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异 阅读全文
posted @ 2017-06-10 15:09 妙音天女 阅读(13977) 评论(2) 推荐(0) 编辑
摘要: 参考博文: html中,文件上传时使用的<input type="file">的样式自定义 html中<input type="file">默认样式很丑,这里用了Bootstrap按钮的样式,并获取文件名显示在其右侧 闲话少叙,直接上代码: <label for="jobData" class="c 阅读全文
posted @ 2017-06-10 12:33 妙音天女 阅读(17665) 评论(3) 推荐(1) 编辑