2021年初级前端工程师面试题.docx

1、对 Web 标准以及 W3C 的懂得与熟悉？答：标签闭合、标签小写、不乱嵌套、提高搜寻机器人搜寻几率、使用外链 CSS和 JS 脚本、结构行为表现的分别、文件下载与页面速度更快、容能被更多的用户所拜访、容能被更广泛的设备所拜访、更少的代码和组件、简单保护、改版便利，不需要变动页面容、供应打印版本而水需要复制容、提高易用性；2、XHTML 和 HTML 有什么区分？答： HTML 是一种基本的 WEB 网页设计语言， XHTML 是一个基于 XML 的置标语言最主要的不同：XHTML 元素必需被正确地嵌套；XHTML 元素必需被关闭；标签名必需用小写字母；XHTML 文档必需拥有根元素；3、Doctype ？严格模式与混杂模式 - 如何触发这两种模式， 区分它们有何意义？答： Doctype 用于声明文档使用哪种规（ HTML/XHTML ）该标签可声明三种 DTD 类型，分别为严格版本、过度版本以及基于框架的 HTML文档；加入 XML 声明可触发，解析方式更换为 IE5.5 拥有 IE5.5 的 bug ；4、行元素有哪些？块级元素有哪些？ CSS 的盒模型？答：行元素： a b br i span input select块级元素： div p h1 h2 h3 h4 form ul CSS 盒模型：容， border margin padding专业资料.5、CSS 引入的方式有哪些？ link 和@import 的区分是？答：方式：联 嵌 外链 导入区分：同时加载前者无兼容性，后者 CSS2.1 以下浏览器不支持Link 支持使用 javascript 转变样式，后者不行；6.CSS 挑选符有哪 些 ？哪些属 性可 以继承 ？优先级 算法 如何计 算？联和important 哪个优先级高？答：标签挑选符、类挑选符、 id 挑选符继承不如指定 id>class> 标签挑选后者优先级高7、前端页面有哪三层构成，分别是什么？作用是什么？ 答：结构层 HTML 表示层 CSS 行为层 JS8、你做的页面在哪些浏览器测试过？这些浏览器的核分别是什么？ 答： Ie（Ie 核）火狐〔Gecko〕谷歌〔webkit〕 opear〔Presto〕9、img 标签上 title 与 alt 属性的区分是什么？答： Alt 当图片不显示时，用文字代表Title 为该属性供应信息；10 、描述 CSS Reset 的作用和用途答： Reset 重置浏览器的 CSS 默认属性 浏览器的品种不同，样式不同，然后重专业资料.置，让他们统一；11 、http 状态码有那些？分别代表是什么意思 .100-199 用于指定客户端应响应的某些动作；200-299 用于表示恳求胜利；300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息；400-499 用于指出客户端的错误；400 语义有误，当前恳求无法被服务器懂得；401 当前恳求需要用户验证403 服务器已经懂得恳求，但是拒绝执行它；500-599 用于支持服务器错误；503 – 服务不行用13. 说明 css sprites ，如何使用；Css 精灵 把一堆小的图片整合到一大的图片上，减轻服务器对图片的恳求数量14. 浏览器标准模式和怪异模式之间的区分是什么 .盒子模型 渲染模式的不同使用 patMode 可显示为什么模式15. 你如何对的文件和资源进行优化 .期望的解决方案包括：文件合并文件最小化 / 文件压缩使用 CDN 托管专业资料.缓存的使用16. 什么是语义化的 HTML.直观的熟悉标签 对于搜寻引擎的抓取有好处17. 清除浮动的几种方式，各自的优缺点1. 使用空标签清除浮动 clear:both〔 理论上能清晰任何标签，增加无意义的标签 〕2. 使用 overflow:auto〔 空标签元素清除浮动而不得不增加无意代码的弊端 ,,使用 zoom:1 用于兼容 IE〕3. 是用 afert 伪元素清除浮动 〔用于非 IE 浏览器 〕18. css hack_marging \\IE 6+margin \\IE 7Marging:0 auto \9 全部 IeMargin \0 \\IE 8Javascript 部分1. javascript 的 typeof 返回哪些数据类型Object number function boolean underfind2. 例举 3 种强制类型转换和 2 种隐式类型转换 .专业资料.强制（ parseInt,parseFloat,number ） 隐式（ == –=== ）3. split〔〕 join〔〕 的区分前者是切割成数组的形式，后者是将数组转换成字符串4. 数组方法 pop〔〕 push〔〕 unshift〔〕 shift〔〕Push〔〕 尾部添加 pop〔〕 尾部删除Unshift〔〕 头部添加 shift〔〕 头部删除5. 大事绑定和一般大事有什么区分6. IE 和 DOM 大事流的区分1. 执行次序不一样、2. 参数不一样3. 大事加不加 on4.this 指向问题7. IE 和标准下有哪些兼容性的写法Var ev = ev || window.eventdocument.documentElement.clientWidth || document.body.clientWidthVar target = ev.srcElement||ev.target专业资料.8. ajax 恳求的时候 get 和 post 方式的区分一个在 url 后面 一个放在虚拟载体里面有大小限制安全问题应用不同 一个是论坛等只需要恳求的，一个是类似修改密码的9. call 和 apply 的区分Object.call〔this,obj1,obj2,obj3〕Object.apply〔this,arguments〕10. ajax 恳求时，如何说明 json 数据使用 eval parse 鉴于安全性考虑 使用 parse 更靠谱11.b 继承 a 的方法12. JavaScript this 指针、闭包、作用域专业资料.13. 大事托付是什么让利用大事冒泡的原理，让自己的所触发的大事，让他的父元素代替执行！14. 闭包是什么，有什么特性，对页面有什么影响闭包就是能够读取其他函数部变量的函数；15. 如何阻挡大事冒泡和默认大事canceBubble return false16. 添加 删除 替换 插入到某个接点的方法obj.appendChidl〔〕obj.innersetBeforeobj.replaceChildobj.removeChild专业资料.17. 说明 jsonp 的原理，以及为什么不是真正的 ajax动态创建 script 标签，回调函数Ajax 是页面无刷新恳求数据操作18. javascript 的本地对象，置对象和宿主对象本地对象为 array obj regexp 等可以 new 实例化置对象为 gload Math 等不行以实例化的宿主为浏览器自带的 document,window 等19. document load 和 document ready 的区分Document.onload 是在结构和样式加载完才执行 jsDocument.ready 原生种没有这个方法， jquery 中有 $〔〕.ready〔function〕20. ” == ”和“ === ”的不同专业资料.前者会自动转换类型后者不会21. javascript 的同源策略一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合22. 编写一个数组去重的方法function oSort〔arr〕{var result ={}; var newArr=[];for〔var i=0;i