随笔分类 - 前端
前端
摘要：遇到过的错误: 到底这个标签的src可以跨域吗? 先看一个例子: (浏览器也有差异,IE浏览器都可以播放) 再看他们的区别: 第二个的返回头: 总结:其实audio标签是可以跨域的,关键是被跨的那个服务器允不允许.... 应该要在跨域服务器 apache或iis 虚拟目录配置文件,配置允许跨域请求.
阅读全文
摘要：jquery 选择器，模糊匹配 按name匹配 1,name前缀为aa的所有div的jquery对象 2,name后缀为aa的所有div的jquery对象 3,name中包含aa的所有div的jquery对象 以上返回的都是jquery的集合对象，因此都可以用 进行遍历 下面的格式可用于集合，也可以
阅读全文
摘要：样式： {width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} 说明： white-space: nowrap 保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格。 overflow:
阅读全文
摘要：最近在做微信公众号的内嵌页面，发现点击输入框时键盘盖住文本框，找到一段代码解决了这个问题。 iOS和android手机都已亲测，需要的可以直接拷贝到代码中使用。 js代码如下： https://www.cnblogs.com/YYW303/archive/2017/07/28/7250306.htm
阅读全文
摘要：Exif.js插件介绍 http://code.ciaoca.com/javascript/exif-js/ iOS手机竖着拍的照片经过前端处理之后被旋转了90°的原因以及解决方案 https://www.jianshu.com/p/ad4501db178e https://github.com/t
阅读全文
摘要：以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的，今天做特效的时候才发现并不是这么一回事，通过测试得到: 1、alert($("#div"))得到的是[object Object] 2、alert(document.ge
阅读全文
摘要：前言 在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步： 监听原生touchstart事件，记录其初始
阅读全文
摘要：一个移动端前端上传图片的小例子 下面是用到的素材:(z_add.png) 效果:
阅读全文
摘要：移动端H5实现图片上传 https://segmentfault.com/a/1190000010034177
阅读全文
摘要：文件上传概述 文件上传总计分为三种方式： 1.通过flash,activeX等第三方插件实现文件上传功能。 2.通过html的form标签实现文件上传功能，优点：浏览器兼容好。 3.通过xhr level2的异步请求，可以百度formData对象。 其中第三个我还没接触过,所以就百度了一下 参考地址
阅读全文
摘要：在说上传之前先说说如何替换or美化浏览器自带的简陋上传按钮（自定义自己的上传按钮 如:img）: 1.将自定义上传按钮上方添加 input file 框，实现input实现透明处理。 2.对自定义上传按钮添加事件。隐藏真正input框。用事件来触发： function imgBtn(){ retur
阅读全文
摘要：一些移动端的ui框架 https://jqweui.cn/resource
阅读全文
摘要：网页中15秒后重新发送验证码,多少秒后发送验证码
阅读全文
摘要：注意： 1、使用临时对象tempObj，将数组的值作为对象的键值，遍历数组时对当前值根据对象键值判断，不存在就将这个数组的值push到新数组中。提高效率 2、使用类型判断，如果当前数组值做为对象键，所对应的对象值类型与当前值类型一致，则可以根据参数（isStirct严格模式）决定是否去重，true表
阅读全文
摘要：简介 lazyload.js用于长页面图片的延迟加载，视口外的图片会在窗口滚动到它的位置时再进行加载，这是与预加载相反的。 优点 它可以提高页面加载速度； 在某些情况清晰它也可以帮助减少服务器负载。 安装 bower安装： npm安装: 使用 lazyload依赖与jquery。所以先引入jquer
阅读全文
摘要：所用插件:https://github.com/onlyhom/mobileSelect.js 处理过程: 这个插件有自己的json格式. 而公司的公司json又是另外一种,不兼容. 第一步把公司的地址json,转换成 插件能识别的json 公司的地址json:(province.json) [{
阅读全文
摘要：移动的选择插件,选择时间,选择地址,地址联动选择 https://demo.mobiscroll.com https://github.com/onlyhom/mobileSelect.js
阅读全文
摘要：在做项目时遇到一个bug，checkbox全选与反选功能，只能点击一次，再点就不起作用了，为了解决此问题，我查找了好多资料，下面把具体解决方案整理分享给大家，需要的朋友可以参考下: 代码需求， 使用attr只能执行一次，使用prop则完美实现全选和反选，获取所有选中的项并把选中项的文本组成一个字符串
阅读全文
摘要：方法一： 1、代码： 方法二： 1、代码： 方法三： 1、代码： 方法四： 1、代码：
阅读全文
摘要：这种方式在业界上统称：识别码、前缀 //-ms代表【ie】内核识别码 //-moz代表火狐【firefox】内核识别码 //-webkit代表谷歌【chrome】/苹果【safari】内核识别码 //-o代表欧朋【opera】内核识别码 用法： -ms-transform:rotate(7deg);
阅读全文
浙公网安备 33010602011771号