zoukankan      html  css  js  c++  java
  • 坑!vue.js在ios9中失效

     坑!vue.js在ios9中失效!

      接到实现,在移动端生成一个分享链接,分享到微信,在微信中打开,加入!

      好,用vue实现----------------------->写代码-------------------------->测试------------------------------>没有问题---------------------------------->打包------------------------->测试-------------------------------->安卓---------------------->ios10---------------------->ios9-----------------------:不显示

          我操!啥原因?

          不会,赶紧搜呀!------------------------------------------------------>ios9不支持vue5语法---------------------------------------------------->将es6转换成es5

        

    vue在IOS9中不生效。S6 不能完全的呗浏览器兼用,所以我们可能需要转化成 ES5
    			问题:ios9无法识别es6语法
    			解决方法:将es6转换成es5
    			具体流程:
    				1:进入项目
    				2:找到要转换的js文件。(如果是在<script>标签中写的,要抽离出来,否则无法转换)
    				3:Babel的安装:---------------------------------------------------------------:npm install -g babel-cli // -g 表示全局安装到 nodejs 下的目录 
    				4:将 Babel 的转换插件安装到项目的目录中:-------------------------------------:npm install babel-preset-es2015 --save
    				5:执行手动转换命令:----------------------------------------------------------:babel es6.js(要转换的) --out-file es5.js(转换后) --presets es2015
    				6: 引用转换后的js.
    				7:OK,完美解决。
    			优化:
    				如果我们每次修改代码都手动转换太过麻烦,加个自动监听的参数:-w-----------------:babel es6.js -w --out-file es5.js --presets es2015
    				
    			其他解决方案:
    				也可以在浏览器端实时转换es6转换为es5:
    				1:下载转换组件库到项目的目录下:------------------------------------------------: npm install babel-core@5 --save
    					// 引入es6的代码 text/babel
    					<script type="text/babel" src="es6.js"></script>
    					<!-- 网页端实时转换 -->
    					<script type="text/javascript" src="node_modules/babel-core/browser.min.js"></script>
    					利用 browser-sync 实现实时刷新静态页面:
    
    				2:npm install -g browser-sync
    					// 启动3000端口,监听项目下的所有文件
    
    					browser-sync start --server --files "**"。
    

      好,解决了!

  • 相关阅读:
    我们用的信息系统安全吗?
    硬件代理服务器的日志分析方法
    Solarwinds Orion NPM实战视频演示
    网络资源管理系统LANsurveyor实战体验
    2013年,我的推荐博客汇总
    如何精准高效的实现视觉稿?------前端开发辅助工具AlloyDesigner使用介绍
    SVG如何做圆形图片
    canvas绘制一定数目的圆(均分)
    如何禁止火狐onblur时alert()产生类似选中的拖蓝效果
    ABCD多选正则表达式
  • 原文地址:https://www.cnblogs.com/w-s-l123/p/9729133.html
Copyright © 2011-2022 走看看