![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端兼容
文章平均质量分 62
在线小白www
这个作者很懒,什么都没留下…
展开
-
css hack
1. 什么是CSS Hack? CSS Hack是通过在css样式中加入一些特殊的符号,让不同的浏览器是被不同的符号(什么样的浏览器是被什么样的符号是有标准的,CSS Hack就是让你记住这个标准),以达到应用不同的CSS样式的目的。例如:1、margin属性在ie6中显示的距离会比其他浏览器中显示的距离宽2倍,也就是说margin-left:20px;在ie6中距左侧对象的实际显示距离是40px,而在非ie6中显示的距左侧对象的距离是设置的值20px;所以要想设置一个对象距离左侧...转载 2021-09-28 11:23:44 · 200 阅读 · 0 评论 -
IE浏览器关于带透明度的颜色显示问题
十六进制:带透明度的颜色表示会失效。包括background-color、color、box-shadow、linear-gradient等。rgba:background-color、color、box-shadow可以正常显示,linear-gradient也可以正常显示,但filter中的颜色如果使用rgba颜色会有一定误差。总结:如果兼容性要求较高,尽量少使用透明度,直接用十六进制的正色表示。...原创 2021-07-28 11:33:30 · 303 阅读 · 0 评论 -
前端常见的几种布局方式
一. 静态布局(static layout) 即传统的Web布局,网页上的所有元素尺寸一律使用px作为单位。1. 布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初代码的布局来显示。常规的pc网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果页面小于这个宽度就会出现滚动条;如果大于这个宽度则内容居中外加背景,这种设计常见于pc端。原创 2021-01-04 14:30:31 · 6837 阅读 · 0 评论 -
pc端和移动端切换
1. 切换.html(同一套css)网页通常需要适配pc端和移动端,适配可以通过响应式布局判断屏幕尺寸来展示不同的效果,还可以通过编写两个页面,也就是pc端和移动端分别写一个页面,这种方式更方便功能模块的编写。通常情况下,pc端域名使用www,而移动端域名使用m,在编写pc和移动两个页面时,在实际页面加载时需要加载到对应的页面,所以需要判断设备的类型,让搜索引擎和浏览器知道,pc端用户应该访问那个页面,移动端用户应该访问哪个页面。//判断是手机还是电脑 if((navigator.userAgent原创 2021-03-10 14:51:49 · 6632 阅读 · 2 评论 -
IE浏览器toLocaleDateString()方法获取时间戳返回NaN
下面语句可以在IE浏览器上正常显示日期。 var timeString = new Date().toLocaleDateString()显示结果如下:但是如果再显示显示下面的语句就会返回NaN。 console.log(new Date(timeString).getTime())解决方法: var timeString = timeString.replace(/(年|月)/g, '/').replace('日', '').replace(/[^\d-/]/g,'');直接用.r原创 2020-11-25 18:01:18 · 1042 阅读 · 0 评论 -
1014:无效字符
ie报错行如下,提示1014错误。经过查阅资料发现IE不支持如下这个符号(这个符号我也不知道叫什么,知道的小伙伴可以告知下),所有要将上面的语句重新更改。(大家根据自己的实际情况进行更改)附上资源链接:可以去这里看原文...原创 2020-11-25 12:06:41 · 775 阅读 · 0 评论 -
IE报ESCRIPT1004:缺少‘;’
1.函数命名不规范,将所有的箭头函数改成function函数test(() =>{}) //原函数test:function(){} //改正后函数原创 2020-09-16 16:17:43 · 769 阅读 · 0 评论 -
IE报错SCRIPT1028:缺少标志符、字符串或数字
兼容问题真是个令人头疼的问题。。。。对报1028报错百度了很多,大概整理一下:json最后一项不能跟逗号。这是出错最多的地方,大部分人的出错都在这个地方,一个小小的逗号能让你头疼半天。。。如下’json’后面的逗号去掉。在IE中,JSON最后一项的末尾是不允许有逗号的。 proxy: { type: 'ajax', url: 'permission/queryAll.do', reader: { type: 'json', } }I原创 2020-09-16 15:58:17 · 803 阅读 · 0 评论 -
360极速模式和兼容模式
360浏览器内核360浏览器包含了两个内核:谷歌内核和IE内核。极速模式代表着高速,意味着是高版本的浏览器。极速模式是以Blink(Webkit)为内核的浏览模式,Blink内核具有更高的网页浏览速度和更好的网页渲染效果,但少部分网银、政府、税务和办公系统等网站对Blink的兼容性不佳,需切换到兼容模式。兼容模式尽量兼容各种浏览器。360安全浏览器调用Trident内核(IE内核),Trident内核具有网页兼容性好、页面适用性广等特点,对于部分在默认“极速模式”下出现的问题网页(如:使用了Act原创 2020-09-15 11:27:39 · 1745 阅读 · 0 评论 -
Vue兼容IE报错SCRIPT1002:‘语法错误’,SCRIPT1003: 缺少 ‘:‘
代码可以在360浏览器上的极速模式下正确显示,但是在兼容模式下页面不能正常显示。代码编程主要用的是Vue框架。SCRIPT1003: 缺少 ':'因为IE浏览器对代码的编程要求较高,所以要兼容IE浏览器尽量不要缩写,1003报错定位发现是一个函数简写了,将函数定义补充完整,就不再报错了。beforeDestroy(){} //原代码beforeDestory:function(){} //修改后代码对代码进行如上修后不再报1003错误了,但是一直弹出某个函数未被定义,定位到该函数该函数定原创 2020-09-16 11:49:33 · 7514 阅读 · 1 评论