2018-04-03 16:30:26 cx091 阅读数 5399
  • Node.js进阶教程第五步:用VUE.JS学习ES6

    全面学习vue.js配置,es6命令,解构赋值,symbol类型,set,weakSet,Map,WeakMap,Iterator遍历器,Generator函数结构,Promise对象,async函数,箭头函数,class类,proxy代理,Decorator修饰器,model模块,二进制数据等知识。

    13558 人正在学习 去看看 何韬

微信网页开发ios对于es6兼容问题

最近在做微信网页活动页面,在ios9.3.3出现网页的js代码全部失效:
描述:
机型iphone6s,ios9.3.3,微信版本6.6.5
js代码全部失效,刚开始还以为是ios和微信授权有bug,
后来发现是es6语法不能读,导致报错


解:

在做网页开发时应该注意es6兼容性问题
下面常用es6语法的兼容性问题
箭头函数:
箭头函数
let:
let
const:
这里写图片描述

推荐

推荐给一个网址caniuse,建议大家做和ios相关的开发时需要注意兼容性问题,去这个网站看看,或者直接将es6=>es5.


结束语

这个坑是踩得很服气,之前没有遇到过,现在明白为什么各种插件js都只使用es5语法,到了2018还是不能随便使用es6


2017-11-27 16:27:11 Fair_feng 阅读数 3120
  • Node.js进阶教程第五步:用VUE.JS学习ES6

    全面学习vue.js配置,es6命令,解构赋值,symbol类型,set,weakSet,Map,WeakMap,Iterator遍历器,Generator函数结构,Promise对象,async函数,箭头函数,class类,proxy代理,Decorator修饰器,model模块,二进制数据等知识。

    13558 人正在学习 去看看 何韬

项目中出现背景图没有铺全的问题,客户在IOS6plus出现问题,查找后发现在ios6plus 不兼容let关键词.在网上整合方法后进行整理。

1、使用转换工具babel

安装:

安装babel:
npm install -g babel
卸载:
npm uninstall -g babel

此处安装babel的原因是需要用到babel的浏览器版本browswer.js,但是从Babel6.0之后 不在提供浏览器版本。

安装老版本

npm install babel-core@old
npm install babel-core@5

2、引入 测试即可
3、查询相关知识网站

CSDN博客

ruanyifeng

2018-02-28 15:43:27 SnowBeatRain 阅读数 6419
  • Node.js进阶教程第五步:用VUE.JS学习ES6

    全面学习vue.js配置,es6命令,解构赋值,symbol类型,set,weakSet,Map,WeakMap,Iterator遍历器,Generator函数结构,Promise对象,async函数,箭头函数,class类,proxy代理,Decorator修饰器,model模块,二进制数据等知识。

    13558 人正在学习 去看看 何韬

个人笔记:

由于js中混入的一个let,一时间没有发现,导致获取数据的时候在ios9和微信客户端浏览的时候网页白屏,获取不到数据。通过以下代码发现使用了es6,语法。

 

<script src="//cdn.jsdelivr.net/npm/eruda"></script>

<script>

eruda.init();

console.log('控制台打印信息');

</script>

2017-05-14 14:48:43 weiyangxiaoping 阅读数 219
  • Node.js进阶教程第五步:用VUE.JS学习ES6

    全面学习vue.js配置,es6命令,解构赋值,symbol类型,set,weakSet,Map,WeakMap,Iterator遍历器,Generator函数结构,Promise对象,async函数,箭头函数,class类,proxy代理,Decorator修饰器,model模块,二进制数据等知识。

    13558 人正在学习 去看看 何韬
2019-09-04 11:47:39 dengkangning1111 阅读数 234
  • Node.js进阶教程第五步:用VUE.JS学习ES6

    全面学习vue.js配置,es6命令,解构赋值,symbol类型,set,weakSet,Map,WeakMap,Iterator遍历器,Generator函数结构,Promise对象,async函数,箭头函数,class类,proxy代理,Decorator修饰器,model模块,二进制数据等知识。

    13558 人正在学习 去看看 何韬

前端IOS兼容性问题总结

低版本版本兼容问题 

具体表现:低版本ios写es6语法会报错
解决方法:直接用es5语法或者使用babel,
参考:https://www.babeljs.cn/

高版本兼容性问题


具体表现:fixed布局会被输入框给顶起来,原因好像是失去了焦点
解决方法:1.给输入框一个onblur事件,滚到上面去;
onBlur(){
    window.scrollTo(0,0)
}

高版本兼容性问题


具体表现:页面底部的滑动选择框在ios版本12以上,因为ios的上拉回弹造成不好选择的用户体验
解决方法:直接禁止系统默认的滑动事件
document.body.addEventListener('touchmove', function (event) {
    event.preventDefault();
}, {passive:false});

时间格式兼容


具体表现:字符串转时间,如果出现'-',ios不能识别,例如 Date.parse('2019-9-4 11:17:21')--在ios中会报错
解决方法:把'-'转成'/',
date.replace(/\-/g,'/');

ios执行document.execCommand("Copy")不生效


解决方法:可以使用createTextRange选中文字后执行document.execCommand('copy')
copyAndTrans(index) {
    let element = document.getElementById("code_" + index);
    let oInput = document.createElement("input");
    oInput.value = element.innerText || "";
    document.body.appendChild(oInput);
    oInput.select(); // 选择对象
    // 执行浏览器复制命令
    if(document.execCommand("Copy")){
        document.execCommand("Copy")
    }else{
        oInput.setSelectionRange(0, oInput.value.length), document.execCommand('Copy');
    }
    oInput.className = "oInput";
    oInput.style.display = "none";        
}
参考:https://segmentfault.com/a/1190000019525962

 

 

没有更多推荐了,返回首页