每天5道面试题——002

标题文字

常见的排序算法有哪些？

口诀：冒择路希快归堆
        冒泡排序、选择排序、插入排序、希尔排序、快速排序、归并排序、堆排序

什么是web语义化 ，有什么好处

web语义化是指通过HTML标记表示页面包含的信息，包含了HTML标签的语义化和CSS命名的语义化，HTML标签的语义化是指：通过使用包含语义的标签恰当的表示文档结构，css命名语义化是指：为html标签添加有意义的class，id补充未表达的语义，如Microformat通过添加符合规则的class描述信息，为什么需要语义化？
去掉样式后页面呈现清晰地结构
盲人使用读屏器更好的阅读
搜索引擎更好的理解页面，有利于收录
便团队项目的可持续运作及维护

从地址栏输入url到显示页面的步骤

 1、在浏览器地址栏输入URL
2、浏览器查看缓存，如果请求资源在缓存中并且新鲜，跳转到转码步骤，如果资源未缓存，发起新请求
  3、浏览器解析URL获取协议，主机，端口，path

4、解析HTML文档，构建DOM树，下载资源，构造CSSOM树，执行js脚本。这些操作没有严格的先后顺序。
  解析过程中遇到图片、样式表、js文件，启动下载
5、根据DOM树和CSSOM树构建渲染树

如何进行网站性能优化

content方面：  

        1、减少HTTP请求：合并文件、css精灵、inline Image
2、减少DNS查询：DNS查询完成之前浏览器不能从这个主机下载任何文件
                3、避免重定向：多余的中间访问
                4、使用Ajax可缓存

         5、非必须组件延迟加载
                6、未来所需组件预加载

         7、减少DOM元素数量

css方面：
                1、将样式表放到页面顶部
                 2、不使用css表达式
       js方面：
                1、脚本放在页面底部
                2、将JavaScript和css从外部引入
                3、压缩JavaScript和css

         4、减少DOM访问
                 

什么是渐进增强

渐进增强是指在web设计时强调可访问性、语义化HTML标签、外部样式表和脚本。保证所有人都能访问页面的基本内容和功能，同时为高级浏览器和高带宽用户提供更好的用户体验，核心原则如下：
       1、所有浏览器都必须能访问基本内容。
       2、所有浏览器都必须能使用基本功能。
       3、所有内容都包含在语义化标签中。

4、通过外部CSS提供增强的布局
       5、通过非侵入式、外部JavaScript提供增强功能