本仓库是我整理的前端常见面试题，大部分由我整理，其中个别部分参考网上其他资料，感谢！ 
本资料仅供大家学习参考使用！欢迎大家Star和提交issues。

HTML5 支持 MP3、Wav 和 Ogg 格式的音频，下面是在网页中嵌入音频的简单示例：
 

HTML5 能够本地存储数据，在之前都是使用 cookies。
HTML5 提供了下面两种本地存储方案：
localStorage 用于持久化的本地存储，数据永远不会过期，关闭浏览器也不会丢失。
sessionStorage 同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储

CDN缓存更方便 cnd：服务器
节约主域名的连接数，优化页面响应速度
 

alt 是图片加载失败时，显示在网页上的替代文字；
title 是鼠标放上面时显示的文字。
strong:粗体强调标签，强调，表示内容的重要性
em:斜体强调标签，更强烈强调，表示内容的强调点

渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，
 并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带。
优雅降级: 观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，
 并把测试对象限定为主流浏览器（如 IE、Mozilla 等）的前一个版本。 在这种设计范例下，旧版的浏览器被认为仅能提供“简陋却无妨 (poor, but passable)” 
 的浏览体验。你可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点，因此除了修复较大的错误之外，其它的差异将被直接忽略。
渐进增强: 观点则认为应关注于内容本身。 内容是我们建立网站的诱因。有的网站展示它，有的则收集它，有的寻求，有的操作，
 还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。这使得“渐进增强”成为一种更为合理的设计范例。
 

确定容器的宽高 宽500 高300的层，设置层的外边距(走自己的一半 1/2宽高)
 

在网页中，一个元素占有空间的大小由几个部分构成，其中包括
元素的内边距（padding）
元素的边框（border）
元素的外边距（margin）
这四个部分占有的空间中，有的部分可以显示相应的内容，
而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。

px: 的值是固定的，指定是多少就是多少，计算比较容易。
em: 得值不是固定的，并且em会继承父级元素的字体大小。 浏览器的默认字体高都是16px。
rem: 是相对于根元素文字大小的一个尺寸单位；
 

opacity作用于元素, 以及元素内所有的内容.
raba()只作用与元素的颜色或背景色(子元素不会继承透明度效果)

1 层叠行： 当同一个标签（权重一样）的样式发生冲突的时候，最后定义的样式会将前面定义的样式覆盖掉（层叠性）。
 与样式定义的顺序有关，和样式调用的顺序无关 
 
2 继承性：标签之间的关系属于嵌套关系 可以被继承的属性：有关文字的相关属性都可以被集成 如 颜色 大小 行高 字体 
 注意：1 a标签不能直接使用父元素中的文字颜色。 
 2 标题标签不能直接使用父元素中的文字大小。 

 1 元素与元素之间的层级关系 
 1 如果两个元素都设置了定位，那么后面定位的元素会覆盖前面定位的元素（后来居上） 
 2 如果想让一个盒子压另一个盒子，可以设置z-index值。 

总体来说设计模式分为三大类：
创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。
结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。
行为型模式，共十一种：策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式、中介者模

前端的路上我们一起携手共进！如果转载，请标注本链接地址。