singularity（奇点）

CSS与Javascript的加载对Html渲染流程的影响

文章目录前言一、什么是WebRTC？二、WebRTC的特点三、WebRTC的使用场景四、如何在网页中使用音视频获取浏览器设备使用麦克风录制声音摄像头捕捉信息使用摄像头使用摄像头进行拍照使用摄像头 进行录像录制桌面信息总结前言大家对在线音频和视频并不陌生。日常的网络应用程序，如抖音和快手，为数百万人提供音频和视频内容。另一方面，对于网络实时通信来说，大家也并不陌生。像腾讯会议，企业微信，在线直播等。对于这些地方，这就是网络实时通信(WebRTC)发挥作用的地方。由于最近各个企业都在搞在线办公等相关的内

虚拟Dom真的能够提高性能么

对于当今的前端开发，模块化已经成了一种通用的解决方案，不管是vue还是React还是Angular，其中都会涉及的组件的封装。对于各现在的前端开发来说，如何去封装一个组件，以及封装组件的过程中，应该注意哪些东西都已经是每个前端的必备的基础技能了。但是在很多的时候，对于一些刚刚进入这个行业的新人来说，可能有部分的老人，不是很清楚什么时候应该去封装组件。接下来我就以下的问题聊一下组件的封装。我们为什么要封装组件？ 什么时候应该封装组件？ 应该如何去设计一个组件？为什么要封装组件？对于这个问

这是我个人的理解的前端2022年，甚至以后的前端发展的方向。这里没有太多的干货的知识，不会告诉你说Javascript怎么写，也不会告诉某个页面需要怎么排版……那都是一些很基础的东西（但是并不能我的本篇文章和思考有多么的高大上），这些方向的了解可能会贯穿我们整个前端的职业生涯；也可能等你在前端这个行业中摸爬滚打了多年之后，你才在某个清晨恍然大悟，原来这么多年我都是个机器：把设计稿转换成页面，每天做着这样重复但是看似有意思的工作。而我就是其中的后者。先简单的介绍一下为什么我会有这样的想法吧。我的前端经

前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再将数据回传回来，这样就减少了响应数据。接下来的内容中我们将通过缓存位置、缓存策略以及实际场景应用缓存策略来探讨浏览器缓存机制

当浏览器下载完页面所需元素（html标记，css层叠样式表，javascript，图片）之后，会生成两个东西：Dom树和渲染树。Dom树Dom树，主要是用来表示页面的Dom结构。渲染树渲染树主要是用来表示页面是如何进行渲染的。Dom树中，除了隐藏节点，其余的节点需要与渲染树中的至少存在一个对应的节点。渲染树中的每一个节点，被称为帧或者是盒子。盒子具有内边距，外边距，边框，位置等属性。一旦渲染树构建完成之后，浏览器就开始进行绘制页面。当Dom的变化影响到了元素的几何属性（宽和高等）——比如说修改了

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号   ¡¡¡¢¢¢£££¤¤¤¥¥¥¦&b