miaSlady

一.打包

  一般情况也就js需要压缩下,mac的话就用gulp配置打包so easy

二.避免300毫秒延时问题

1/禁止缩放

  <meta name="viewport" content="width=device-width user-scalable= \'no\'">  

  使用这个方法必须完全禁用缩放来达到目的,虽然大部分移动端能解决这个延迟问题,但是部分苹果手机还是不行。

2/fastclick.js

  第一步:在页面中引入fastclick.js文件。

  第二步:在js文件中添加以下代码
      在 window load 事件之后,在body上调用FastClick.attach()即可。

  eg(jquery):

    $(document).ready(function(){

      FastClick.attach(document.body);

    });

三。hadlebar.js(引入模版更好遍历渲染)==》注:数据改变必须手动操作dom树,不能数据驱动视图


五/有时候点击会循环执行几次,可通过如下方法破除
$(\'.confirmShare\').unbind(\'click\').click(function(){
 
});

六/选择省市区好用的插件city-picker.js

$("#express_start").cityPicker({
// "title": "选择快递收件地址",
"onChange": function(picker, values, displayValues) {
// console.log(values, displayValues);
}
});
七/jq好用的表单插件==》weui

 

四。上传图片==》用webuploader

  1.引入webuploader的js

  2.

//上传图片
myUploader[attrId] = WebUploader.create({
swf: \'vender/Uploader.swf\', // swf文件路径
server: \'http://118.178.118.114/qz-declareform/upload\', // 文件接收服务端
pick: \'#\'+attrId, // 选择文件的按钮。可选
// 只允许选择图片文件。
accept: {
title: \'Images\',
extensions: \'gif,jpg,jpeg,bmp,png\',
mimeTypes: \'image/*\'
},
formData: {
token: sessionStorage.getItem(\'token\')
},
chunkSize: 2 * 1024 * 1024,
fileSingleSizeLimit: 2 * 1024 * 1024, // 单个文件大小限制 2M
// 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传!
resize: false,
//允许重复上传
duplicate :true
});
myUploader[attrId].on( \'fileQueued\', function( file ) {
if(attrInfoUser[attrId].length>=5){
$.toast(\'上传图片不得超过5张\', "text");
return;
myUploader[attrId].makeThumb(file, function (error, src) {
if (error) {
$.toast(\'上传失败\', "text");
return;
}
attrInfoUser[attrId].push(src);
console.log(src,555555555555);
}, 200, 200);
myUploader[attrId].upload();
});     
//图片上传成功
myUploader[attrId].on(\'uploadSuccess\',function(file,response){
if(response.success){
$.toast(\'上传成功\', "text");
attrInfoPost[attrId].push(response.data);
// attrInfoUser[attrId].push(response.data);
$(\'.previewBox\'+attrId).show();
$(\'.uploadType\'+attrId).show().children(\'.data\').hide().siblings(\'.phone\').show();
}else{
$.toast(\'上传失败\', "text");
}
});
myUploader[attrId].on( \'error\', function( file ) {
$.toast(\'上传失败!\', "text");
});

  

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2021-11-25
  • 2022-12-23
  • 2021-11-28
  • 2022-12-23
  • 2022-01-20
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-08-21
  • 2022-12-23
  • 2022-12-23
  • 2021-12-22
  • 2021-10-03
相关资源
相似解决方案