最近项目需求:1、多图压缩上传(最多8张);2、图片异步上传;3、图片上传成功后预览;4、图片设置主图同时可删除。
根据这个想到了用plupload.js来实现此功能,这是基于jq的一款插件,详情见官网http://www.plupload.com
开文档介绍开始撸改代码了,最终跑起来的效果图如下:
以上图片上传基本实现了项目需求,……
我们设置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……
此类事件是手机touchmove默认事件行为,可以通过js代码隐藏事件:
var overscroll = function(el) {
el.addEventListener('touchstart', function() {
var top = el.scrollTop
, totalScroll = el.scrollHeight
, currentScroll = top + el.offsetHeight;
//If we're at the top or the botto……
最近因项目开发需要,数据加载都需下拉通过ajax加载来实现。查看了很多文档,决定用dropload.js来实现,下面就具体讲下我的实现方法吧。不多说,先上效果图:
具体实现代码:
头部引入
<link rel="stylesheet" href="css/dropload.css">
<script src="js/dropload.min.js"></script>
<script src=……
这个主要在项目中要实现的功能,现在的手机浏览器基本也都含有分享功能,但有的手机浏览器就没有分享微信好友,朋友圈等选项,虽然微信内置X5含有此功能,但不同的手机终端分享选项又不一样,因本人还是比较喜欢老罗的,这几年一直在用锤子,但其微信内置浏览器中就是没有分享到QQ好友啊,空间啊等选项,而华为的确有。老……
以下主要调用针对百度地图接口:
已封装成getLocation()函数,项目中在需要的地方直接调用即可
function getLocation(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition,showError);
}else{
alert("浏览器不支持地理定位。");
}
}
//定位失败
function showError(error){
switch(……
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……