浏览器
文章平均质量分 52
浏览器原理、工作流程解析
前端小小白zyw
一只路过的小码农。。。
展开
-
JS 手写 new 函数
先创建一个构造函数,原型上添加一个方法。一个构造函数生成一个实例对象,那么。的过程中发生了什么呢,我们今天梳理下。然后,我们实现一个自定义。工作中我们经常会用到。打印看下,看到完美输出。原创 2024-01-04 16:59:10 · 1246 阅读 · 0 评论 -
JS + CSS 实现高亮关键词(不侵入DOM)
以上就是关于的使用方法:1. 获取文字节点2. 创建选区3. 创建高亮4. 自定义样式**文本颜色 `color`背景颜色 `background-color`文本修饰 `text-decoration`文本阴影 `text-shadow`文本描边 `-webkit-text-stroke`文本填充 `-webkit-text-fill-color`以下是兼容性,比较差,目前谷歌只兼容Chrome 105以上。原创 2023-12-28 14:04:12 · 2133 阅读 · 0 评论 -
flex + margin 妙用
利用flex + margin 巧用原创 2023-12-27 11:38:42 · 1268 阅读 · 0 评论 -
JS 嵌套循环之退出顶层循环
我们常常写循环的时候,可能会遇到嵌套循环,如果出现退出循环,一层还好,多层循环就费劲了,传统做法是加。原创 2023-12-27 10:44:38 · 796 阅读 · 0 评论 -
Animation 动画调试
Animation。原创 2023-06-09 16:21:16 · 526 阅读 · 0 评论 -
JS 优化之 document.Documentfragment 片段
渲染主线程的优化方案原创 2023-04-06 11:00:56 · 748 阅读 · 0 评论 -
JS 跨标签通信(实时)
跨标签通信原创 2023-02-10 20:29:24 · 911 阅读 · 0 评论 -
JS 实现抛物线动画案例
我们这里简单实现,一个按钮,一个购物车图标,样式这里直接跳过,最终。至此,我们便实现了简单的购物车抛物线动画。接下来,我们一步步实现逻辑。原创 2023-02-10 14:55:45 · 3931 阅读 · 1 评论 -
JS console.log 和 console.dir 的区别
【代码】JS console.log 和 console.dir 的区别原创 2023-02-09 17:00:01 · 250 阅读 · 0 评论 -
浏览器是多进程还是单进程?
*浏览器是多进程的,每一个tab页代表一个进程,如果多个空的tab页会合为一个进程 (webkit))每个进程下面有很多线程,我们具体介绍下:GUI 渲染线程渲染引擎的主要工作是将HTML/XML与CSS结合,解析为布局,最后绘制为页面...原创 2020-05-09 15:12:53 · 2017 阅读 · 0 评论 -
进程与线程的区别
根本区别:进程是资源分配的最小单位,线程是程序执行的最小单位进程有自己的独立地址空间,每启动一个进程,系统就会为它分配地址空间,程序之间的切换会有较大的开销;而线程是共享进程中的数据,使用相同的地址空间,因此CPU切换一个线程的花费远比进程要小很多,同时创建一个线程的开销也比进程要小很多。在操作系统中能同时运行多个进程(程序);而在同一个进程(程序)只少有一个线程,多线程的处理程序是顺序进行...原创 2019-09-10 17:41:27 · 247 阅读 · 0 评论 -
深入理解浏览器缓存机制 ( http )
一、介绍http缓存:浏览器根据当前http请求报文策略 将网路资源存储到本地内存(memory cache)/硬盘(disk cache)中浏览器浏览器缓存服务端发起请求,根据缓存规则验证缓存没有缓存或者缓存标识失效/过期,发起网络请求请求完成,返回请求结果,缓存标识缓存网络资源,缓存标识浏览器浏览器缓存服务端二、访问缓存优先级下次访问资源时,先从内存中查找,如果内存中有,直接加载...原创 2020-04-27 13:59:03 · 591 阅读 · 0 评论