随笔分类 - 总结
摘要：gin http.handler 接口定义 package http type Handler interface { ServeHTTP(w ResponseWriter, r *Request) } func ListenAndServe(address string, h Handler) e
阅读全文
摘要：axios instance 定义 \\ 定义配置 config 和 请求前后的 interceptor function Axios(instanceConfig) { this.defaults = instanceConfig; this.interceptors = { request: n
阅读全文
摘要：q/promise promise 实现 // demo Q.Promise(function(resolve, reject, notify) {} .then() 执行流程 Promise - > then - > NextTick(放入task队列) -- > flush(下一个循环， 执行队
阅读全文
摘要：bootstrap 分类 函数，变量 reset 布局，组件 帮助类 总结 @mixin / @include 定义样式及在其他地方引入 @function 定义函数 scss 内置函数 scss 变量 $a 开头 scss 变量默认: !default 如果分配给变量的值后面添加了!default
阅读全文
摘要：webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 webpack 根据模块的依赖关系进行静态分析，这些文件(模块)会被包含到 bundle.js 文件中。Webpack 会给每个模块分配一个唯一的 id 并通过这个 i
阅读全文
摘要：webapi JS Web API有哪些？ DOM、BOM、事件绑定、ajax、存储 DOM的本质就是从HTML解析出来的一棵树，是树形的数据结构。 document.getElementById();//id名，在实际开发中较少使用，选择器中多用class id一般只用在顶级层存在 不能太过依赖i
阅读全文
摘要：js 变量,类型,计算 类型 值类型：字符串，数字，bool，Symbol 引用类型：object，array，function，null typeof运算符 typeof能识别所有值类型，识别函数，判断是否是引用类型（不可再细分） 拷贝 浅拷贝 -- 改变拷贝对象的值，原值改变 深拷贝 -- 改变
阅读全文
摘要：IFC w3c规范 如果一个line box里没有文字、保留的空格、非0的margin或padding或border的inline元素、或其他in-flow内容（比如图片、inline-block或inline-table元素），且不以保留的换行符结束的话，就会被视作高度为0的line box。 f
阅读全文
摘要：CSS BFC 元素 block-level box: display 属性为 block, list-item, table 的元素，会生成 block-level box。 inline-level box: display 属性为 inline, inline-block, inline-ta
阅读全文
摘要：vim 光标移动 上下左右箭头 or h j k l 按键 光标在 文本一行的开头或者结尾，可以使用 上 下 箭头进行换行 文本词语移动 w 移动到下一个词语头部 e 移动到当前词语或者下一个尾部 b 移动到当前词语或者下一个头部 B 光标向后移动到字符串首 x 删除字符 搜索 全匹配 从上往下查找
阅读全文
摘要：网络配置： ifconfig、 ip 连通性探测： ping、 traceroute、 telnet、 mtr 网络连接： netstat、 ss、 nc、 lsof 流量统计： ifstat、 sar、 iftop 交换与路由： arp、 arping、 vconfig、 route 防火墙： i
阅读全文
摘要：settimeout 使用 语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。最低延时是 4ms this 超时调用的代码都是在全局作用域中执行的，因此函数
阅读全文
摘要：页面中的一些优化 js/css 阻塞 dom JavaScript 引擎在解析 JavaScript 之前，是不知道 JavaScript 是否操纵了 CSSOM 的，所以渲染引擎在遇到 JavaScript 脚本时，不管该脚本是否操纵了 CSSOM，都会执行 CSS 文件下载，解析操作，再执行 J
阅读全文
摘要：事件循环 event loop 当javascript代码执行的时候会将不同的变量存于内存中的不同位置：堆（heap）和栈（stack）中来加以区分，heap中一般存储我们的变量，stack一般存储函数或者方法。stack叫做执行栈，我们的方法依次会在这里执行。执行栈事件先进后出，任务队列先进先出。
阅读全文
摘要：V8 弱类型动态语言 JavaScript是一种弱类型动态语言 弱类型: 这说明在定义变量的时候不需要事先定义变量的类型，JavaScript在引擎在运行代码的时候会自己计算 动态：说明不同类型的变量可以相互赋值 栈空间和堆空间 在JavaScript的执行过程中，主要有三种内存空间：代码空间、栈空
阅读全文
摘要：js 基础 变量提升 先通过下面这段代码，来看看什么是 JavaScript 中的声明和赋值。 var myname = '极客时间' 这段代码你可以把它看成是两行代码组成的： var myname //声明部分 myname = '极客时间' //赋值部分 所谓的变量提升，是指在 JavaScri
阅读全文
摘要：导航流程 流程 从图中可以看出，整个过程需要各个进程之间的配合，所以在开始正式流程之前，我们还是先来快速回顾下浏览器进程、渲染进程和网络进程的主要职责。 1.浏览器进程主要负责用户交互、子进程管理和文件储存等功能。 2.网络进程是面向渲染进程和浏览器进程等提供网络下载功能。 3.渲染进程的主要职责是
阅读全文
摘要：TCP/IP 协议 TCP 互联网由一整套协议构成。TCP 只是其中的一层，有着自己的分工。 简化的协议层次 最底层的以太网协议（Ethernet）规定了电子信号如何组成数据包（packet），解决了子网内部的点对点通信。 IP 协议定义了一套自己的地址规则，称为 IP 地址。它实现了路由功能，允许
阅读全文
摘要：Chrome架构 线程 进程 进程是资源分配的最小单位，线程是CPU调度的最小单位 单进程浏览器 单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里，这些模块包含了网络、插件、JavaScript运行环境、渲染引擎和页面等。 其实早在2007年之前，市面上浏览器都是单进程的。 问题 不流畅
阅读全文
摘要：简述 三个大的进化路线 第一个是应用程序 Web 化。随着云计算的普及和 HTML5 技术的快速发展，越来越多的应用转向了浏览器 / 服务器（B/S）架构，这种改变让浏览器的重要性与日俱增，视频、音频、游戏几大核心场景也都在往 Web 的使用场景切换。 第二个是 Web 应用移动化。对于移动设备应用
阅读全文
