- 博客(3)
- 收藏
- 关注
RSS订阅原创 flex+margin打开你的新大陆
如果我们要想实现一个元素水平垂直居中，以前是这样做的给父元素设置display:flex,justify-content:center,aligin-content:center。在弹性盒子里面设置margin:aoto的意思是吃掉元素剩余的空间。假设设置margin-left:aoto就是吃掉它左边的剩余空间，同理其它边也是一样。大家在最初学习CSS的时候想必对flex,margin已经很熟悉了，但是flex+margin能给你意想不到的结果,它能大大简化我们的布局。
2023-11-23 08:14:44
141
原创 call,apply,bind的区别和作用
首先这几个都是方法，call第一点可以调用函数，第二点可以改变this指向，call(参数一，参数二)。call的作用在继承里面体现出来了，就是构造函数继承，在子构造函数中使用父.call(this)实现继承，这个this指向的是子的实例对象。bind的话，和call传参一样，但是不同点在于call和apply会直接调用函数，但是bind只会返回该函数，你需要重新定义一个变量，才可以执行该函数。apply的话，和call类似，不同点在于传递参数的方式不同,apply传递的是一个数组。
2023-09-25 02:00:00
48
1
原创 浅析浏览器渲染原理
为了提高解析效率，浏览器在开始解析前，会启动一个预解析的线程，率先下载 HTML 中的外部 CSS 文件和 外部的 JS 文件。第一步完成后，会得到 DOM 树和 CSSOM 树，浏览器的默认样式、内部样式、外部样式、行内样式均会包含在 CSSOM 树中。位置，会停止解析 HTML，转而等待 JS 文件下载好，并将全局代码解析执行完成后，才能继续解析 HTML。位置，此时外部的 CSS 文件还没有下载解析好，主线程不会等待，继续解析后续的 HTML。至此浏览器如何渲染页面整个过程结束，是不是有点烧脑啊!
2023-09-24 21:32:22
55
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人