摘要：实现一个盒子在父盒子中水平垂直居中的几种“姿势”： 定位三种 display:flex display:table-cell javaScript动态取值 HTML部分 <div class="container" id="container"> <div class="box" id="box"> 阅读全文

摘要：概念的区别 @import 是css的语法规则； link 是HTML标签 用途的区别 @import 是css语法，只能用来导入样式文件； link 除了引入样式，还可引入其他资源文件 加载顺序的区别 @import 引入的css在页面加载完成后才能载入； link 在加载页面的同时进行加载 兼容 阅读全文

摘要：Transition 提供了从一种状态过渡到另一种状态的改变。 Animation 则可以从不同关键帧（@keyframes）上设置多个过渡点。 Transition 关注的是元素指定css属性的变化 只有开始和结束两个状态 动效的出发主要由hover或js触发，无法加载时触发 动画是一次性的，除非 阅读全文

摘要：这个过程中涉及到负责管理的浏览器进程、负责网络请求的网络进程和负责页面渲染的渲染进程 渲染过程这里先不进行具体描述，后续会单独整理 整体步骤 前提，当前页面的卸载事件和收集需要释放的内存 第一步，浏览器进程合成完整url，用户在地址栏输入的内容分两种：搜索内容和url地址(一般不完整)，若是搜索内容 阅读全文