其他 • 2024-09-21
之前已经介绍过FCP，本文介绍与之相对应的LCP。通过上文得知，FCP衡量的是页面首次渲染出有意义的内容的时间点，这通常包括文本、图像、非白色画布或SVG的渲染，可以让用户感知到网页正在加载。那么LCP又是什么?
其他 • 2024-09-01
首次内容渲染（First Contentful Paint，简称FCP）是一个以用户角度来衡量的性能指标，它衡量的是用户在**网页加载过程中首次看到内容的时间点**。这个指标之所以重要，是因为它代表了用户在屏幕上第一次看到网页内容的时刻，从而影响用户对网页加载速度的感知。一个快速的FCP可以增强用户的体验，**让用户感知到页面正在加载内容**。
css • 2024-07-27
编写响应式样式代码是一个前端开发工程师必备的技能之一，媒体查询是响应式设计的核心，它可以根据设备的特性（如屏幕宽度、分辨率等）来应用不同的样式规则。
工具 • 2024-07-13
monorepo是一种软件开发实践，它允许多个项目或包共享一个版本控制系统仓库。这种方式可以提高代码复用性，简化依赖管理，提高开发效率。那么前端如何管理单仓多个项目呢？比如如何管理项目之间各自的依赖包，项目A如何引用项目B等等。pnpm workspace可以帮我们解决这个问题。
其他 • 2024-07-08
在用户访问网站难免需要打开多个标签页的场景，有时候打开多个标签页，就需要做一些信息同步，比如打开多个问卷调查标签，当一个标签页填写完，需要通知其他标签页进行提示已填写，或者多个标签页需要公用一个长连接，或者页面国际化切换需要通知其他页签进行语种切换等等。诸多场景都需要进行标签页通信，本文介绍几种常见的多标签页通信的方案，看官可以按照实际需求选择合适自己的方案。
工具 • 2024-07-06
GitLab CI/CD 是 GitLab 提供的持续集成与持续部署工具，允许你在代码提交后自动运行构建、测试和部署等任务。要配置 GitLab CI/CD，你需要在仓库根目录下创建一个 `.gitlab-ci.yml` 文件，其中包含一系列的作业（Jobs）定义。
javascript • 2024-03-14
Typescript在给我们提供严格的类型安全的同时，也可能给我们带来麻烦，有时候实在想转成其他类型来规避类型错误提示。
其他 • 2024-01-03
JavaScript沙箱（Sandbox）是一种安全机制，用于隔离执行环境。在沙箱中运行的代码被限制在一个受控的环境中，只能访问特定的资源和执行特定的操作，而不影响宿主的原有的资源，造成对宿主运行环境的破坏。
框架 • 2023-01-05
Vue3 使用 Proxy 来实现响应式系统，Proxy 可以允许我们定义对象或者函数的自定义行为，例如属性查找，赋值，枚举，函数调用等。Vue3 借助 Proxy 的 handler 拦截操作，收集依赖，数据变更触发依赖更新，实现了响应系统核心。
nodejs • 2022-12-31
现在的前端研发都离不开nodejs，每天都要与nodejs打交道，这也引出了一些问题，同一个项目，不同的node版本可能会导致项目无法正常运行，所以就需要针对项目的nodejs版本进行切换。市面上也出现了nodejs版本管理工具，例如nvm或者fnm。
框架 • 2022-04-25
我们都知道React提供了一个 dangerouslySetInnerHTML 属性来让我们展示html文本成DOM节点。那么如果需要执行带script标签的html文本，可能结果不会如你所愿。
工具 • 2021-08-26
日常生活中，通常会使用扫码枪操作页面，比如商场的扫货物条形码，实现的办法是在input元素得到焦点后，通过扫描枪扫描条形码，就可以实现自动输入条形码，输入后执行完操作后再清空input的值再获取焦点，下面以react为例
