首先移动端开发最基本的就是尺寸问题:<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>这行代码是肯定知道要加的,但是我们还会面临在不同尺寸的屏幕上对应尺寸的大小变化。对于这个问题我之前看
Vue 兼容 ie9 的全面解决方案一、兼容IE主要是从以下几个方面考虑es6语法兼容Number对象es6新方法兼容requestAnimationFrame方法兼容axios Promise兼容axios cors兼容Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更高的版本。经过测试,Vue 的核心框架 vuejs 本身,以及生态的官方核心插件(VueRoute
1.Flex布局,也就是Flexbox的俗称,是CSS提供的用于布局的一套新属性。这一套标准是由W3C于2009年提出并制定的。2.兼容性:IE10部分兼容IE11以上包括IE11完全兼容。由于更多的浏览器都完全支持flex,所以现在Flex布局在PC端应用非常多。IE 11 才能兼容的属性: flex-basis/flex-flow/flex-grow/flex-wrap/flex/ ali
转载 2023-11-04 09:34:02
451阅读
第一次来写文章,其实自己也是个菜鸟,主要是为了加深自己对所学东西的印象,同时也记录自己的学习过程,不对的地方请大家及时纠错,谢谢大家。1.Vue 2.0兼容IE的情况   不支持ie8及以下,部分兼容ie9,完全兼容ie10以上,因为2.0的响应式原理是基于es5的Object.defineProperty(),而这个方法不支持ie8及以下,目前ie已被舍弃,但离完全跳坑还有距
最近帮别人写了个页面,在写完之后得知需要兼容ieie8。一步步修改自己的代码遇到如下问题。最基本的,不要使用es6语法,在ie10及以下会有问题。如果你发现自己的代码在ie运行不下去先看看是否有es6语法。 如上,应该使用varie9下,获取页面dom元素对其classList进行增删无效(控制台:无法获取未定义或 null 引用的属性“remove”/“add”…) 为了兼容可以添加以下代码。
转载 2024-08-01 12:47:51
223阅读
最近在学习Flex模型布局 ,刚开始,各种属性看着头疼,现在坚持下来,把自己的学习经验分享一下;Flex模型 发展下来分三个版本:标准版本(flex | inline-flex)、混合版本(flexbox | inline-flexbox)、最老版本(box | inline-box);标准版本:IE11+已经支持啦,其他标准浏览器只要做一下兼容webkit;混合版本:可以说是IE版本,
转载 2023-07-11 17:37:50
236阅读
一、现状近些年,随着移动端的发展,前端技术也发生了翻天覆地的变化,尤其是ECMAScript标准的不断升级,从es2015一直到最新的es2021,各种各样的前端javascript的特性被定义和推广,各个浏览器的厂商为了市场占比和用户体验的提升也在进行着一轮一轮的优化升级,目前的主流浏览器已经支持大部分的es2015的特性。在面向c端用户,移动作为主流的今天,PC端的C端用户量及使用频率都在急剧
一、现状近些年,随着移动端的发展,前端技术也发生了翻天覆地的变化,尤其是ECMAScript标准的不断升级,从es2015一直到最新的es2021,各种各样的前端javascript的特性被定义和推广,各个浏览器的厂商为了市场占比和用户体验的提升也在进行着一轮一轮的优化升级,目前的主流浏览器已经支持大部分的es2015的特性。在面向c端用户,移动作为主流的今天,PC端的C端用户量及使用频率都在急剧
node_modules里的依赖默认是不会编译的,会导致es6语法在ie中的语法报错,所以需要在vue.config.js中使用transpileDependencies属性配置node_modules中指定哪些文件夹或文件需要编译. transpileDependencies: ['mathjs' ...
转载 2021-08-04 17:22:00
1905阅读
2评论
使用 jQuery可以有效的兼容IE 浏览器 , 但jQuery从2.0开始不兼容IE8,最低支持IE9,所以需要引入更低的jQuery版本来兼容 <script type="text/javascript" src="<%=path%>/js/jquery-3.1.1.min.js"></scri
原创 2022-04-19 17:08:21
312阅读
vue cli项目中使用@babel/polyfill兼容ie11。 解决 DOM7011: 此页上的代码
​说到底还是es6闹得,ie浏览器不支持es6实际碰到的问题分两步才解决1. 直接打开是空白页:让ie支持vue解决方式:安装 "babel-polyfill" 即可。命令:cnpm install --save-dev babel-polyfill    //我用的是淘宝镜像,所以是cnpm,如果你没有安装使用npm 即可。在入口main.js文件引入:import 'babel-polyfil
转载 2020-05-15 20:38:00
771阅读
15点赞
2评论
在一个项目中,前端用到的数据是设备接入后主动上报的,所以使用了mqtt第一步,看看GitHub有什么好的插件选择mqtt.js,文档写的不错,直接有代码示例第二步,开始开发一开始在每个vue文件每次交互都照着文档直接写一套,从创建客户端连接到订阅监听var mqtt = require('mqtt') var client = mqtt.connect('mqtt://test.mosqui
 
转载 2020-10-20 15:53:00
245阅读
2评论
介绍:es表示ECMASCript ,他是从es3,es5,es6,es5是2009.12月发布的,es6是2015.6月发布的。vue2完全支持es5的(vue3完全支持es6的),react完全支持es6es5的新特性严格模式(对应的相反的称为怪异模式,就是我们平常使用的模式)'use strict' //一般用于相关的设计 上面书写一个严格模式底下的代码就需要按照严格模式执行严格模式的特性变
转载 2024-05-21 01:12:46
89阅读
<!--[if IE]><link href="ie.css" rel="stylesheet"><![endif]--><!--[if IE6]><style type="text/css">/* styles for IE6 goes here */</style><![endif]--><!--[if
原创 2022-04-20 14:01:56
232阅读
vue项目兼容IE浏览器原创xm2by 发布于2018-08-17 11:04:56 阅读数 11996 收藏展开vue项目兼容IE浏览器利用vue-cli脚手架搭建的项目打包后在chrome下正常显示,IE浏...
转载 2019-12-24 15:35:00
1149阅读
2评论
vue2.0 兼容ie9及其以上 vue cli中使用vuex的项目 在IE中会出现页面空白 控制台报错的情况:我们只需要安装一个插件,然后在main.js中全局引入即可 安装 npm install save dev polyfill引入 import 'babel polyfill'
转载 2019-01-17 17:40:00
119阅读
2评论
缘由在急速的互联网时代,原本ie系列的低版本浏览器就该淘汰了。可偏偏还是有很多xp系统ie7、8浏览器,这有让网站甚是苦逼。练就了一套新技术,原本以为能大展身手,可却在ie阵容中认怂了,不得不规规矩矩的写着老得掉牙的代码,用着早已尘封的技术。(注:因为用户原因可能使用ie7,而非蛋疼要网站支持ie低版本)既然无法说服不使用ie系列,那就乖乖让网站支持ie7、8系列吧!坑爹的工作就这样开始了,虽然觉
转载 2024-06-15 06:57:09
88阅读
Vue CLI 3 配置兼容IE10 最近做了一个基于Vue的项目,需要兼容IE浏览器,目前实现了打包后可以在IE10以上运行,但是还不支持在运行时兼容IE10及以上。 安装依赖 在入口文件 main.js 引入依赖 修改 babel.config.js 修改 .browserslistrc >
转载 2018-12-15 20:28:00
366阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5