文章目录
一、前言
最近做的一个项目是基于chrome
开发的,又来要求兼容ie8 ie9 ie10 ie11
;那么问题来了,好多样式行为都千奇百怪的出现,后来发现,将文档模式调为标准之后,才差不多ok;那么我怎么才能确保用户打开时,文档模式是标准的呢;而且是不是ie7
的标准呢?
二、IE 浏览器模式 和 文档模式的区别
1.浏览器模式
用于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析、发送给网站服务器的用户代理(User_Agent)字符串的值。网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能,就可以向不同的浏览器返回不同的页面内容。
2.文档模式
用于指定IE的页面排版引擎(Trident
)以哪个版本的方式来解析并渲染网页代码。切换文档模式会导致网页被刷新,但不会更改用户代理字符串中的版本号,也不会从服务器重新下载网页。切换浏览器模式的同时,浏览器也会自动的切换到相应的文档模式。
三、解决方法
第一步,将代码设置成html5
的模式,那么用户打开项目之后,文档模式就是标准的;即不会是ie5Qurik
模式;但有可能是ie7
标准模式;
第二步,
2.1 在html head
中写上这句代码,即可使文档模式为浏览器最高级别的模式;<meta http-equiv="X-UA-Compatible" content="IE=edge" />
;
2.2 若想以ie8
的标准模式打开,就写成<meta http-equiv=X-UA-Compatible content=”IE=EmulateIE8“>
;
2.3 若想要以ie10文档模式打开,浏览器级别低于10的就以浏览器本身最高的方式打开,那么需要写这2句话(顺序不能错):
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">;
<meta http-equiv="X-UA-Compatible" content="IE=edge" />;
##### 框架相关
原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。
在框架方面,**生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的**,在学习的过程可以结合框架的官方文档
**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**
**Vue框架**
>**知识要点:**
>**1. vue-cli工程**
>**2. vue核心知识点**
>**3. vue-router**
>**4. vuex**
>**5. http请求**
>**6. UI样式**
>**7. 常用功能**
>**8. MVVM设计模式**
![](https://img-blog.csdnimg.cn/img_convert/71561b9e6e135fa29bc0b399534a19ff.webp?x-oss-process=image/format,png)
**React框架**
>**知识要点:**
>**1. 基本知识**
>**2. React 组件**
>**3. React Redux**
>**4. React 路由**
![](https://img-blog.csdnimg.cn/img_convert/3cb7bd18b34f2f950f685cfe1e81dcdb.webp?x-oss-process=image/format,png)
**
>**3. React Redux**
>**4. React 路由**
[外链图片转存中...(img-sw2PhrIX-1714163569676)]