前端国际化（i18n）策略开发流程 资源分离：将文本和其他需要翻译的内容从代码中分离出来，存储在单独的文件中，通常是JSON格式或其他易于处理的格式。 语言识别：根据用户的浏览器设置或用户选择的语言来

以前开发独立站，涉及过一些SEO的内容，为了避免后面会遗忘，感觉有必要记录下相关经验，也算是一次总结吧！

Vue3.2 setup语法糖 [ 单文件组件的语法糖<script setup> ],让写Vue3更畅快。

对象的结构、继承和依赖关系会影响到后续程序的维护性、代码的健壮性、耦合性等。对象结构的设计很容易体现出设计人员水平的高低 工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类，而子类可以重写接口方法以便创建的时候指定自己的对象…

一、动态rem适配方案：适合H5项目的适配方案 1. @media媒体查询适配 首先，我们需要设置一个根元素的基准值，这个基准值通常根据视口宽度进行计算。可以在项目的 CSS 文件中，通过媒体查询动态

hi, 大家好, 我是徐小夕, 最近在研究基于 web 的文档编辑器,在网上调研了很多方案, 刚好看到了一款非常有意思的开源编辑器——canvas-editor, 它底层基于 canvas 实现, 我

2024.04.20 更新前端面试问题总结（23 道题） 其他面试问题可以访问 https://github.com/pro-collection/interview-question/issues

虚拟列表赶紧用起来，轻轻松松解决超多重复DOM节点造成的卡顿~ 以下有三种不同级别的虚拟列表，分别针对生成的重复DOM节点是固定高度、不同高度和动态变化高度~

什么是webSocket？ 简单来说：webSocket就是服务器和客户端相互主动传输信息的约定协议。 优点: 基于TCP协议： WebSocket建立在TCP之上，这使得服务器端的实现相对容易。 与