前端首屏优化 | 借助客户端能力提升 H5 首屏的 8 个手段
之前写了一篇文章，聊到了如何根据来梳理性能优化方案，反响还不错。于是，我计划输出「前端首屏优化」专栏系列，从不同角度聊聊首屏优化实践，包括且不限于防劣化、工程体系、端能力等，欢迎关注 ✨✨。作为专栏的第一篇，本文将从客户端角度，聊聊如何借助优化前端首屏加载速度。除了方案介绍，本文还会提供数据收益、注
vitest-前端单元测试
可以直接在vite.config.ts中直接对vitest进行配置，也可以新建一vitest.config.ts文件单独对vitest进行配置，如果使用vitest.config.ts单独对vitest进行配置的话，要注意vitest.config.ts会覆盖vite.config.ts中的配置。V
【软件测试】Web、App、接口自动化区别
Web自动化、App自动化和接口自动化是软件测试领域中的三种不同的自动化测试策略，它们针对的测试对象、测试工具和测试目的各不相同。选择适当的自动化测试方法取决于应用的类型、测试目标和资源。理解这些方法的区别和适用场景有助于更有效地规划和执行自动化测试策略。每种自动化测试方法都有其独特的优势和应用场景
【前端】WebSocket接收二进制数据转JSON并解决中文乱码问题（ArrayBuffer转json）
WebSocket与mqtt服务器通信，接收二进制数据并将其转为Json使用。一般方式都会出现中文乱码问题。
详细前端新手小白的Vue3入坑指南
学习 Vue 3 是一个循序渐进的过程，通过理解基础知识，实践项目，并不断探索和学习，你将逐步掌握这一强大的前端框架。祝你学习愉快！
告诉世界，前端也能做 AI
如果你现在正在找工作，可以私信“web”或者直接添加下方小助理进群领取前端面试小册、简历优化修改、大厂内推以及更多阿里、字节大厂面试真题合集，和p8大佬一起交流。
HTML5中如何利用WebRTC实现实时音视频通信？
通过获取媒体流、建立Peer连接和传输音视频数据等步骤，我们可以在浏览器中实现高质量的实时音视频通信。它允许网页应用或者站点在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现音视频通话和数据交换。在接收端，通过PeerConnection对象接收RTP数据包，并将
vue3使用vue-i18n实现国际化
vue-i18n。
Web的UI自动化基础知识
目录1 Web自动化入门基础1.1 自动化知识以及工具1.2 主流web自动化测试工具1.3 入门案例2 使用工具的API2.1 元素定位2.1.1 id选择器2.1.2 name2.1.3 class_name选择器2.1.4 tag_name选择器2.1.5 link_text选择器2.1.6
解决uni-app中使用webview键盘弹起遮挡input输入框问题
这个平平无奇的回答，可能是全网最靠谱的解决方案。这里我用的是vue3 setup .vue文件的方式
前端视角下的Spring-Boot语法学习：Java 环境安装
新款的 idea 编辑器为了推 spring boot 3 从而放弃了 JDK 8 的选择，老款的编辑器则是有8的版本的。进行JDK安装、并且 idea 自带 Maven，可以不需要手动下载 Maven，前期不需要把重心放到环境上。，之后需要设置环境变量，作为老前端，前期在不了解 Java 的情况下
Java Web防止同一用户同时登录实现方式
在Java Web应用中防止用户重复登录，主要是通过维护用户的会话状态来实现。
WebRTC播放组件之 srs.sdk.js 使用与详述
webrtc流媒体的播放，本质上也是基于建立端到端的RTC连接、接收推送过来的视频流数据的过程。webrtc流地址本质上就具有很强的规则性，其中包含信令服务器地址、基本参数等。SRS（Simple Real-Time Media Server）是一个强大的开源的流媒体服务器， webrtcs视频流的
前端高频面试题
所有的函数默认都有一个“prototype”这样公有且不可枚举的属性,它会指向另一个对象,这个对象就是原型。构造函数的prototype属性就等于实例对象的__proto__属性，构造函数的prototype属性被称为显式原型，实例对象的__proto__属性被称为隐式原型原型链，当访问对象的属性或
服务器部署—虚拟机安装nginx并部署web网页
该篇博客用于讲解Linux的Centos7发行版中如何通过Linux安装Nginx，然后将静态页面部署到Nginx中，通过浏览器访问。非常适用于新手小白学习项目部署相关的知识。！！需要大家提前准备好虚拟机和CentOS7操作系统。
前端canvas项目实战——在线图文编辑器(七)：加粗、斜体、下划线、删除线（下）
上一篇博文中，我们实现了为文字添加和修改加粗、斜体、下划线、删除线。这篇博文是《前端canvas项目实战——简历制作网站》付费专栏系列博文的第七篇——加粗、斜体、下划线、删除线（下），主要的内容有：1. 在上一篇实现加粗、斜体、下划线和删除线等功能时遇到bug及其解决方案。2. 在上一篇的实现中，我
「MDN web 入门」学习笔记
这篇文章简要的概括了在网页开发过程中的关键步骤和技术要点，包括安装基础软件、设计网站外观、处理文件、HTML、CSS、JavaScript基础知识、发布网站以及万维网工作原理等内容。
【项目日记（四）】搜索引擎-Web模块
搜索引擎-前端模块！
Pnpm + Turbo 搭建 Web Component Monorepo 组件库
技术选型 使用 Pnpm + Turbo 搭建 Web Component Monorepo项 组件库，提高开发构建速度
