- 博客(29)
- 收藏
- 关注
原创 JSbridge原理
参考: https://blog.csdn.net/yuzhengfei7/article/details/93468914
2021-03-28 21:51:38 143
原创 canvas截屏视频流画面
代码:// 用canvas 画 video的截图function GrabImage() { this.canvas = null; this.ctx = null; this.width = 0; this.height = 0; this.createCanvas = function(info) { if (this.canvas != null) { return; } this.c
2021-03-25 21:55:30 466
原创 左右固定中间自适应三栏布局
参考:https://blog.csdn.net/a18792627168/article/details/79686746
2021-03-23 10:26:07 142
原创 AST语法树
参考:https://juejin.cn/post/6844904035271573511一、ast如何生成词法分析token,js 执行的第一步是读取 js 文件中的字符流(扫描),词法分析生成 token语法分析生成AST,语法分析会将词法分析出来的 Token 转化成有语法含义的抽象语法树结构。同时,验证语法,语法如果有错的话,抛出语法错误。...
2021-03-22 13:25:20 146
原创 vue为什么要用虚拟DOM
参考:https://www.jianshu.com/p/af0b398602bc1、JS操作真实DOM的代价!用我们传统的开发模式,原生JS或JQ操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中,我需要更新10个DOM节点,浏览器收到第一个DOM请求后并不知道还有9次更新操作,因此会马上执行流程,最终执行10次。例如,第一次计算完,紧接着下一个DOM更新请求,这个节点的坐标值就变了,前一次计算为无用功。计算DOM节点坐标值等都是白白浪费的性能。即使计算机硬件一直在迭代更新,
2021-03-22 10:33:24 259
原创 时间复杂度
参考:https://blog.csdn.net/qq_41523096/article/details/821427471、给小灰一条长10寸的面包,小灰每3天吃掉1寸,那么吃掉整个面包需要几天?答案自然是 3 X 10 = 30天。如果面包的长度是 N 寸呢? 此时吃掉整个面包,需要 3 X n = 3n 天。如果用一个函数来表达这个相对时间,可以记作 T(n) = 3n。2、给小灰一条长16寸的面包,小灰每5天吃掉面包剩余长度的一半,第一次吃掉8寸,第二次吃掉4寸,第三次吃掉2寸…那么小
2021-03-22 09:20:21 104
原创 getBoundingClientRect().top与offsetTop有什么区别?
Element.getBoundingClientRect()Element.offsetTop差别大了,前者指元素(比如某个div)距离可视区域顶部的距离,后者包括滚动条卷起的部分。js原生的offsetTop属性有很多浏览器兼容性问题,用时要慎重。...
2021-03-21 23:25:02 718
原创 DOM事件中target和currentTarget的区别
target:触发事件的元素。currentTarget:事件绑定的元素。两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:代码:<ul id="ulT"> <li class="item1">fsda</li> <li class="item2">ewre</li> <li class="item3">qewe</li> <li class="it
2021-03-21 23:04:07 423
原创 http的强缓存和协商缓存
参考:https://www.jianshu.com/p/9c95db596df5http状态码200是强缓存。http状态码403是协商缓存。先去和http请求,是有返回的。
2021-03-21 20:00:38 100
原创 http1.1和http2.0的区别
参考:https://juejin.cn/post/6844903489596833800http2.0二进制格式,HTTP/2采用二进制格式而非文本格式多路复用,HTTP/2是完全多路复用的,而非有序并阻塞的——只需一个连接即可实现并行头部数据压缩,使用报头压缩,HTTP/2降低了开销服务端推送,HTTP/2让服务器可以将响应主动“推送”到客户端缓存中...
2021-03-21 19:45:02 113
原创 vue的好处和劣势
好处1、双向数据绑定,不用关心数据和dom层是如何实现的2、单页面(局部刷新)3、组件化坏处1、ie8不支持defineProperty,兼容性不足。2、seo不友好
2021-03-21 19:34:31 577
原创 首屏加载优化
cdn缓存懒加载图片压缩减少请求的数量缓存(前后端都可以做) localStorange 、redis,静态文件缓存方案script标签的async和defer这两个属性静态文件缓存方案(cache-control)使用nginx开启gzip减小网络传输的流量大小按需引入ssr渲染...
2021-03-21 19:24:20 119
原创 Bom和Dom有什么区别
BOM是浏览器对象模型,用来获取或设置浏览器的属性、行为,例如:新建窗口、获取屏幕分辨率、浏览器版本号等。DOM是文档对象模型,用来获取或设置文档中标签的属性,例如获取或者设置input表单的value值。...
2021-03-19 18:18:00 2760
原创 git的四个区域以及工作流程
参考: https://blog.csdn.net/WilliamVector/article/details/107863887
2021-03-19 12:53:51 247
原创 new Vue发生了什么
参考:https://blog.csdn.net/Umbrella_Um/article/details/89097892_init方法里面做了:![在这里插入图片描述](https://img-blog.csdnimg.cn/20210319115635737.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5namluZzAzMjA=
2021-03-19 11:59:44 221
原创 手写bind
参考:https://www.bilibili.com/video/BV1nt4y1e7Yt?from=search&seid=13276975576672006382
2021-03-17 01:18:12 67
原创 行内元素和块级元素有哪些?
块级元素:button div dl dt form h1~h6 hr ul li ol p table tbody td th tfoot thead trheader footer section aside article canvas行内元素i、img、a、b、br 、input、select、video、textarea、strong、button、span、label
2021-03-16 00:59:57 217
原创 HTTP与HTTPS的区别
参考:https://www.cnblogs.com/wqhwe/p/5407468.htmlHTTPS和HTTP的区别主要如下:1、https协议需要到ca申请证书,一般免费证书较少,因而需要一定费用。2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。4、http的连接很简单,是无状态的;HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网
2021-03-10 13:16:47 196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人