前端性能优化-页面渲染流程
一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快: 解析HTML【遇到标签加载图片】 —> 构建DOM树很快: 加载样式 —> 解析样式【遇到背景图片链接不加载...
远程使用Podman-指令
1、登录服务器ssh user@ip2、安装podmanapt update apt install -y podman apt-get install -y vim // 安装vim3、拉取镜像podman pull 镜像名 podman pull debian:bullseye podman pull node:14...
学习笔记──FFmpeg命令行 含义
cmd = [ 'ffmpeg', '-stream_loop', '10', # 循环播放第一个输入文件10次 '-i', bgmPath, # 第一个输入文件 '-i', videoPath, # 第二个输入文件 '-filter_complex', '[0:a]volume=0.1[a0];[1:a...
Taro | 多端统一开发解决方案
Taro是一个多端统一开发框架,可以帮助开发者使用一套代码同时适配多个小程序和Web平台,如微信小程序、支付宝小程序、百度小程序、字节跳动小程序、QQ 小程序、快应用、H5等。一、特点优势多端...
浅谈Web实时通信-SSE(Server-Sent Events)技术及简单演示
一、什么是SSEServer-Sent Events (SSE) 是一种用于实现服务器主动向客户端推送数据的技术,也被称为“事件流”(Event Stream)。这种技术的核心思想是服务器通过HTTP连接持续推送数据到客户端...
学习笔记──React──端到端测试
端到端(E2E)测试是一种重要的测试方法,用于确保整个应用从用户界面到后台服务都能正常工作。对于React应用来说,E2E测试可以模拟用户行为,验证应用的各个功能模块是否协同工作。本文将详细...
前端性能优化-CSS部分
加载层面为了避免让用户看到长时间的白屏时间,我们应该尽可能的提高css加载速度,比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况,替你挑选最近的一个具有缓存内容的节点为你提...
学习笔记──React──路由
基本概念Router:包裹整个应用的路由器组件,常见的是 BrowserRouter 和 HashRouter。Route:定义应用中的各个路由,表示 URL 与组件的映射关系。Link:用于创建可点击的导航链接。Switch:确保...
前端性能优化-CSS动画性能
一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快: 解析HTML【遇到标签加载图片】 —> 构建DOM树很快: 加载样式 —> 解析样式【遇到背景图片链接不加载...
学习笔记──React──依赖安装
一、一些必要的依赖# 安装 Babel 和相关插件npm install @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript babel-loader# 安装 ESLint 和相关插件npm install esli...
