作者:WGinit

移动端用户图片异步上传问题

最近项目需求:1、多图压缩上传(最多8张);2、图片异步上传;3、图片上传成功后预览;4、图片设置主图同时可删除。 根据这个想到了用plupload.js来实现此功能,这是基于jq的一款插件,详情见官网http://www.plupload.com 开文档介绍开始撸改代码了,最终跑起来的效果图如下:   以上图片上传基本实现了项目需求,……

移动端1px像素

我们设置1px边框通常设置border:1px solid #ddd,这个在pc浏览器浏览一般没问题,但在移动端浏览器浏览时,由于各种手机终端的dpr不同,1px的值也会变(ipone的dpr为2,浏览时却为2px)。这是学到一个方法去解决这个问题。 主要思路:通过给dom元素设置一个伪类,并定义其宽度,生成1px的边框。在不同的dpr设备上media查询d……

小笔记-解决中文乱码小问题问题

当我们在写一些页面的时候,会时常遇到编码错误,中文乱码。常理我们会在头部加入 <meta name="content-type" content="text/html; charset=UTF-8"> 或者<meta charset="UTF-8"> 当我打开网页时,出现了中文乱码,我曾尝试删除所有的meta,问题还没解决。而把name="content-type"改成http-equiv="content-ty……

利用dropload.js实现移动端上拉/下拉ajax刷新分页加载数据

最近因项目开发需要,数据加载都需下拉通过ajax加载来实现。查看了很多文档,决定用dropload.js来实现,下面就具体讲下我的实现方法吧。不多说,先上效果图: 具体实现代码: 头部引入 <link rel="stylesheet" href="css/dropload.css"> <script src="js/dropload.min.js"></script> <script src=……

h5移动端调用微信好友,朋友圈,QQ好友,QQ空间等APP分享功能

这个主要在项目中要实现的功能,现在的手机浏览器基本也都含有分享功能,但有的手机浏览器就没有分享微信好友,朋友圈等选项,虽然微信内置X5含有此功能,但不同的手机终端分享选项又不一样,因本人还是比较喜欢老罗的,这几年一直在用锤子,但其微信内置浏览器中就是没有分享到QQ好友啊,空间啊等选项,而华为的确有。老……

HTML5 Geolocation实现获取地理位置信息并定位(移动端)

以下主要调用针对百度地图接口: 已封装成getLocation()函数,项目中在需要的地方直接调用即可 function getLocation(){ if (navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition,showError); }else{ alert("浏览器不支持地理定位。"); } } //定位失败 function showError(error){ switch(……

雅虎35条——前端优化

1、[内容]尽量减少HTTP请求数; 2、[服务器]使用CDN(Content Delivery Network); 3、[服务器]添上Expires或者Cache-Control HTTP头 4、[服务器]Gzip组件 5、[css]把样式表放在顶部 6、[js]把脚本放在底部 7、[css]避免使用CSS表达式 8、[js, css]把JavaScript和CSS放到外面 9、[内容]减少DNS查找 10、[js, css]压缩JavaS……