本文共 1851 字，大约阅读时间需要 6 分钟。
a b span img input select strongdiv ul ol li dl dt dd h1 h2 h3 h4… p<br> <hr> <img> <input> <link> <meta>class :为元素设置类标识data-* : 为元素增加⾃定义属性draggable : 设置元素是否可拖拽id : 元素 id ，⽂档内唯⼀lang : 元素内容的的语⾔style : ⾏内 css 样式title : 元素相关的建议信息svg 绘制出来的每⼀个图形的元素都是独⽴的 DOM 节点，能够⽅便的绑定事件或⽤来修 改。 canvas 输出的是⼀整幅画布svg 输出的图形是⽮量图形，后期可以修改参数来⾃由放⼤缩⼩，不会失真和锯⻮。⽽ canvas 输出标量画布，就像⼀张图⽚⼀样，放⼤会失真或者锯⻮<!DOCTYPE HTML>HTML5 不基于 SGML ，因此不需要对 DTD 进⾏引⽤，但是需要 doctype 来规范浏览器 的⾏为HTML4.01 基于 SGML ,所以需要对 DTD 进⾏引⽤，才能告知浏览器⽂档所使⽤的⽂档 类型svgborder-radiusjs 实现 需要求⼀个点在不在圆上简单算法、获取⿏标坐标等等怎样处理 移动端 1px 被 渲染成 2px 问题?
mate 标签中的 viewport 属性 ， initial-scale 设置为 1rem 按照设计稿标准⾛，外加利⽤ transfrome 的 scale(0.5) 缩⼩⼀倍即可；mate 标签中的 viewport 属性 ， initial-scale 设置为 0.5rem 按照设计稿标准⾛即可iframe （阻塞⽗⽂档 onload 事件） iframe 会阻塞主⻚⾯的 Onload 事件SEOiframe 和主⻚⾯共享连接池，⽽浏览器对相同域的连接有限制，所以会影响⻚⾯的并 ⾏加载iframe 之前需要考虑这两个缺点。如果需要使⽤ iframe ，最好是通过 javascriptiframe 添加 src 属性值，这样可以绕开以上两个问题gif图⽚实现 loading 效果（降低 CPU 消耗，提升渲染性能）CSS3 代码代替 JS 动画（尽可能避免重绘重排以及回流）base64位编码，以减少⽹络请求。但不建议⼤图使⽤，⽐较耗 费 CPU<style></style> <script></script> 会阻塞⻚⾯；（因为 Renderer进程中 JS 线程和渲染线程是互斥的）href 和 src 会阻塞⻚⾯其他资源的加载 (阻塞下载进程)gzip ， CDN托管， data 缓存 ，图⽚服务器JS+数据，减少由于 HTML 标签导致的带宽浪费，前端⽤变量保存AJAX请求结 果，每次操作本地变量，不⽤请求，减少请求次数innerHTML 代替 DOM操作，减少 DOM 操作次数，优化 javascript 性能className⽽不是直接操作 styleDOM 节点查找的结果。减少 IO读取操作转载地址：http://rnozi.baihongyu.com/