精华内容
下载资源
问答
  • js支持ie8吗,Vue.js不支持ie8,因为[Vue.js]使用IE8无法模拟的ECMAScript 5特性,[vue.js]支持所有兼容ECMAScript 5的浏览器。[相关文章推荐:vue.js]Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不...

    vue.js支持ie8吗Vue . js支持ie8吗,Vue.js不支持ie8,因为[Vue.js]使用IE8无法模拟的ECMAScript 5特性,[vue.js]支持所有兼容ECMAScript 5的浏览器。

    308242c8f925bd52d6468fa264be2f24.png

    [相关文章推荐:vue.js]

    Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。

    先来看下Vue为什么不能兼容IE8

    根本原因:ie8及以下版本不支持Object.defineProperty方法,但这是vue实现响应性所必须的,所以从Vue的源代码来看根本不支持IE8;

    再者,Vue也需要支持Promise,IE8也不支持Promsie

    在从Vue官网上看下为什么不支持IE8

    Vue.js将使用Object.defineProperty将所有这些属性转换为实现双向绑定的所有数据的getter/setter。Object.defineProperty是ES5中不能填补的特性,这也是Vue不支持IE8和更低版本版本浏览器的原因。

    这里注意:Object.defineProperty是不能通过pad实现的方法,和浏览器本身有关,所以Vue不能从根本上支持IE8

    Vue不支持IE8和低于版本的版本,因为Vue使用IE8无法模拟的ECMAScript 5特性。但是它支持所有兼容ECMAScript 5的浏览器

    相关免费学习推荐:JavaScript(视频)

    以上是vue.js支持ie8的详细内容。请多关注其他关于Lei.com PHP知识的相关文章!

    展开全文
  • vue ie8 兼容方案

    万次阅读 2018-10-18 15:45:30
    项目的最后上线,客户提出必须要 兼容IE8 最后的最后,只能寻求解决兼容方案了。在先用的双向绑定的框架中,我选用了 avalon2 avalon2是一款基于虚拟DOM与属性劫持的 迷你、 易用、 高性能 的 前端MVVM框架, ...

    公司合作了一个项目,前端是用的vue构建的 非SPA

    项目的最后上线,客户提出必须要 兼容IE8

    最后的最后,只能寻求解决兼容方案了。在先用的双向绑定的框架中,我选用了 avalon2

    avalon2是一款基于虚拟DOM与属性劫持的 迷你、 易用、 高性能 的 前端MVVM框架, 拥有超优秀的兼容性, 支持移动开发, 后端渲染, WEB Component式组件开发, 无需编译, 开箱即用。

    http://avalonjs.coding.me/home.html

    吐槽一句:文档写的过于一般,跟vue的文档,真是一个天,一个地....

    下面说出一些对比解决的语法

    基础部分

    new Vue -->  avalon.define
    
    el: -->$id
    
    id="xxx" --> ms-controller="footer"
    
    去掉data外层包裹
    
    去掉methods外层包裹

    语法部分

    v-model --> ms-duplex
    
    v-for --> ms-for ,(index,item)顺序需要替换
    
    :href  -->  ms-attr="{href: ''}"
    
    v-show --> ms-visible 
    
    v-html --> ms-html
    
    v-if --> ms-if
    
    :style -->ms-css
    
    :class 不用改动
    
    :自定义属性 ms-attr="{'xxx': '' +  +''}"  (如果自定义属性有特殊符号切记用 引号包裹)
    
    多个自定义属性用逗号隔开:ms-attr="{'a': 'b','c':'d'}"

    一个小实例

    <script type="text/javascript" src="https://unpkg.com/avalon2@2.2.4/dist/avalon.js"></script>
    <div ms-controller="app">
    	<div ms-if="isshow" ms-attr="{'a': 'b','c':'d'}">show attr</div>
    	<div ms-for="(index,item) in datas">{{index}}--{{item}}</div>
    	<div ms-for="(index,item) in nums">{{index}}</div>
    	
    </div>
    <script>
    	var _vm_wbstc = avalon.define({
    		$id: 'app',
           	isshow:true,
    		datas:['a','b','c'],
    		nums:new Array(5),
            init: function() {
            }
    	});
    	console.log(_vm_wbstc);
    	_vm_wbstc.init();
    </script>
    

    最终花费了1天的时间替换了100多个页面。速度还是比较快速的。

    切记:ie8下 参数前务必带上$符号!!!!

    这篇先这样,下面一篇文章将讲解对比的 生命周期,事件,组件 等的转换,后续会写一个开源转换器 :) (不能发表情真坑爹)

     

    展开全文
  • vue兼容IE8以上解决方案

    千次阅读 2020-07-11 14:25:47
    vue主要采用了ES6 Promise,我们知道的,在 JavaScript 中,所有代码都是单线程的,也就是同步执行的。而 Promise 就为异步编程提供了一种解决方案。 二、解决方案 1、采用 babel-polyfill 进行转换语法。 2、...

    一、说明背景

    vue主要采用了ES6 Promise,我们知道的,在 JavaScript 中,所有代码都是单线程的,也就是同步执行的。而 Promise 就为异步编程提供了一种解决方案。

    二、解决方案

    1、采用 babel-polyfill 进行转换语法。

    2、安装babel-polyfill

    npm install -S babel-polyfill

     3、main.js 引入babel-polyfill

    import 'babel-polyfill'

    注意:babel-polyfill 默认会把node_modules 进行过滤出来(这就是很多引入了babel-polyfill还是不能解决兼容性问题的根本原因)

    三、还未解决看下面的操作

    1、当你的语法比较规则的时候,可能按照上面的就可以兼容IE8以上了。

    2、报错 SCRIPT1006: 缺少 ')'

    • 打开IE F12 
    • 如上图提示app.js 12104行报错。点击进入查看。
    • 查看之后,很快就能明白错误信息是什么,很明显就是 resize-detector 引起的不兼容问题。一般项目中引入了echars 都会有这个问题。
    • 不管是报什么错,你明白了如何找到兼容性不行的原因,我觉得什么问题都能得到一个解决方案。

    注意:凡是遇到以上问题,请在vue.config.js中加入,以下是以resize-detector为例

    transpileDependencies: [
            "resize-detector",
        ],

    3、报错 strict 模式下不...", 

    • 看到这个错,怎么说呢,这个错有时很轻,有时很严重。
    • 先说明下报错的原因是什么,是因为标签属性重复使用。
    • 很轻:如果你能精准的知道你那个控件用了重复属性,可能很快就解决。
    • 很重:页面太多,或者是外包团队写的,或者是别人写的,接手,或重构等等。。。这个时候就很难排查,个人建议写一个脚本,扫描整个项目进行汇总。或者你选择放弃,在index.html 里面监听浏览器版本,进行处理,让用户下载最新的版本。
    • <script>
            let ua = navigator.userAgent.toLocaleLowerCase();
            let browserType = null;
            if (ua.match(/msie/) != null || ua.match(/trident/) != null) {
                browserType = 'IE';
                window.location.href='/runMsg.html';
            } else if (ua.match(/firefox/) != null) {
                browserType = 'firefox';
            } else if (ua.match(/ucbrowser/) != null) {
                browserType = 'UC';
                window.location.href='/runMsg.html';
            } else if (ua.match(/metasr/) != null) {
                browserType = 'sougou';
                window.location.href='/runMsg.html';
            } else if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {
                browserType = 'QQ';
                window.location.href='/runMsg.html';
            } else if (ua.match(/maxthon/) != null) {
                browserType = 'maxthon';
                window.location.href='/runMsg.html';
            } else if (ua.match(/chrome/) != null) {
                var is360 = _mime('type', 'application/vnd.chromium.remoting-viewer')
                if (is360) {
                    browserType = '360';
                    window.location.href='/runMsg.html';
                } else {
                    browserType = 'chrome';
                }
            } else if (ua.match(/safari/) != null) {
                browserType = 'Safari'
            } else {
                browserType = 'others'
            }
        </script>

    还是不能解决,请联系博主!

    展开全文
  • 本人研究涉及到的环境:VueCli3.2 + iview 3.1.5在IE中不支持ES6的新特性,例如:includes、findIndex……以下方案可以解决该问题:1. Github iview仓储Issues中提到的改编译范围请用 transp...

    由于Iview编译使用到了es6的一些新特性,Internet Explorer所有版本中都会报错,缺少includes、findIxdex等问题。

    本人研究涉及到的环境:VueCli3.2 + iview 3.1.5

    在IE中不支持ES6的新特性,例如:includes、findIndex……

    以下方案可以解决该问题:

    1.  Github iview仓储Issues中提到的

    改编译范围请用 transpileDependencies: [‘iview'],不要用 include.add,因为默认配置里用了 exclude,在 webpack 中,多个条件同时存在时需要每个条件都满足才执行 rule。

    但是加了这个选项后在所有浏览器里都会报错,因为 iView 里这个文件不兼容 ES Module。该文件是用很旧版本的 UMD 格式打包的,新版本 UMD 修复了报错的问题,但没有解决和 ES Module 互操作的问题。在 Webpack 4 中,ES Module 不能和 CommonJS / UMD 混用。

    所以这里本质上是 iView 对 Webpack 4 支持的问题,让他们把源码全部转成 ES Module 就好了。

    在vue.config.js中添加transpileDependencies: [‘iview']后,可以让bable编译过程中检查iview的代码,自动添加代码中用到的polyfill。

    但是由于iview中有一个文件使用的UMD打包,所以编译后的代码还是在运行环境中报错,导致项目无法使用。

    该方案虽然解决了ES6语法问题,但是实际使用会报错。

    2.  直接给代码添加polyfill

    修改bable.config.js使用 useBuiltIns: ‘entry'

    module.exports = {presets: [ ['@vue/app', {useBuiltIns:'entry'} ] ]}

    在Vue入口文件main中导入bable的polyfill

    import'@babel/polyfill';

    这种方案bable编译时,会自动导入目标浏览器(browserslist中配置)需要用到的polyfill,可以保证全局代码使用都可以新ES代码。但是,也许有些polyfill会一直用不到,额外增加了编译后的文件体积。

    3.  使用balbe env,预置iview中所需要的polyfill(推荐做法)

    修改bable.config.js 添加预导入的polyfill。目前我的项目中用到的polyfill有'es6.promise',‘es6.array.find-index',‘es7.array.includes',‘es6.string.includes'

    module.exports = { presets: [ ['@vue/app', {

    debug:true,

    polyfills: [ 'es6.promise' , 'es6.array.find-index' , 'es7.array.includes' , 'es6.string.includes' ]

    } ] ]}

    这种方案依然使用Vue项目默认方案,不同的是在项目编译时,会导入polyfills中指定的polyfill,这样既可解决iview在ie中运行报错的问题。

    上面中是我目前用到的几polyfill,如果需要其它铺垫,可以自行添加。

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    展开全文
  • vue项目在ie8下可能会出现白屏情况,原因:Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。 可查看官网详情:...
  • 是时候亮出这张图了:可是ie不是你不想兼容就不兼容啊。说多了都是泪。使用iview已经有一年多的时间。总的来说,iview还是给我的工作带来了很大的方便。主要的吐槽点就是文档写的不够清楚。比如组件的按需引入,寥寥...
  • 是时候亮出这张图了:可是ie不是你不想兼容就不兼容啊。说多了都是泪。使用iview已经有一年多的时间。总的来说,iview还是给我的工作带来了很大的方便。主要的吐槽点就是文档写的不够清楚。比如组件的按需引入,寥寥...
  • Vue.js对WinXP系统对兼容性点击上方“技术支持联盟”,选择“置顶公众号”第一时间了解程序员大小...由于vue以及其他一些新型js框架,在更新换代过程中已经放弃支持IE8甚至不再支持IE9浏览器,因此我们考虑其他的浏...
  • vue-cli3项目在IE浏览器打开兼容问题

    千次阅读 2020-01-10 16:39:38
    我们需要了解的ie浏览器支持版本大于ie8。 二.方案 第一步:安装babel-polyfill依赖 解决es6语法的兼容问题 npm install babel-polyfill --save-dev 在main.js 文件中引用这个库,import ...
  • 白驹过隙,时光荏苒 大概去年这个时候写了angular 结合webpack的一套... 1、本文讲述Vue,Webpack 模块化、SEO优化(Vue SSR 服务端同构直出)、全浏览器兼容ie8以上)、图片轮播等案例方案 2、技术点:vu...
  • 需求 兼容ie8 (客户群体电脑因为安全问题无法...本咸鱼以前的技术栈是vue全家桶,vue底层是用defineproperty实现的双向绑定,这个方法ie8是不支持的,所以放弃vue, 同时react和angular 很早的版本才兼容ie8,一想...
  • vue2.5+版本兼容IE9 (vue只支持IE8以上版本) IE9版本兼容: ES6兼容 在 ie9 的环境上,es6 的部分新对象、表达式,并不支持,解决方案是使用 babel-polyfill 组件,它可以将 es6 的代码翻译成低版本浏览器可以识别...
  • 看了vue的数据双向绑定原理后对于其中的'指令的解析'有很深的印象,觉得可以运用到实际项目中,对目前的公司中的中英文页面进行改进(兼容IE8); github (求★) 中英文页面历史版本优缺点分析 1.最开始的时候中英文...
  • 2016的最后一天,多多少少都应该总结一下这一年的得失,哪里做的好,哪里需要改进,记一笔,或许将来会用到呢。  毕业差不多半年了,一直是一个人在负责公司项目的前端开发... 项目不需要兼容IE8及以下的浏览器,...
  • 1、对vue的理解,有什么特点,vue为什么不能兼容IE8及以下浏览器vue是一套用于构建用户界面的渐进式框架,核心是一个响应的数据绑定系统vue是一款MVVM框架,基于双向绑定数据,当数据发生变化时候,vue自身会进行...
  • vue webpack打包

    2019-07-04 09:41:52
    白驹过隙,时光荏苒 大概去年这个时候写了angular 结合webpack的一套... 1、本文讲述Vue,Webpack 模块化、SEO优化(Vue SSR 服务端同构直出)、全浏览器兼容ie8以上)、图片轮播等案例方案 2、技术点:vu...
  • 前端vue面试题

    2020-11-12 22:19:48
    1、对vue的理解,有什么特点,vue为什么不能兼容IE8及以下浏览器  vue是一套用于构建用户界面的渐进式框架,核心是一个响应的数据绑定系统  vue是一款MVVM框架,基于双向绑定数据,当数据发生变化时候,vue自身...
  • 前端面试题 Vue部分

    2020-04-29 23:45:34
    1、对vue的理解,有什么特点,vue为什么不能兼容IE8及以下浏览器 vue是一套用于构建用户界面的渐进式框架,核心是一个响应的数据绑定系统 vue是一款MVVM框架,基于双向绑定数据,当数据发生变化时候,vue自身会进行...
  • Vue知识点总结-1

    2020-03-14 01:50:19
    1. 对vue的理解,有什么特点,vue为什么不能兼容IE8及以下浏览器 vue是一套用于构建用户界面的渐进式框架,核心是一个响应的数据绑定系统  vue是一款MVVM框架,基于双向绑定数据,当数据发生变化时候,vue自身会...
  • 前端面试题整理—Vue

    千次阅读 2020-04-02 11:49:33
    1、对vue的理解,有什么特点,vue为什么不能兼容IE8及以下浏览器 vue是一套用于构建用户界面的渐进式框架,核心是一个响应的数据绑定系统 vue是一款MVVM框架,基于双向绑定数据,当数据发生变化时候,vue自身会进行...
  • js vue css 性能优化

    2020-07-16 11:07:36
    png24位的图片在iE6浏览器上出现背景,解决方案是做成PNG8. 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。 IE下,可以使用获取常规属性的方法来获取自定义属性,...
  • 基于Vue.js 2.x系列 + Element UI 的组件化开发方案,vue.js不支持IE8及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。vue的安装依赖于node.js,要...
  • IE浏览器设置默认文档模式

    千次阅读 2020-05-28 18:53:23
    1.vue兼容ie8以上版本; 2.IE 不兼容 axios的promise对象; 3.IE 不兼容es6语法; 问题描述 工程使用的vue2.X,而且已经安装了babel-polyfill(模拟ES2015以上的环境,主要用于对ES6新语法不支持的浏览器)。 但是...
  • 在不考虑兼容性(IE8+)的情况下,SVG 应该是目前解决项目中图标问题的最佳方案,没有之一。SVG 在变大变小的情况下不会出现失真(出现锯齿或者看到像素点),也可以像 GIF 一样可以动起来。你不再会有因为同一个图标...
  • 在不考虑兼容性(IE8+)的情况下,SVG 应该是目前解决项目中图标问题的最佳方案,没有之一。SVG 在变大变小的情况下不会出现失真(出现锯齿或者看到像素点),也可以像 GIF 一样可以动起来。你也不再会有只是因为同...
  • 解决方案如下: 在package.json中加上: "browserslist": [ "&gt; 1%", "last 2 versions", "not ie &lt;= 8", "ios &gt;= 3", "...
  • ios8.x版本flex布局兼容问题 需加上-webkit-前缀 低版本手机es6兼容问题,ie兼容问题,以及ios低版本页面白屏 引入babel-polyfill webpack.base.conf.js修改为 entry: { app: [‘babel-polyfill’, ‘./src/main....
  • cef 是chrome内核,支持vue,但是其它内核不支持,所有项目选用cef来做引擎,但是打包运行遇到了一个问题,报错为 已到达断点 [0812/112825.786:ERROR:...vue 兼容ie8以上 最近在使用vue开发前端,作为一个小白,从坑里
  • 【前言】无论是vue还是react的css模块化解决...例子:2021-01-10 21:27:45纯CSS实现的DIV悬浮效果(固定位置),兼容常用的浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗等。效果如下:实...

空空如也

空空如也

1 2
收藏数 36
精华内容 14
关键字:

ie8vue兼容方案

vue 订阅