240 发简信
5jing
IP属地：上海
  • 120
    180
    5jing
    重排、重绘、合成

    更新了元素的几何属性（重排） 从上图可以看出，如果你通过 JavaScript 或者 CSS 修改元素的几何位置属性，例如改变元素的宽度、高度等，那么浏览器会触发重新布局，解...

    255 0 2
  • 180
    5jing
    渲染流程：HTML、CSS和JavaScript，是如何变成页面的？

    构建 DOM 树 构建 DOM 树的输入内容是一个非常简单的 HTML 文件，然后经由HTML 解析器解析，最终输出树状结构的 DOM。DOM 和 HTML 内容几乎是一样的...

    250 0 0
  • 180
    5jing
    从输入URL到页面展示，这中间发生了什么？

    用户输入 当用户在地址栏中输入一个查询关键字时，地址栏会判断输入的关键字是搜索内容，还是请求的 URL。如果是搜索内容，地址栏会使用浏览器默认的搜索引擎，来合成新的带搜索关键...

    247 0 0
  • 180
    5jing
    最新的Chrome进程架构

    浏览器（Browser）主进程 主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。 GPU 进程 Chrome 刚开始发布的时候是没有 GPU 进程的。而 GPU ...

    367 0 0
  • 180
    5jing
    Node.js学习笔记

    虚拟机 vmware liniux？ Node.js——服务器端语言 http://nodejs.cn/https://nodejs.org/ 用途 中间层安全性——客户端直...

    618 0 1
  • 180
    5jing
    ES6学习笔记

    变量 var 声明变量没有块级作用域可以重复声明不能限制 let 声明变量支持块级作用域禁止重复声明 const 声明常量支持块级作用域禁止重复声明控制修改 作用域 传...

    928 0 1
  • 180
    5jing
    前端开发环境

    前端模块化 加载一个资源的过程 浏览器根据DNS服务器得到域名的IP地址 向这个IP的机器发送http请求 服务器收到、处理并返回http请求 浏览器得到返回内容 浏览器渲染...

    667 0 1
  • 180
    5jing
    JSWebAPI

    1. 常说的JS（浏览器执行的JS）包含两部分： JS基础知识（ECMA262标准） JS-Web-API（W3C标准） 2. DOM节点的attr和property有什么区...

    817 0 1
  • 180
    5jing
    浏览器渲染进程

    浏览器的渲染进程是多线程的参考：https://segmentfault.com/a/1190000012925872 阻塞渲染 DOM树的生成过程中可能会被CSS和JS的加...

    894 0 1
  • 120
    180
    5jing
    JS基础总结

    1 变量 2 === 与 == obj.a == null是obj.a === nul || obj.a === undefined简写 3 内置函数 都可以使用new关键字...

    1026 0 1
  • 180
    5jing
    css动画

    动画类型 1transition补间动画 位置-平移（left/right/margin/transform） 方位-旋转（transform) 大小-缩放（transfor...

    526 0 1
  • 180
    5jing
    css float

    特性 元素“浮动” 脱离文档流，和absolute一样，不会对其他元素的定位造成干扰 不会脱离文本流，不会占据其他元素的空间，但是会占据其他元素中文字的位置 对自身的影响 形...

    681 0 1
  • 180
    5jing
    CSS样式（选择器）的优先级

    css样式（选择器）的优先级 计算权重分类 important 内联样式 后写的优先级高

    603 0 1
  • 180
    5jing
    line-height（css行高）

    行高 行高决定上下多余的宽度，会把上面、外面的盒子撑起来。 一个内联元素inline-box加到一起组成一行的元素line-box，line-box的高度由inline-bo...

    672 0 0
  • 120
    180
    5jing
    我们的双十一前夕。

    书书书呆呆子
    120 0 1
  • 180
    5jing
    HTML基础知识

    为什么a标签包含div是合法的？ 取决于外面是什么元素，a是transparent content model，计算的时候要拿掉a标签。 如果a上一层是div或body，则a...

    626 0 1
  • 180
    5jing
  • 120
    180
    5jing
    盒子模型和box-sizing属性

    盒子模型分类 IE盒子模型 标准盒子模型（W3C盒子模型） 这两个模型的唯一区别是计算width和height时，IE盒子模型包含padding和border, W3C盒子模...

    1002 0 0
  • 180
    5jing
    sticky footer布局

    实例 套路 一个展示内容content的容器wrapper 一个展示footer的容器 wrapper设置最小高度，保证可以展示全部内容 设置content下内边距，给foo...

    832 0 0
  • 180
    5jing
    flex布局

    具体参考阮一峰博客 Flex 布局教程：语法篇Flex 布局教程：实例篇

    475 0 0
暂无个人介绍