- 博客(14)
- 收藏
- 关注
RSS订阅原创 css三栏布局
给左右盒子设置position：absolute，给左盒子设置left：0；top：0，给右盒子设置right：0；给中间盒子设置margin-left和margin-right。给左盒子设置float：left，给右盒子设置float：right，中间盒子设置。-left和margin-right。需要注意的是，左右盒子要放在中间盒子之前。2.absolute实现。给中间设置flex：1。...
2022-08-09 18:49:08
144
原创 css两栏布局
将左元素设置为固定宽度，并且向左浮动，右元素宽度设置为auto，margin-left为左元素宽度。左侧固定宽，右侧flex：1。
2022-08-09 18:35:06
377
转载 SSL与TLS
无效”的证书因“缺乏CA的身份核对”或是“服务器的域名和证书上的CN不符合时”在身份证明上是没有效应的，会产生证书错误连接出错的问题，比如证书错误 浏览已封锁或证书过期。SSL握手协议(SSL Handshake Protocol)：它建立在SSL记录协议之上，用于在实际的数据传输开始前，通讯双方进行身份认证、协商加密算法、交换加密密钥等。SSL协议可分为两层： SSL记录协议(SSL Record Protocol)：它建立在可靠的传输协议(如TCP)之上，为高层协议提供数据封装、压缩、...
2022-08-09 17:29:51
175
原创 JavaScript里的this关键词
this是JavaScript里的关键词，this总是返回一个对象，返回当前属性或方法所在的对象，this.name中的this就代表了name所在的对象this的指向是可变的如果一个函数在全局环境中运行，那么 this 就是指顶层对象（浏览器中为 window 对象）。构造函数中的 this ，指的是实例对象。定义了变量that，固定指向外层的this，然后在内层使用that，就不会发生this指向的改变。事实上，使用一个变量固定this。...
2022-08-09 15:56:54
226
转载 JS的事件循环
1、回调函数 2、事件 3、定时器 4、AJAX 5、发布/订阅（设计模式） 6、Promise（ES6） 7、Generator函数（ES6） 8、async函数（ES7）3、接着走到第二个setTimeout的时候，执行时间为0ms，放入宏任务队列，100ms时间到了之后，才放入第一个setTimeout里面的函数。4、走到console.log(‘猴哥最快’)的时候，因为不是异步，所以放入globalEC里面，然后执行console里面的，执行完后就被删除。这就需要js的事件循环来控制了。...
2022-08-09 12:52:34
112
原创 flex布局解析
flex-start：默认值左对齐flex-end：右对齐center：居中space-between：两端对齐，项目之间的间隔都相等space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍flex-start：交叉轴的起点对齐flex-end：价差周的终点对齐center：交叉轴的中点对齐baseline：项目的第一行文字的基线对齐stretch：默认值，如果项目未设置豪赌或者auto，将占满整个容器的高度。...
2022-08-09 12:15:40
118
原创 CSS三角形
border绘制三角形利用了边框边角处等分的道理。准备一个宽高都为0的元素，为其设置边框，其中三条边框的颜色设置为transparent被覆盖，剩下的就是一个三角形了。
2022-08-09 11:16:21
124
原创 computed与watch的区别
4.computed从一开始就进行监听，而watch则不监听第一次加载，如果要watch监听第一次加载，需要配置immediate：true。5.使用场景：computed适用于一个数据受多个数据影响时，watch适用于多个数据受一个数据影响时。1.computed表示的是计算属性，watch指的是监听属性，监听的值变化时执行回调函数。2.computed会使用缓存，而watch不使用缓存，每次监听都执行回调。3.computed需要return，而watch不一定要return。...
2022-08-09 10:56:02
2892
转载 页面渲染过程，重绘与回流
DOM+CSSOM=渲染树，渲染树由DOM树，CSSOM树合并而成，但并不是必须等CSSOM树加载完成后才开始加载合并构建渲染树，三者的构建并无先后条件，亦并非相互独立，而是会有交叉，并行构建，因此会出现一边加载，一边解析，一边渲染的工作现象。屏幕的一部分要进行重绘，渲染树的节点发生改变，但不改变该节点在页面当中的位置和大小，譬如某个div节点的字体颜色，背景颜色等发生改变，但是该div的标签节点的宽、高、内外边距不发生变化，此时出发浏览器重绘。再将tokens转化成节点，以节点构建DOM树。...
2022-08-09 00:11:49
192
1
原创 null和undefined
1.null是关键字，而undefined不是2.Boolean转换都为false3.undefined == null为true，undefined === null 为 false4.Number(undefined)为NaN，Number（null）为05.undefined本质是window对象上的属性，而null是对象 6.null用来表示本不该 有值的缺少值，常在初始化数据时占位，表示程序级、预期的缺失undefined指本该有值却意外缺失值的情况，用来表示系统级、意外的缺失......
2022-08-08 23:13:49
196
原创 H5本地存储
本地存储是指把数据存储在浏览器中的localStorage和sessionStarage上。按下F12进入浏览器检查，选择Application即可看到浏览器本地存储。localStorage和sessionStarage都是以Key-value的方式保存格式为字符串的数据。localstorage永久储存，关闭浏览器也不消失，而sessionStorage则是临时存储，关闭浏览器就消失了。本地存储操作通常配合jsonAPI来使用。...
2022-08-08 20:05:07
613
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人