摘要：
浏览器根据html节点生成一颗dom树，接着根据这个dom树和css生成另外一棵树：render tree。最后浏览器就根据render tree来渲染界面。 dom树和render树的区别： 前者包含了隐藏的元素（display=none），后者不包含。render树仅仅包含了需要被渲染的dom节 阅读全文
摘要：
简单汇总了一下web的优化方案（主要的前端优化策略） 减少http请求次数 文件合并（js、css、图片）；ps：多个图片合并之后，总体积会变小 内联图片，即data:URL scheme，但容易导致html页面混乱 可缓存的ajax 尽量使用get而不是post，get仅发送一次TCP数据包，而p 阅读全文
摘要：
两个概念 DOM就绪：指浏览器已经接收到整个HTML并且DOM解析完成，这时就可以开始操作dom了，如绑定事件。 渲染结束：浏览器已经接收到HTML中引用的所有样式文件、图片文件、以及Iframe等资源并渲染结束。 DOMContentLoaded 执行次序 JQuery中这两个方法就是对DOMCo 阅读全文
摘要：
alt是html标签的属性，而title既是html标签，又是html属性。 title标签这个不用多说，网页的标题就是写在<title></title>这对标签之内的。 title作为属性时，用来为元素提供额外说明信息。例如，给超链接标签a添加了title属性，把鼠标移动到该链接上面是，就会显示t 阅读全文
摘要：
transform 所做的一系列变换，都仅仅只是这个元素的样子，元素自身所在文档流中所占用的位置不会发生变化，所以是不会影响到其他元素的位置的 2D translate：平移，这点类似于 relative+top+left 的效果 skew（x，y）：翻转，180deg 和 0deg 的效果是一致的 阅读全文
摘要：
默认情况下，如果同一行中某个单词太长了，它就会被默认移动到下一行去： word break（normal | break-all | keep-all）：表示断词的方式 word wrap（normal | break-word）：表示是否要断词 word wrap break-word 【要断词】 阅读全文
摘要：
来源：SVG的用法 补充 依赖分辨率 不支持事件处理器 弱的文本渲染能力 能够以 .png 或 .jpg 格式保存结果图像 最适合图像密集型的游戏，其中的许多对象会被频繁重绘 不依赖分辨率 支持事件处理器 最适合带有大型渲染区域的应用程序（比如谷歌地图） 复杂度高会减慢渲染速度（任何过度使用 DOM 阅读全文
摘要：
来源：Javascript 严格模式详解 精简总结一下阮大神的文章，严格模式下： "use strict" 必须是当前作用域（全局作用域或者函数作用域）中第一句实际运行的语句，否则当前作用域内不会被严格模式所约束 当需要多个js合并成一个时，要使用严格模式，最好是使用 IIFE 变量必须声明后再使用 阅读全文
摘要：
来源：JS的函数定义方式以及对声明的提前 以下代码，声明语句会被提前到当前作用域（全局作用域和函数作用域）的顶部。但赋值语句不会提前，依然留在原地 而函数的声明也会提前到作用域的顶部 对以上的总结就是：只要是声明（变量声明或函数声明）就会被提前，但赋值语句不会被提前 以下代码中的y所在的环境，是全局 阅读全文
摘要：
来源：JavaScript跨域总结与解决办法 https://mp.weixin.qq.com/s/A0Oi-fUrmboRPPeNEjG3aw window.name window.name 的美妙之处：name值在不同的页面（甚至不同域名）加载后依旧存在，并且可以支持非常长的 name 值（2M 阅读全文