09 2020 档案

摘要:IFC w3c规范 如果一个line box里没有文字、保留的空格、非0的margin或padding或border的inline元素、或其他in-flow内容(比如图片、inline-block或inline-table元素),且不以保留的换行符结束的话,就会被视作高度为0的line box。 f 阅读全文
posted @ 2020-09-30 14:28 S&L·chuck 阅读(193) 评论(0) 推荐(0) 编辑
摘要:CSS BFC 元素 block-level box: display 属性为 block, list-item, table 的元素,会生成 block-level box。 inline-level box: display 属性为 inline, inline-block, inline-ta 阅读全文
posted @ 2020-09-29 22:27 S&L·chuck 阅读(234) 评论(0) 推荐(0) 编辑
摘要:vim 光标移动 上下左右箭头 or h j k l 按键 光标在 文本一行的开头或者结尾,可以使用 上 下 箭头进行换行 文本词语移动 w 移动到下一个词语头部 e 移动到当前词语或者下一个尾部 b 移动到当前词语或者下一个头部 B 光标向后移动到字符串首 x 删除字符 搜索 全匹配 从上往下查找 阅读全文
posted @ 2020-09-27 16:40 S&L·chuck 阅读(143) 评论(0) 推荐(0) 编辑
摘要:网络配置: ifconfig、 ip 连通性探测: ping、 traceroute、 telnet、 mtr 网络连接: netstat、 ss、 nc、 lsof 流量统计: ifstat、 sar、 iftop 交换与路由: arp、 arping、 vconfig、 route 防火墙: i 阅读全文
posted @ 2020-09-27 15:08 S&L·chuck 阅读(111) 评论(0) 推荐(0) 编辑
摘要:settimeout 使用 语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。最低延时是 4ms this 超时调用的代码都是在全局作用域中执行的,因此函数 阅读全文
posted @ 2020-09-27 11:56 S&L·chuck 阅读(140) 评论(0) 推荐(0) 编辑
摘要:页面中的一些优化 js/css 阻塞 dom JavaScript 引擎在解析 JavaScript 之前,是不知道 JavaScript 是否操纵了 CSSOM 的,所以渲染引擎在遇到 JavaScript 脚本时,不管该脚本是否操纵了 CSSOM,都会执行 CSS 文件下载,解析操作,再执行 J 阅读全文
posted @ 2020-09-23 23:35 S&L·chuck 阅读(107) 评论(0) 推荐(0) 编辑
摘要:事件循环 event loop 当javascript代码执行的时候会将不同的变量存于内存中的不同位置:堆(heap)和栈(stack)中来加以区分,heap中一般存储我们的变量,stack一般存储函数或者方法。stack叫做执行栈,我们的方法依次会在这里执行。执行栈事件先进后出,任务队列先进先出。 阅读全文
posted @ 2020-09-21 12:39 S&L·chuck 阅读(118) 评论(0) 推荐(0) 编辑
摘要:V8 弱类型动态语言 JavaScript是一种弱类型动态语言 弱类型: 这说明在定义变量的时候不需要事先定义变量的类型,JavaScript在引擎在运行代码的时候会自己计算 动态:说明不同类型的变量可以相互赋值 栈空间和堆空间 在JavaScript的执行过程中,主要有三种内存空间:代码空间、栈空 阅读全文
posted @ 2020-09-20 16:23 S&L·chuck 阅读(190) 评论(0) 推荐(0) 编辑
摘要:js 基础 变量提升 先通过下面这段代码,来看看什么是 JavaScript 中的声明和赋值。 var myname = '极客时间' 这段代码你可以把它看成是两行代码组成的: var myname //声明部分 myname = '极客时间' //赋值部分 所谓的变量提升,是指在 JavaScri 阅读全文
posted @ 2020-09-19 16:42 S&L·chuck 阅读(141) 评论(0) 推荐(0) 编辑
摘要:页面渲染流程 html/js/css 介绍 浏览器渲染的基本流程 各个浏览器流程 webkit渲染步骤 结合上图,一个完整的渲染流程大致可总结为如下: 渲染进程将 HTML 内容转换为能够读懂的 DOM 树结构。 渲染引擎将 CSS 样式表转化为浏览器可以理解的 styleSheets,计算出 DO 阅读全文
posted @ 2020-09-19 16:38 S&L·chuck 阅读(181) 评论(0) 推荐(0) 编辑
摘要:导航流程 流程 从图中可以看出,整个过程需要各个进程之间的配合,所以在开始正式流程之前,我们还是先来快速回顾下浏览器进程、渲染进程和网络进程的主要职责。 1.浏览器进程主要负责用户交互、子进程管理和文件储存等功能。 2.网络进程是面向渲染进程和浏览器进程等提供网络下载功能。 3.渲染进程的主要职责是 阅读全文
posted @ 2020-09-18 15:55 S&L·chuck 阅读(151) 评论(0) 推荐(0) 编辑
摘要:第二次打开浏览器快 浏览器流程 浏览器中的 HTTP 请求从发起到结束一共经历了如下八个阶段:构建请求、查找缓存、准备 IP 和端口、等待 TCP 队列、建立 TCP 连接、发起 HTTP 请求、服务器处理请求、服务器返回请求和断开连接。 快的原因 dns缓存,在浏览器本地把对应的 IP 和域名关联 阅读全文
posted @ 2020-09-18 15:29 S&L·chuck 阅读(148) 评论(0) 推荐(0) 编辑
摘要:TCP/IP 协议 TCP 互联网由一整套协议构成。TCP 只是其中的一层,有着自己的分工。 简化的协议层次 最底层的以太网协议(Ethernet)规定了电子信号如何组成数据包(packet),解决了子网内部的点对点通信。 IP 协议定义了一套自己的地址规则,称为 IP 地址。它实现了路由功能,允许 阅读全文
posted @ 2020-09-17 15:53 S&L·chuck 阅读(152) 评论(0) 推荐(0) 编辑
摘要:Chrome架构 线程 进程 进程是资源分配的最小单位,线程是CPU调度的最小单位 单进程浏览器 单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里,这些模块包含了网络、插件、JavaScript运行环境、渲染引擎和页面等。 其实早在2007年之前,市面上浏览器都是单进程的。 问题 不流畅 阅读全文
posted @ 2020-09-17 11:02 S&L·chuck 阅读(105) 评论(0) 推荐(0) 编辑
摘要:简述 三个大的进化路线 第一个是应用程序 Web 化。随着云计算的普及和 HTML5 技术的快速发展,越来越多的应用转向了浏览器 / 服务器(B/S)架构,这种改变让浏览器的重要性与日俱增,视频、音频、游戏几大核心场景也都在往 Web 的使用场景切换。 第二个是 Web 应用移动化。对于移动设备应用 阅读全文
posted @ 2020-09-17 09:51 S&L·chuck 阅读(117) 评论(0) 推荐(0) 编辑
摘要:CSS Reset why 只要您的客户存在使用不同浏览器(ie,firefox,chrome等)的可能,那你就不得不从完美的理想状态回到现实,因为不同核心的浏览器对CSS的解析效果呈现各异,导致您所期望的效果跟浏览器的“理解”效果有偏差,今天提到的css reset就是用来重置(复位)元素在不同核 阅读全文
posted @ 2020-09-04 17:23 S&L·chuck 阅读(175) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示