下载此文档

前端知识点汇总.docx

文档分类：IT计算机 | 页数：约80页举报非法文档有奖

1/80

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/80 下载此文档

文档列表 文档介绍

该【前端知识点汇总】是由【书犹药也】上传分享，文档一共【80】页，该文档可以免费在线阅读，需要了解更多关于【前端知识点汇总】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。前端开发面试题
-7-10
前言
本文由我收集总结了某些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学****透彻学****形成自己的知识链。万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不也许的!不也许的!不也许的!
前端还是一种年轻的行业,新的行业原则,框架, 库都不断在更新和新增,正如赫门在深JS大会上的《前端服务化之路》主题演讲中说的一句话:“每18至24个月,前端都会难一倍”,这些变化使前端的能力更加丰富、发明的应用也会更加完美。因此关注多种前端技术,跟上迅速变化的节奏,也是身为一种前端程序员必备的技能之一。
但愿前端er达到既能使用也会体现,对理论知识有自己的理解。可根据下面的知识点一种一种去进阶学****形成自己的职业技能链。
面试有几点需注意:
面试题目:根据你的级别和职位的变化,入门级到专家级,广度和深度都会有所增长。
题目类型: 理论知识、算法、项目细节、技术视野、开放性题、工作案例。
细节追问:可以保证问到你开始不懂或面试官开始不懂为止,这样可以大大延展题目的辨别度和深度,懂得你的实际能力。由于这种知识关联是长时期的学****临时抱佛脚绝对是记不住的。
回答问题再棒,面试官(也许是你面试职位的直接领导),会考虑我要不要这个人做我的同事?因此态度很重要、除了能做事,还要会做人。(感觉更像是相亲(•̣̣̣̣̣̥́௰•̣̣̣̣̣̥̀))
资深的前端开发能把absolute和relative弄混,这样的人不要也罢,由于团队需要的是:你这个人具有可以依托的才干(靠谱)。
前端开发知识点:
HTML&CSS:
对Web原则的理解、浏览器内核差别、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级、
HTML5、CSS3、Flexbox
JavaScript:
数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、
DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由、模块化、Canvas、ECMAScript6、Nodejs
其她:
移动端、响应式、自动化构建、HTTP、离线存储、WEB安全、优化、重构、团队协作、可维护、易用性、SEO、UED、架构、职业生涯、迅速学****能力
作为一名前端工程师,无论工作年头长短都应当掌握的知识点:
1、DOM构造——两个节点之间也许存在哪些关系以及如何在节点之间任意移动。
2、DOM操作——如何添加、移除、移动、复制、创立和查找节点等。
3、事件 ——如何使用事件,以及IE和原则DOM事件模型之间存在的差别。
4、XMLHttpRequest—— 这是什么、如何完整地执行一次GET祈求、如何检测错误。
5、严格模式与混杂模式——如何触发这两种模式,辨别它们有何意义。
6、盒模型—— 外边距、内边距和边框之间的关系,及IE8如下版本的浏览器中的盒模型
7、块级元素与行内元素 ——怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素 ——怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML—— 两者有什么区别,你觉得应当使用哪一种并说出理由。
10、JSON——作用、用途、设计构造。
备注:
根据自己需要选择性阅读,面试题是对理论知识的总结,让自己学会应当如何体现。
资料答案不够对的和全面,欢迎欢迎Star和提交issues。
格式不断修改更新中。
HTML
Doctype作用?原则模式与兼容模式各有什么区别?
(1)、<!DOCTYPE>声明位于位于HTML文档中的第一行,处在<html>标签之前。告知浏览器的解析器用什么文档原则解析这个文档。DOCTYPE不存在或格式不对的会导致文档以兼容模式呈现。
(2)、原则模式的排版和JS运作模式都是以该浏览器支持的最高原则运营。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以避免站点无法工作。
</html>
HTML5 为什么只需要写 ?
HTML5不基于 SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应当的方式来运营);
,因此需要对DTD进行引用,才干告知浏览器文档所使用的文档类型。
行内元素有哪些?块级元素有哪些?空(void)元素有那些?
一方面:CSS规范规定,每个元素均有display属性,拟定该元素的类型,每个元素均有默认的display值,如div的display默认值为“block”,则为“块级”元素;span默认display属性值为“inline”,是“行内”元素。
(1)行内元素有:abspanimginputselect strong(强调的语调)
(2)块级元素有:divulollidldt ddh1 h2 h3 h4…p
(3)常用的空元素:
<br><hr> <img><input><link><meta>
鲜为人知的是:
<area><base><col><command><embed><keygen><param><source> <track><wbr>
页面导入样式时,使用link和***@import有什么区别?
(1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS,定义rel连接属性等作用;而***@import是CSS提供的,只能用于加载CSS;
(2)页面被加载的时,link会同步被加载,而***@import引用的CSS会等到页面被加载完再加载;
(3),只在IE5以上才干被辨认,而link是XHTML标签,无兼容问题;
简介一下你对浏览器内核的理解?
重要提成两部分:渲染引擎(layoutengineer或RenderingEngine)和JS引擎。
渲染引擎:负责获得网页的内容(HTML、XML、图像等等)、整顿讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示屏或打印机。浏览器的内核的不同对于网页的语法解释会有不同,因此渲染的效果也不相似。所有网页浏览器、电子邮件客户端以及其他需要编辑、显示网络内容的应用程序都需要内核。
JS引擎则:解析和执行javascript来实现网页的动态效果。
最开始渲染引擎和JS引擎并没有辨别的很明确,后来JS引擎越来越独立,内核就倾向于只指渲染引擎。
常用的浏览器内核有哪些?
Trident内核:IE,MaxThon,TT,TheWorld,360,搜狗浏览器等。[又称MSHTML]
Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等
Presto内核:Opera7及以上。 [Opera内核原为:Presto,现为:Blink;]
Webkit内核:Safari,Chrome等。 [Chrome的:Blink(WebKit的分支)]
具体文章:浏览器内核的解析和对比
html5有哪些新特性、移除了那些元素?如何解决HTML5新标签的浏览器兼容问题?如何辨别 HTML和
HTML5?
* HTML5 目前已经不是 SGML的子集,重要是有关图像,位置,存储,多任务等功能的增长。
绘画canvas;
用于媒介回放的video和audio元素;
本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;
sessionStorage的数据在浏览器关闭后自动删除;
语意化更好的内容元素,例如article、footer、header、nav、section;
表单控件,calendar、date、time、email、url、search;
新的技术webworker,websocket, Geolocation;
移除的元素:
纯体现的元素:basefont,big,center,font,s,strike,tt,u;
对可用性产生负面影响的元素:frame,frameset,noframes;
*支持HTML5新标签:
IE8/IE7/,
可以运用这一特性让这些浏览器支持HTML5新标签,
浏览器支持新标签后,还需要添加标签默认的样式。
固然也可以直接使用成熟的框架、例如html5shim;

*如何辨别HTML5:DOCTYPE声明\新增的构造元素\功能元素
简述一下你对HTML语义化的理解?
用对的的标签做对的的事情。
html语义化让页面的内容构造化,构造更清晰,便于对浏览器、搜索引擎解析;
虽然在没有样式CSS状况下也以一种文档格式显示,并且是容易阅读的;
搜索引擎的爬虫也依赖于HTML标记来拟定上下文和各个核心字的权重,利于SEO;
使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
HTML5的离线储存怎么使用,工作原理能不能解释一下?
在顾客没有与因特网连接时,可以正常访问站点或应用,在顾客与因特网连接时,更新顾客机器上的缓存文献。
原理:(不是存储技术),通过这个文献上的解析清单离线存储资源,这些资源就会像cookie同样被存储了下来。之后当网络在处在离线状态下时,浏览器会通过被离线存储的数据进行页面展示。
如何使用:
1、页面头部像下面同样加入一种manifest的属性;
2、;
CACHE MANIFEST
#
CACHE:
js/
css/
NETWORK:
resourse/
FALLBACK:
/ /
3、在离线状态时,。
具体的使用请参照:有趣的HTML5:离线存储
浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?
在线的状况下,浏览器发现html头部有manifest属性,它会祈求manifest文献,如果是第一次访问app,那么浏览器就会根据manifest文献的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面,然后浏览器会对比新的manifest文献与旧的manifest文献,如果文献没有发生变化,就不做任何操作,如果文献变化了,那么就会重新下载文献中的资源并进行离线存储。
离线的状况下,浏览器就直接使用离线存储的资源。
具体的使用请参照:有趣的HTML5:离线存储
请描述一下cookies,sessionStorage 和localStorage的区别?
cookie是网站为了标示顾客身份而储存在顾客本地终端(ClientSide)上的数据(一般通过加密)。
cookie数据始终在同源的http祈求中携带(虽然不需要),记会在浏览器和服务器间来回传递。
sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。

前端知识点汇总来自淘豆网www.taodocs.com转载请标明出处.