- 博客(14)
- 收藏
- 关注
原创 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关注的人