web前端面试题大全
前端开发工程师面试题及答案
前端开发工程师面试题及答案在前端开发领域，面试是选拔优秀人才的重要环节。
以下是一些常见的前端开发工程师面试题以及对应的参考答案。
一、HTML 和 CSS 相关问题1、解释一下盒模型以及它在布局中的作用。
答案：盒模型是 CSS 中用于布局的基本概念，它由内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。
在布局中，理解盒模型对于准确计算元素的尺寸和间距非常重要，能够帮助我们实现各种复杂的页面布局。
2、如何实现一个两栏布局，左边固定宽度，右边自适应？答案：可以使用多种方法实现。
一种常见的方式是使用浮动（float），将左边栏设置为固定宽度并向左浮动，右边栏不浮动，并设置其左边的外边距（marginleft）为左边栏的宽度。
也可以使用 flex 布局，将父容器设置为 display: flex; ，左边栏设置固定宽度，右边栏设置flex: 1; 以实现自适应。
3、说一说 CSS 选择器的种类和优先级。
答案：CSS 选择器包括元素选择器、类选择器、id 选择器、属性选择器、伪类选择器、伪元素选择器等。
选择器的优先级从高到低依次为：内联样式（通过 style 属性设置）＞ id 选择器＞类选择器、属性选择器、伪类选择器＞元素选择器、伪元素选择器。
二、JavaScript 相关问题1、谈谈你对 JavaScript 中作用域和闭包的理解。
答案：作用域决定了变量的可见性和可访问性。
在 JavaScript 中有全局作用域和函数作用域。
闭包是指有权访问另一个函数作用域中的变量的函数。
闭包可以让函数记住其创建时的环境，即使外部函数已经执行完毕，闭包仍能访问外部函数中的变量。
2、如何实现 JavaScript 的继承？答案：常见的实现方式有原型链继承、借用构造函数继承、组合继承、寄生组合继承等。
原型链继承通过将子类型的原型指向父类型的实例来实现继承；借用构造函数继承通过在子类型的构造函数中调用父类型的构造函数来继承属性；组合继承结合了原型链继承和借用构造函数继承的优点；寄生组合继承是一种优化的组合继承方式，避免了不必要的父类实例属性的重复创建。
web前端面试题（一）
web前端⾯试题（⼀）1 选择题1.1 默认情况下，使⽤P标记会形成什么效果（）A.在⽂字P所在位置中加⼊8个空格B.P后⾯的⽂字会变成粗体C.开始新的⼀⾏D.P后⾯的⽂字会变成斜体答案： C1.2 META元素的作⽤是什么（）A.META元素⽤于表达HTML⽂档的格式B.META元素⽤于指定相关HTML⽂档的信息C.META元素⽤于实现本页的⾃动刷新D.以上都不对答案：B1.3 我们在HTML页⾯中制作了⼀个图像，想要在⿏标指向这个图像时浮出⼀条信息，应该使⽤哪个参数做（）A.POPB.SRCC.ALTD.MSG答案：C1.4 使⽤以下哪⼀种元素可以将声⾳添加到⽹页⾥⾯（）A.soundB.bgsoundC.musicD.voice答案：B1.5 以下HTML代码中，哪⼀个是将词语“Hello”显⽰为Verdana字体并且字号为5号的正确代码（）A.<font size="5" font="Verdana">Hello</font>B.<font size="5" face="Verdana">Hello</font>C.<font size=5 face=Verdana>Hello</font>D.<font size=5 face="Verdana",text="Hello"</font>答案：B1.6 在<param>标签中，下列哪个属性⽤于给参数传递内容（）A.AddressB.ValueC.AmountD.Method答案：B1.7 ⼀个⽂件夹名称叫Parent，其下有⼀个叫做test.asp的⽂件，和⼀个名为Child的⽂件夹。
Child下有⼀个名为default.htm⽂件，想在default.htm中作⼀个连接，链到test.asp。
web前端中级面试题
web前端中级面试题Web前端中级面试题HTML基础•HTML是什么？它是一种什么样的语言？•HTML5相比于HTML4有哪些改进和新增的特性？•什么是语义化标签？为什么要使用语义化标签？•请解释什么是DOCTYPE及其作用。
CSS基础•什么是盒模型？请描述标准盒模型和IE盒模型的区别。
•请解释什么是CSS选择器及其优先级。
•CSS中position属性有哪些取值？请分别描述它们的特点和使用场景。
•请解释CSS的浮动及清除浮动的方法。
JavaScript基础•JavaScript的数据类型有哪些？请描述他们之间的转换规则。
•什么是原型链？请解释JavaScript中的继承原理。
•请描述闭包的概念和优缺点。
•什么是事件冒泡和事件捕获？请描述它们的区别和用法。
前端框架和工具•请列举几个比较流行的JavaScript前端框架，描述它们的特点和适用场景。
•什么是模块化开发？请列举几个常用的JavaScript模块化开发工具。
•请解释什么是异步编程，并举例说明异步编程的用途和常用的处理方式。
•请描述一下的生命周期钩子函数及其执行顺序。
前端性能优化•什么是前端性能优化？请列举一些常见的性能优化方案。
•请解释什么是延迟加载，如何实现延迟加载的效果？•什么是雪碧图？请解释它的原理和优势。
•请列举几个前端性能监控指标，并描述它们的作用。
通信和安全•请解释同源策略及其限制，以及如何实现跨域通信。
•请描述一下HTTP和HTTPS的区别和安全机制。
•什么是XSS攻击？如何防止XSS攻击？•请解释CSRF攻击，以及如何防范CSRF攻击。
代码质量和调试•请解释什么是代码规范，以及为什么要遵守代码规范？•请列举几个常用的前端代码规范工具，并简单描述它们的使用方法。
•请解释什么是调试，以及在开发过程中常用的调试方法。
•请列举个别在开发过程中常见的错误，以及如何进行调试和修复。
面试技巧•在面试过程中，你如何展示你的个人项目和作品集？•你在前端领域中遇到过的最具挑战性的问题是什么？你是如何解决它的？•请解释一下你在团队合作中的角色和贡献。
Web前端中级面试题
Web前端中级面试题一、不定项选择1. flex属性是下列哪三个属性的缩写？( )A.flex-growB.flex-wrapC.flex-shrinkD.flex-basis2. 下列哪些选项是JavaScript中的假值（Falsy value）？( )A. 0B. ""C. nullD. undefinedE. NaNF. "false"3. 下列选项中，不是window对象的属性的是( )A. pageXB. locationC. historyD. navigator4. 下面程序输出的结果是什么？( )function sayHi() {console.log(name);console.log(age);var name = "Lydia";let age = 21;}sayHi();A: Lydia 和undefinedB: Lydia 和ReferenceErrorC: ReferenceError 和21D: undefined 和ReferenceError5. 下列关于原型的说法错误的是( )A. 原型可以节省内存空间B. 构造函数中的prototype属性，它是一个对象，我们称之为原型C. 原型有constructor属性，原型的constructor属性指向构造函数D. 任何一个对象都有__proto__属性，实例的对象的__proto__属性指向构造函数二、填空题1. JavaScript是由哪几部分组成。
2. 表达式“123abc”-“123”的计算结果是。
3. 写出三种获取DOM元素的方法。
4. [ 1 , 2 , 3 ].map(parseInt) 输出结果为。
5. 请写出以下代码的执行顺序。
console.log(1)const p = new Promise((resolve) => {console.log(2)resolve()})console.log(3)setTimeout(() => {console.log(4)}, 0)p.then(() => console.log(5))setTimeout(() => {console.log(6)}, 0)console.log(7)三、简答题1. 请写出10个数组实例可以调用的方法。
web前端面试题及答案
web前端面试题及答案前端开发面试题及答案1、对Web标准以及W3C的理解与认识2、某HTML和HTML有什么区别答：HTML是一种基本的WEB网页设计语言，某HTML是一个基于某ML 的置标语言最主要的不同：某HTML元素必须被正确地嵌套;某HTML元素必须被关闭;某HTML文档必须拥有根元素。
3、Doctype严格模式与混杂模式-如何触发这两种模式，区分它们有何意义答：Doctype用于声明文档使用哪种规范(HTML/某HTML)加入某ML声明可触发，解析方式更改为IE5.5拥有IE5.5的bug。
4、行内元素有哪些块级元素有哪些CSS的盒模型答：行内元素：abbripaninputelect块级元素：divph1h2h3h4formulCSS盒模型：内容，bordermarginpadding答：方式：内联内嵌外链导入区别：同时加载前者无兼容性，后者CSS2.1以下浏览器不支持Link支持使用javacript改变样式，后者不可。
6.CSS选择符有哪些哪些属性可以继承优先级算法如何计算内联和important哪个优先级高后者优先级高7、前端页面有哪三层构成，分别是什么作用是什么答：结构层HTML表示层CSS行为层JS8、你做的页面在哪些浏览器测试过这些浏览器的内核分别是什么答：Ie(Ie内核)火狐(Gecko)谷歌(webkit)opear(Preto)答：Alt当图片不显示时，用文字代表Title为该属性提供信息。
10、描述CSSReet的作用和用途答：Reet重置浏览器的CSS默认属性浏览器的品种不同，样式不同，然后重置，让他们统一。
100-199用于指定客户端应响应的某些动作。
200-299用于表示请求成功。
300-399用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。
400-499用于指出客户端的错误。
400语义有误，当前请求无法被服务器理解。
401当前请求需要用户验证403服务器已经理解请求，但是拒绝执行它。
web前端开发面试题及答案
web前端开发面试题及答案Web前端开发是互联网行业中一个非常热门的领域，涉及到网页设计、开发和用户体验等多个方面。
在面试过程中，面试官通常会提出一系列问题来评估应聘者的专业知识和技能。
以下是一些常见的Web前端开发面试题及答案：1. HTML相关问题- 问：HTML5有哪些新特性？- 答：HTML5引入了新的语义元素如`<header>`, `<footer>`,`<article>`, `<section>`等，增强了表单控件，如`<inputtype="date">`，`<input type="range">`等，支持多媒体内容，如`<video>`和`<audio>`，以及提供了绘图功能`<canvas>`。
2. CSS相关问题- 问：CSS选择器有哪些类型？- 答：CSS选择器主要有以下几种类型：元素选择器、类选择器（如`.class`）、ID选择器（如`#id`）、属性选择器（如`[type="text"]`）、伪类选择器（如`:hover`, `:first-child`）和伪元素选择器（如`::before`, `::after`）。
3. JavaScript相关问题- 问：JavaScript中的闭包是什么？- 答：闭包是指一个函数能够记住并访问其创建时的环境，即使该环境的外部上下文已经执行完毕。
闭包通常用于创建私有变量和方法，或者在回调函数中使用外部变量。
4. 响应式设计相关问题- 问：如何实现响应式网页设计？- 答：实现响应式网页设计主要依赖于CSS媒体查询（Media Queries），通过不同的屏幕尺寸和设备特性来应用不同的样式规则。
同时，使用流体布局（使用百分比而非固定像素）和可伸缩的图片和媒体元素也是关键。
最新前端开发面试题及答案
最新前端开发面试题及答案1. 什么是前端开发？答案：前端开发是指使用HTML、CSS和JavaScript等技术构建网站或Web应用程序的用户界面的过程。
2. 解释一下什么是响应式网页设计？答案：响应式网页设计是一种使网站能够适应不同屏幕尺寸和设备的技术，确保用户在任何设备上都能获得良好的浏览体验。
3. 请简述HTML5的新特性。
答案：HTML5引入了新的语义标签，如`<header>`、`<footer>`、`<article>`等，增强了Web应用的功能，如`<canvas>`用于绘图，`<video>`和`<audio>`用于媒体播放，以及对本地存储的支持等。
4. CSS3相比CSS2有哪些改进？答案：CSS3在CSS2的基础上增加了多种新特性，如圆角（border-radius）、阴影（box-shadow）、渐变（gradients）、转换（transforms）和动画（animations）等。
5. JavaScript中的闭包是什么？答案：闭包是指有权访问另一个函数作用域中的变量的函数，即使在创建该函数的作用域之外，这些变量也会被保留在内存中。
6. 请解释同步和异步编程的区别。
答案：同步编程是指代码按照顺序执行，一个任务完成后才执行下一个任务。
异步编程允许程序在等待某个任务完成时继续执行其他任务，通常通过回调函数、Promise或async/await来实现。
7. 什么是跨域请求（CORS）？答案：跨域请求（CORS）是指浏览器在发起一个HTTP请求时，请求的域名与当前网页的域名不同，浏览器出于安全考虑，会限制这种跨域请求。
8. 请描述一下事件冒泡和事件捕获。
答案：事件冒泡是指当一个元素触发事件时，该事件会从事件源元素开始，逐级向上传播到文档的根元素。
事件捕获则是事件从根元素开始，向下传播到目标元素。
9. 什么是单页应用（SPA）？答案：单页应用（SPA）是一种Web应用或网站，它通过动态重写当前页面来与用户交互，避免了从服务器重新加载整个新页面的过程。
高级web前端面试题及答案
高级web前端面试题及答案1. HTML5 新增的表单元素有哪些？答案：HTML5 新增的表单元素包括 `date`、`time`、`email`、`url`、`number`、`range`、`search`、`tel`、`color` 等。
2. CSS3 中新增的伪类有哪些？答案：CSS3 中新增的伪类包括 `:enabled`、`:disabled`、`:checked`、`:not()`、`:nth-child()`、`:nth-last-child()`、`:nth-of-type()`、`:nth-last-of-type()`、`:first-of-type`、`:last-of-type`、`:first-child`、`:last-child`、`:only-child`、`:only-of-type`、`:empty`、`:target` 等。
3. JavaScript 中 `==` 和 `===` 的区别是什么？答案：`==` 是等于运算符，它会在比较前进行类型转换；而`===` 是全等运算符，它不会进行类型转换，如果两个值类型不同，则直接返回 `false`。
4. 解释 JavaScript 中的闭包是什么？答案：闭包是一个函数和其周围的状态（词法环境）的组合。
闭包允许函数访问其定义时的作用域链，即使该函数在定义作用域之外被调用。
5. 如何实现深拷贝和浅拷贝？答案：浅拷贝只复制对象的第一层属性，而深拷贝会递归复制对象的所有层级。
可以使用 `JSON.parse(JSON.stringify(object))` 实现浅拷贝，深拷贝可以通过递归函数或者使用库（如 lodash 的`_.cloneDeep` 方法）来实现。
6. 什么是跨域问题，如何解决？答案：跨域问题是指浏览器出于安全考虑，限制不同源之间的网页交互。
解决跨域问题的方法有：使用 JSONP、CORS（跨源资源共享）、代理服务器、、document.domain 等。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1Doctype作用？严格模式与混杂模式如何区分？它们有何意义?HTML5 为什么只需要写 <!DOCTYPE HTML>？行内元素有哪些？块级元素有哪些？空(void)元素有那些？页面导入样式时，使用link和@import有什么区别？介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？简述一下你对HTML语义化的理解？HTML5的离线储存怎么使用，工作原理能不能解释一下？浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？请描述一下 cookies，sessionStorage 和 localStorage 的区别？iframe有那些缺点？Label的作用是什么？是怎么用的？（加 for 或包裹）HTML5的form如何关闭自动完成功能？如何实现浏览器内多个标签页之间的通信? (阿里)webSocket如何兼容低浏览器？(阿里)页面可见性（Page Visibility）API 可以有哪些用途？如何在页面上实现一个圆形的可点击区域？实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。
网页验证码是干嘛的，是为了解决什么安全问题？tite与h1的区别、b与strong的区别、i与em的区别？介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？CSS选择符有哪些？哪些属性可以继承？CSS优先级算法如何计算？CSS3新增伪类有那些？如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？display有哪些值？说明他们的作用。
position的值relative和absolute定位原点是？CSS3有哪些新特性？请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？用纯CSS创建一个三角形的原理是什么？一个满屏品字布局如何设计?常见兼容性问题？li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧？为什么要初始化CSS样式。
absolute的containing block计算方式跟正常流有什么不同？CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？对BFC规范(块级格式化上下文：block formatting context)的理解？CSS权重优先级是如何计算的？请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式移动端的布局用过媒体查询吗？使用 CSS 预处理器吗？喜欢那个？CSS优化、提高性能的方法有哪些？浏览器是怎样解析CSS选择器的？在网页中的应该使用奇数还是偶数的字体？为什么呢？margin和padding分别适合什么场景使用？抽离样式模块怎么写，说出思路，有无实践经验？[阿里航旅的面试题]元素竖向的百分比设定是相对于容器的高度吗？全屏滚动的原理是什么？用到了CSS的那些属性？什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用。
如何修改chrome记住密码后自动填充表单的黄色背景？你对line-height是如何理解的？设置元素浮动后，该元素的display值是多少？（自动变成display:block）怎么让Chrome支持小于12px 的文字？让页面里的字体变清晰，变细用CSS怎么做？（-webkit-font-smoothing:antialiased;）font-style属性可以让它赋值为“oblique” oblique是什么意思？position:fixed;在android下无效怎么处理？如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）display:inline-block 什么时候会显示间隙？(携程)overflow: scroll时不能平滑滚动的问题怎么处理？有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。
png、jpg、gif 这些图片格式解释一下，分别什么时候用。
有没有了解过webp？什么是Cookie 隔离？（或者说：请求资源的时候不要让它带cookie怎么做）style标签写在body后与body前有什么区别？介绍JavaScript的基本数据类型。
说说写JavaScript的基本规范？JavaScript原型，原型链 ? 有什么特点？JavaScript有几种类型的值？（堆：原始数据类型和栈：引用数据类型），你能画一下他们的内存图吗？Javascript如何实现继承？Javascript创建对象的几种方式？Javascript作用链域?谈谈This对象的理解。
eval是做什么的？什么是window对象? 什么是document对象?null，undefined的区别？写一个通用的事件侦听器函数(机试题)。
["1", "2", "3"].map(parseInt) 答案是多少？关于事件，IE与火狐的事件机制有什么区别？如何阻止冒泡？什么是闭包（closure），为什么要用它？javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么？如何判断一个对象是否属于某个类？new操作符具体干了什么呢?用原生JavaScript的实现过什么功能吗？Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？对JSON的了解？[].forEach.call($$("*"),function(a){ a.style.outline="1px solid#"+(~~(Math.random()*(1<<24))).toString(16) })// 能解释一下这段代码的意思吗？js延迟加载的方式有哪些？Ajax 是什么? 如何创建一个Ajax？同步和异步的区别?如何解决跨域问题?页面编码和被请求的资源编码如果不一致如何处理？模块化开发怎么做？AMD（Modules/Asynchronous-Definition）、CMD（Common M odule Definition）规范区别？requireJS的核心原理是什么？（如何动态加载的？如何避免多次加载的？如何缓存的？）让你自己设计实现一个requireJS，你会怎么做？谈一谈你对ECMAScript6的了解？ECMAScript6 怎么写class么，为什么会出现class这种东西?异步加载的方式有哪些？documen.write和 innerHTML的区别?DOM操作——怎样添加、移除、移动、复制、创建和查找节点?.call() 和 .apply() 的含义和区别？数组和对象有哪些原生方法，列举一下？JS 怎么实现一个类。
怎么实例化这个类JavaScript中的作用域与变量声明提升？如何编写高性能的Javascript？那些操作会造成内存泄漏？JQuery的源码看过吗？能不能简单概况一下它的实现原理？jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？jquery中如何将数组转化为json字符串，然后再转化回来？jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？jquery.extend 与 jquery.fn.extend的区别？jQuery 的队列是如何实现的？队列可以用在哪些地方？谈一下Jquery中的bind(),live(),delegate(),on()的区别？JQuery一个对象可以同时绑定多个事件，这是如何实现的？是否知道自定义事件。
jQuery里的fire函数是什么意思，什么时候用？jQuery 是通过哪个方法和 Sizzle 选择器结合的？（jQuery.fn.find()进入Sizzle）针对 jQuery性能的优化方法？Jquery与jQuery UI有啥区别？JQuery的源码看过吗？能不能简单说一下它的实现原理？jquery 中如何将数组转化为json字符串，然后再转化回来？jQuery和Zepto的区别？各自的使用场景？针对 jQuery 的优化方法？Zepto的点透问题如何解决？jQueryUI如何自定义组件?需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。
给出你的技术实现方案？如何判断当前脚本运行在浏览器还是node环境中？（阿里）移动端最小触控区域是多大？jQuery 的 slideUp动画，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，该如何处理呢?把 Script 标签放在页面的最底部的body封闭之前和封闭之后有什么区别？浏览器会如何解析它们？移动端的点击事件的有延迟，时间是多久，为什么会有？怎么解决这个延时？（click 有300ms 延迟,为了实现safari的双击事件的设计，浏览器要知道你是不是要双击操作。
）知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout...)么? 能讲出他们各自的优点和缺点么?Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法？解释JavaScript中的作用域与变量声明提升？那些操作会造成内存泄漏？JQuery一个对象可以同时绑定多个事件，这是如何实现的？Node.js的适用场景？(如果会用node)知道route, middleware, cluster, nodemon, pm2, server-siderendering么?解释一下 Backbone 的 MVC 实现方式？什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点? 知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?简述一下 Handlebars 的基本用法？简述一下 Handlerbars 的对模板的基本处理流程，如何编译的？如何缓存的？用js实现千位分隔符?(来源：前端农民工，提示：正则+replace)检测浏览器版本版本有哪些方式？我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获原来公司工作流程是怎么样的，如何与其他人协作的？如何夸部门合作的？你遇到过比较难的技术问题是？你是如何解决的？设计模式知道什么是singleton, factory, strategy, decrator么?常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？页面重构怎么操作？列举IE与其他浏览器不一样的特性？99%的网站都需要被重构是那本书上写的？什么叫优雅降级和渐进增强？是否了解公钥加密和私钥加密。