9.13面经

Posted 2020-08-09 Abracadabra

1.js的基本规范：保证代码压缩后不出错；保证代码能通过特定IDE的自动格式化功能；使用标准的文档注释；使用规范有意义的变量名；不使用生偏语法；不在语句非赋值地方出生中文；明确定义函数固定数量的参数；不必热衷动态事件绑定；降低代码与Xhtml的耦合性；一个函数应该返回统一的数据类型；规范定义JSON对象，补全双引号；不在文件中留下未来确定不再使用的代码片段；不重复定义其他团队成员已经实现的方法；调用合适的方法；使用合适的控件存储合适的数据；永远不要忽略代码优化工作；会分析策划文档，能用面向对象方法进行接口定义和代码组织。

2.html和xhtml的区别：xhtml比html更注重语义，更接近xml；html允许一些不规范的写法，如：html下可以写：<br>，而xhtml有严格限制，每个标签都得关闭，要写成：<br />html下<table width=100>，可以不写引号""，而xhtml必须正确的写成：<table width="100">；xhtml废除了一些html里面的标签，原因是制定这个规范的w3c的牛人们觉得有些旧东西该淘汰或不科学；在xhtml和html下，同样的css样式表解析出来会有很多细节上的小差异；

3.浏览器有哪一些？各自的内核

(1)Geckos内核：Firefox浏览器、Madfox浏览器等
（2）Presto内核：Opera浏览器
（3）Kestrel内核：Opera 9.5 之后版本
（4）多种内核：Google Chrome、QQ浏览器
（5）Webkit内核：Apple Safari 浏览器

4.http有哪一些状态

1xx（临时响应）；2xx （成功）；3xx （重定向）；4xx（请求错误）；5xx（服务器错误）；

5.session 和 localstorage、cookie的区别

共同点：都是保存在浏览器端，且同源的。
区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知机制，可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。

6.页面怎么加载出来的

浏览器会把这个请求提交到网络，网络根据URL解析得到IP，然后根据IP访问对应的网站空间对应页面文件，然后读取页面文件反映到浏览器上，浏览器会对页面代码以及各种js、css等东西进行解析架构，加载页面代码，从代码第一行开始，加载到结束，然后返回一个回应：加载结束，这样在浏览器底部会显示网页加载完毕或者在地址栏会有相应的变化显示。

7.网页重构的过程：重构 应该是 将原来的网页 重新设计  比如 更好的语义化  对SEO更优化  
重新架构网页   ;

8.你怎么自学前端的；

9.你对将来的职业规划是什么（面试官说了前端可以转用户研究和产品经理）