一、
Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Firefox 、 Chrome 以及 Safari 支持所有新的边框属性。注释:对于 border-image , Safari 5 以及更老的版本需要前缀 -webkit- 。Opera 支持 border-radius 和 box-shadow 属性,但是对于 border-image 需要前缀 -o-
二、
text-transform:capitalize是首字母大写
text-transfrom:lowercase是全部字母为小写
text-transfrom:uppercase是全部字母为大写
font-weight: bold;字体为粗体
三、
A 播放音频或者视频,通过视频或者音频的链接就可以播放,不需要通过别的插件播放
B 音频或者视频不属于属性或者事件。属性是放在标签里面的
D 只有指定的视频或者音频格式才可以
四、
WebWorker:
通过使用Web Worker,可以让我们在浏览器后台运行javascript,而不占用浏览器自身进程。
Web Worker是运行在后台的JavaScript,不会影响页面的性能。
当在HTML页面中执行脚本时,页面的状态是不可响应的,直到脚本完成为止。
web worker是运行在后台的js,独立于其他脚本,不会影响页面的性能,可以继续做其他事情:点击、选取内容等,而此时 web worker 在后台运行。
web Worker 本质是一个线程,在UI主线程之外并发执行的线程,主要解决耗时的JS任务。
首先了解浏览器的线程模型是怎样的?
程序:计算机可以执行的代码,存在磁盘中 --- 这是静止的(比如这是买的一块地皮);
进程:把 程序 调入到内存中,等待被CPU执行 --- 这是活动的(这是在地皮上建起来的几个工厂);
线程:是CPU执行 进程 代码的基本单位 --- 相当于生产任务(这是在工厂中进行生产的生产线);
而 进程 与 线程 的关系是:进程是操作系统分配内存的基本单位,线程处于进程内部,是CPU执行代码的基本单位,一个进程中至少有一个线程,也可以有多个(就比如在一个工程内,可以有一条生产线,也可以有多条生产线),多个线程间并发执行,从宏观上看是‘同时’执行,微观上看是‘轮流’执行。
拿chrome中的线程模型举例
1.chrome 中发起HTTP请求最多可以使用6个并发线程;
2.而负责向页面中执行绘制任务(HTML/CSS/JS/事件处理代码)的只有1个线程 --- UI主线程,如果碰到耗时的代码就有问题了,解决的办法:创建一个新的线程,去执行耗时的JS任务 -- 与UI主线程并发执行
Worker 线程的缺点:浏览器禁止Worker线程操作任何BOM 和 DOM对象,不能使用Worder加载类似jQuery.js文件。
五、
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。 属性值: application/x-www-form-urlencoded 在发送前编码所有字符(默认) multipart/form-data 不对字符编码。 在使用包含文件上传控件的表单时,必须使用该值。 text/plain 空格转换为 "+" 加号,但不对特殊字符编码。
六、
HTML5中新增的标签:header,footer,nav,article,section,aside,datalist,audio,video,embed,input属性
七、
八、
创建 块格式化上下文 BFC 的方式:
- 根元素(<html>)
- 浮动元素(元素的 float 不是 none)
- 绝对定位元素(元素的 position 为 absolute 或 fixed)
- 行内块元素(元素的 display 为 inline-block)
- 表格单元格(元素的 display为 table-cell,HTML表格单元格默认为该值)
- 表格标题(元素的 display 为 table-caption,HTML表格标题默认为该值)
- 匿名表格单元格元素(元素的 display为 table、table-row、 table-row-group、table-header-group、table-footer-group(分别是HTML table、row、tbody、thead、tfoot的默认属性)或 inline-table)
- overflow 值不为 visible 的块元素
- display 值为 flow-root 的元素
- contain 值为 layout、content或 paint 的元素
- 弹性元素(display为 flex 或 inline-flex元素的直接子元素)
- 网格元素(display为 grid 或 inline-grid 元素的直接子元素)
- 多列容器(元素的 column-count 或 column-width 不为 auto,包括 column-count 为 1)
- column-span 为 all 的元素始终会创建一个新的BFC,即使该元素没有包裹在一个多列容器中(标准变更,Chrome bug)。
九、
word-break是css3属性自动换行法则;处理单词折断 word-break: normal|break-all|keep-all; normal遵循浏览器换行规则 break-all 允许单词内换行 keep-all 只能在半角空格或连字符处换行。 设置white-space为nowrap,文本不会换行,文本会在同一行上继续,直到遇到<br>标签为止
十、
1. 应该根据标题的不同层级使用h1、h2、h3......
4. 网页最上层的标题应该是title,文章最上层的标题才是h1