MrZ

> > 工作中培养起来的几点认知（和大家分享）： > > 1. 优先做最重要的事情，（可以自己写在笔记本上，每天的任务，也可以利用todolist类似的软件） > 2. 懂得“闭环思维”，（对领导定期汇报项目进展，对同事、下属及时同步项目进度） > 3. 拥有解决问题并快速解决问题的能力（解决各种问题，锻炼解决问题的思维，一条路不通要想别的方法） > 4. 做一个靠谱、聪明、皮实、值得信赖的人。提高自己的不可替代性。 > 5. 凡事有交代，件件有着落，事事有回音。 > 6. 感激bug,是bug让自己成长，要成长必须多解决bug.多承担任务。 > 7. 积极乐观，做一个正能量的人。（远离负能量的人和事）

label通常用来关联一个表单控件 爱好

:表示伪类，是一种样式，比如:hover, :active等 ::表示伪元素，是具体的内容，比如::before是在元素前面插入内容，::after则是在元素后面插入内容，不过需要content配合，并且插入的内容是inline的。 :before和:after其实还是表示伪元素，在css3中已经修订为::before和::after了，只是为了能兼容IE浏览器，所以也可以表示成:before和:after

HTML5 之前基于 SGML, SGML 需要指定 DTD 解析文档, 可通过指定要使用的 DTD, 若不写则会进入怪异模式; HTML5 不基于 SGML, 不需要指明 DTD, 其只有一种: .

CSS3 中规定伪类使用一个 : 来表示；伪元素则使用 :: 来表示。 CSS3 中新增的伪类有以下这些: :first-child / :last-child 表示子元素结构关系的 :nth-child() / nth-last-child() 用来控制奇数、偶数行的（控制表单奇数、偶数行的样式） :first-of-type / :last-of-type 表示一组兄弟元素中其类型的第一个元素 MDN :nth-of-type() / :nth-last-of-type() 这个选择器匹配那些在相同兄弟节点中的位置与模式 an+b 匹配的相同元素` MDN :root html...

有利于SEO 方便维护 有利于浏览器识别

内核主要分为渲染引擎和 JS 引擎。前者负责页面的渲染，后者负责执行解析 JavaScript。 之后，由于 JS 引擎越来越独立，现在所说的浏览器内核大都指渲染引擎。 目前主流的内核有以下 4 个： Trident: 由微软开发，即我们熟知的 IE 内核 Gecko: 使用 C++ 开发的渲染引擎，包括了 SpiderMonkey 即我们熟悉的 FireFox Presto: Opera 使用的内核 Webkit: 前端使用最多的 Chrome 和 Safari 使用的内核

优点 重载页面时不需要重载整个页面，只需要重载页面中的一个框架页 技术易于掌握，使用方便，可主要应用于不需搜索引擎来搜索的页面 方便制作导航栏 缺点 会产生很多页面，不容易管理 *不容易打印 对浏览器搜索引擎不友好 多框架的页面会增加服务器的http请求

px是css中的逻辑像素，和移动端的物理像素之间会有一个比值dpr em是指相对于父元素的大小 rem中的r就是root，也就是相对于root元素的大小（html标签）

闭包：在局部作用域引用上层作用域（非全局）的变量 优点：防止变量污染作用域 缺点：不释放则会导致内存泄漏