女王控的博客

读书笔记

58 篇文章

浏览器工作原理与实践——宏观视角上的浏览器

Chrome 架构 在开始之前,我们一起看下,Chrome 打开一个页面需要启动多少进程?你可以点击 Chrome 浏览器右上角的“选项”菜单,选择“更多工具”子菜单,点击“任务管理器”,这将打开 Chrome 的任务管理器的窗口,如下图 和 Windows 任务管理器一样,Chrome 任务管理器也是用来展示运行中 Chrome 使用的进程信息的。从图中可以看到,Chrome 启动了 4 个进程,你也许会好奇,只是打开了… »

JS风格指南

介绍 不必严格遵守本文的所有原则,有时少遵守一些效果可能会更好,具体应根据实际情况决定。这是根据《代码整洁之道》作者多年经验整理的代码优化建议,但也仅仅只是一份建议。 软件工程已经发展了 5… »

CSS世界流的破坏与保护

魔鬼属性 float float 的本质与特性 浮动的本质就是为了实现文字环绕效果。 包裹性; 块状化并格式化上下文; 破坏文档流; 没有任何 margin 合并; 所谓“包裹性”,由“包裹”和“自适应性”两部分组成。 包裹。假设浮动元素父元素宽度 200px,浮动元素子元素是一个 128px 宽度的图片,则此时浮动元素宽度表现为“包裹”,就是里面图片的宽度 128px,代码如下: 自适应性。如果浮动元素的子元素不只是一张 128px… »

CSS世界的层叠规则

所谓“层叠规则”,指的是当网页中的元素发生层叠时的表现规则。 默认情况下,网页内容是没有偏移角的垂直视觉呈现,当内容发生层叠的时候,一定会有一个前后的层叠顺序产生,有点儿类似于真实世界中“论资排辈”的感觉。 z-index 只是 CSS 层叠规则中的一部分 在 CSS 世界中,z-index 属性只有和定位元素(position 不为 static 的元素)在一起的时候才有作用,可以是正数也可以是负数。理论上说,数值越大层级越高,但实际上其规则要复杂很多。 但随着 CSS3 新世界的到来,z… »

前端调试技巧

编码只是开发过程中的一小部分,为了使我们工作更加高效,我们必须学会调试,并擅长调试。 内容概要 文中列举了常用调试技巧,如下: Debugger 在代码中插入 可以在其位置触发断点调试。 Console.dir 使用 命令,可以打印出对象的结构,而 仅能打印返回值,在打印 属性时尤为有用。 ps: 大部分时候,对象返回值就是其结构 使用辅助工具,语法高亮、linting 它可以帮助我们快速定位问题,其实 flow 与 typescript… »

0%