十一21
十一21
全部文章
分类
css学习(2)
html学习(6)
js(11)
vue(3)
笔试(1)
面试(3)
归档
标签
去牛客网
登录
/
注册
sota的博客
记录前端学习中的知识点
全部文章
(共26篇)
VUE的响应式原理
vue的内部使用Oject.defineProperty()来实现数据响应式。vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。vue通过遍历传入...
2020-06-07
0
777
requestAnimationFrame
浏览器直接处理dom的速度慢。因为用js修改dom,涉及到js引擎和DOM渲染引擎两个线程。设计到线程间通信,以及页面的回流和重绘。几万个DOM插入的操作肯定会到来卡顿。所以要分批次渲染。HTML5提供了一个请求动画的接口requestAnimationFrame setTimeout:通过设定间隔...
2020-06-06
1
540
js执行机制
线程是进程中的最小单位。执行一段指令所需的时间。打开tab相当于创建一个进程,http请求则是一个线程。js是单线程执行的。JS运行的时候会阻止dom解析渲染。如果js可能修改dom时页面还在解析,则会浪费。这就是单线程的好处。 HTML5允许多线程。开始执行js代码时,把任务分成同步和异步任务。同...
2020-06-06
1
445
网页渲染流程
webkit渲染引擎大致结构图片中的实现部分是web渲染引擎的所有移植的共有部分,虚线是不同产商自主开发实现部分。操作系统是管理和控制计算机硬件和软件资源的计算机程序。任何其他软件都要在操作系统的支持下运行。webkit也是在操作系统上工作。第三方库提供视频图像库支持webCore中包括HTML解析...
2020-06-06
2
726
js中V8引擎
编译型语言:在程序执行之前必须进行专门的编译过程。只要编译一次,翻译成机器语言,之后无须重编译。执行效率高,但是跨平台性能较差。解释性语言:程序运行时才编译。不直接变成机器语言,先翻译成中间代码,再由解释器对中间代码进行解释运行。因此解释性语言的效率较低。js本质是解释性语言,它需要一边执行一边解析...
2020-06-06
1
411
MVP、MVC、MVVM
MVC模式分成三个部分Model(模型):数据保存view(视图):用户界面controller(控制器):业务逻辑view触发指令到controller,controller完成业务逻辑后,要求model改变状态,model将新的数据发送到view用户得到反馈。 MVP模式是Model-View-...
2020-06-06
1
495
设计模式
设计模式就是一套写代码的方式,通过这种方式写的代码更容易维护和复用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案,代表了最佳的实践。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 创建型设计模式这些设计模式提供了一种在创建对象的同时隐藏创建逻辑的方式,而...
2020-06-06
1
409
DNS预解析
DNS全称为Domain Name System,即域名系统,是域名和IP地址相互映射的一个分布式数据库。域名解析即通过主机名,最终得到该主机名对应的IP地址的过程。DNS请求需要的带宽非常小,但是延迟却有点高,这点在手机网络上特别明显,而一次典型的DNS解析一般需要20-200ms,所以DNS预解...
2020-06-05
1
429
什么是CDN
CDN 内容分发网络:content delivery network CDN是通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上,提高用...
2020-06-05
2
512
节流和防抖
节流 连续触发的事件每隔一段时间执行。防抖 连续触发的事件只执行一次,事件停下一段时间后才能继续触发下一次。 使用场景: 节流: 可以将一些事件降低触发频率。比如懒加载时要监听计算滚动条的位置,但不必每次滑动都触发,可以降低计算的频率,而不必去浪费资源;另外还有做商品预览图的放大镜效果时,不必每次...
2020-06-05
2
447
首页
上一页
1
2
3
下一页
末页