面试官：如何提升应用的 Lighthouse 分数

Lighthouse 是用于测试网页性能工具最有用的技术之一。它具备了自动化，并可以测量网站的可访问性和 SEO。更重要的是，它目前是开源的并且可以免费使用。同时，它可以用来测试渐进式 Web 应用程序。今天，性能不仅仅是渲染应用程序所需的时间。一些不良的体验带来的多米诺骨牌效应更会损害你...

HTML/CSS/JavaScript 面试秋招前端

2022-05-29

0 262

动画篇：变量提升

变量提升（Hoisting）被认为是， Javascript中执行上下文（特别是创建和执行阶段）工作方式的一种认识。在 ECMAScript® 2015 Language Specification 之前的JavaScript文档中找不到变量提升（Hoisting）这个词。不过，需要注意的是，开始...

HTML/CSS/JavaScript 前端面试秋招

2022-05-29

1 241

用动画的方式理解事件循环机制，没有搞懂的快来看看

事件循环是每个 JavaScript 开发人员都必须理解的知识点之一，但起初理解起来可能有点困难。这篇开始，我会尝试通过低分辨率 gif 动画的方式解释它，进而来帮助你理解。首先，什么是事件循环，为什么要关心？ JavaScript 是单线程的：一次只能运行一个任务。通常这没什么大不了的，但...

HTML/CSS/JavaScript 前端秋招面试

2022-05-29

0 199

快将你的 React 应用迁移到 Vite 吧，速度太快啦

我们大多数人将使用 Create React App 来创建 React App。它支持所有开箱即用的配置。但是，当您的项目代码增长时，您可能会面临更高的构建时间、开发服务器的启动速度变慢并等待 2 到 5 秒以反映您在代码中所做的更改，并且当应用程序大规模增长时，这可能会迅速增加。这增加了 ...

HTML/CSS/JavaScript 面试前端大厂秋招

2022-05-21

0 336

Vue3 的 Reactive 响应式到底是什么

Vue 3 除了令人钦佩的性能改进，还带来了一些新功能。可以说，最重要的介绍是 Composition API 。在本文的第一部分中，我们将概括 Vue3 创建新 API 的动机:即，更好的组织和重用代码。在第二部分中，我们将重点讨论使用新API时较少讨论的方面，例如响应式特性。我将响应式特性其称...

HTML/CSS/JavaScript 前端面试秋招大厂

2022-05-21

0 282

增强版 Git Flow 模型

使用 Git 的最佳方式一直存在争议。那是因为 Git 本身只详细说明了基本的分支操作，这使得它的使用模式: 即分支模型——常常成为用户有意见的地方。虽然Git 分支模型能够帮助开发者减少其在更改代码库时带来的冲突。 Git Flow，是一种经常推荐给 Git 用户的分支模型。也许一开始你对 Gi...

HTML/CSS/JavaScript 前端面试秋招大厂

2022-05-21

0 250

14 行 CSS 代码实现明暗模式

最近我打算对我的个人网站添加明暗模式的自动检测。这个解决方案不使用 JavaScript。相反，它通过CSS 媒体查询来检测用户的系统设置，并使用两个自定义CSS属性来确定一个基本的配色方案。定义 2 个自定义的 CSS 属性 CSS 自定义属性也被称为 CSS变量或级联变量。你可以在 CSS 文...

HTML/CSS/JavaScript 面试前端大厂秋招

2022-05-21

0 206

【React】将 useReducer 应用于 Web Worker，擦出奇妙的火花

有这么一个场景，当加载一个网页时，它突然变得无响应，直到所有的资源完全加载完毕才响应。但是，当资源加载时，用户可能无法执行页面上的某些功能，比如单击、选择或拖动元素。这个时候你可能会想到使用 Web workers帮助我们解决这个问题。在本文中，我们将学习如何在 React 应用程序中使用web ...

HTML/CSS/JavaScript 面试秋招前端

2022-05-21

0 274

高级 React 具备的核心习惯

如果你是一名中级React开发人员，希望成为一名高级React开发人员，这篇文章就是为你准备的! 几年来，我每天都在检查初级和中级开发人员编写的React代码，这篇文章涵盖了我所看到的最常见的错误。我假设你已经知道React的基础知识，因此不会涉及“不要改变道具或状态”这样的陷阱。坏习惯本节中的...

HTML/CSS/JavaScript 前端秋招面试

2022-05-14

0 226

这些 HTML 标签你一定从未使用过

HTML中有超过100个元素，所有这些元素都可以应用于文本片段，以赋予它们在文档中的特殊意义。我们大多数人只知道几个元素，比如<p>、<div>和<body>元素…… 但是实际上还有很多隐藏在W3C参考的黑暗领域中。 < abbr > — 缩写这个元...

HTML/CSS/JavaScript 前端秋招面试

2022-05-14

0 171