@scope at-rule 允许我们将样式规则限定到给定的范围内，并根据这个范围的邻近程度设置样式元素。

在 CSS 中有两种设置动画的方式即 CSS animations 和 CSS transitions。它们看上去有些相似，但了解后会发现他们有很大不同。接下来，我们将探讨两者之间的异同，以及什么情况下更适合选择哪一种。

这是一份适合有着前端开发经验，并习惯使用现代前端框架，却还没深入使用过 React 的老鸟快速入门指南，如果你还没有接触过前端框架，那建议直接在官方文档仔细从头看起。

Node.js是一个基于Chrome V8引擎的JavaScript运行时环境，nodejs是单线程执行的，它基于事件驱动和非阻塞I/O模型进行多任务的执行。在理解Node.js的工作原理时，我们需要了解进程、线程、事件循环[1]以及消息队列[2]的概念，本篇文章就基于这几点去详细介绍，帮你慢慢理解node的工作原理。

原子化CSS本身的概念和 Tailwind CSS、UnoCSS 设计都比较简单，这里主要想聊一下在现代前端中，原子化CSS到底是不是完美的解决方案，是不是解决CSS问题的正确方向。

作为 PC 页面为主的业务方，大多数用户在一天的工作中，可能都不太会刷新或者重新打开我们的页面，导致我们在下午或者白天发布的前端版本，往往需要到几个小时甚至第二天，才能覆盖到 98% 以上的用户。

大家好，我是钉钉业务平台前端技术的单丹。以往，历经考勤、日志、审批、开放平台、工作台等多个钉钉重点业务，分享更多的是偏技术架构或业务思考，这次，仅记录下程序员一次普通的日常需求中的微型重构过程。

我们需要一种手段来获取用户某一时段连续的操作行为，也就是录制用户行为，包括整个会话中的每一个点击、滑动、输入等行为，同时支持回放录制的操作行为，完整且真实地重现用户行为以帮助我们回溯或分析某些使用场景。

本文讨论解答leetcode上比较难的一道题目：编辑距离。

TypeChat 是一个革命性的库，它简化了使用 TypeScript 构建自然语言模型界面的过程。传统模式下，创建自然语言模型界面是一项复杂的任务，通常依赖复杂的决策树来确定意图并收集行动所需的输入。随着大型语言模型（LLM）的出现，这个过程变得更加容易，但它也带来了新的挑战，例如限制模型回复的安全性、构建响应以供进一步处理以及确保模型回复的有效性。

本文从前端代码关注的代码质量，功能实现，性能优化，安全性，可读性，可复用性，兼容性说明前端代码审核。

本文将从渐进式、时间线、跨平台及企业级框架情况多个维度对两个库进行对比。

模块化编程（modular programming）是一种软件设计模式，它将软件分解为若干独立的、可替换的、具有预定功能的模块，每个模块实现一个功能，各模块通过接口（输入输出部分）组合在一起形成最终程序。当下流行的JavaScript、Python、Rust、Java 等语言都有具有模块(包)管理，甚至 C++20 开始都引入了模块化系统。

在本文中，我们将讨论驱动 WebAssembly 程序运行的核心组件——引擎。首先，本文将简要介绍一个语言的引擎包括哪些主要组成部分，它们如何配合完成工作，尝试构建一个概念模型。之后，就几款社区流行的开源引擎，分别介绍各自的特点。

一年前，InfoQ的编辑约请我对前端技术做了些回顾总结，说了三个方面的话题：其一，前端过去的15年大致可以怎样划分；其二，前端的现状以及面临的挑战；其三，前端会有怎样的未来。后来刊发成综述，是《技术15年》。缘于文体变动，访谈的味道十不存一，所以这里再次整理成文，是为《告前端同学书》。

最近AIGC技术的大热，市面上也出现了许多类似生产的AI工具，其中有一大特色就是对话的输出结果是类似真人的打字效果出现，要呈现出这种效果，最主要的就是要利用SSE技术（Server-Sent Events是一种基于HTTP长连接的“服务器推”技术，其特点在于建立更长时间的连接以等待后续数据的传输。

前端领域有多种流程库可供选择，包括但不限于vue-flow、butterfly、JointJS、AntV G6、jsPlumb和Flowchart.js。这些库都提供了用于创建流程图、图形编辑和交互的功能。然而，它们在特性、易用性和生态系统方面存在一些差异。

本文旨在说明如何满足需求：来自同一客户端的所有请求都被发送到同一个后端服务器，以确保会话数据或状态在服务器之间保持一致。

当然，常规的前端框架不只做到这一步，它们有专门的语法，如 Vue 中的模板语法和 React 中的 JSX，这些语法使得编写复杂的前端页面相对于其他方式更加简洁。

在日常开发中，开发人员经常使用设计模式来解决软件设计中的问题。其中，观察者模式是一种常用的模式，它可以帮助开发人员更好地处理对象之间的通信。

iconfont 的方案其实是在 2016 年公开，到现在也已经有 6 年之久，它确实在这一段时期的设计领域中，独树一帜的解决了图标的问题，这么多年也有了丰富的积累沉淀。但是前端的发展是日新月异的，图标领域其实这些年也出现了很多新起之秀。

最近研究了 `Web` 的 `FileSystemAccess` Api，它弥补了 Web 长期以来缺少的能力：操作用户设备中的文件；而如今通过这个 Api 我们能够实现常见的文件操作：创建、删除、修改、移动等。

周一接到了美团的一面，面试官人很好，基本都是围绕着简历来问，下面就是我重新整理了一下怎么实现Vuex的min简单版本，可以看到Vuex的大致原理。

2023 年 6 月 27 日，第 125 届 ECMA 大会正式批准了 ECMAScript 2023 语言规范，这意味着它现在正式成为最新 ECMAScript 标准。下面就来看看 ECMAScript 2023 都有哪些新特性吧！

了解前后端交互的基本原理对于从事与Web开发相关的角色的人群是非常重要的。这包括前端开发工程师、后端开发工程师、全栈开发工程师、Web应用程序设计师、项目经理和产品经理等。无论你在开发、设计还是管理层面工作，了解前后端交互的基本原理将帮助你更好地理解和推动Web应用程序的开发和交付。

`Node.js` 是一种流行的 `JavaScript` 运行时，与谷歌 `Chrome` 浏览器使用相同的 V8 引擎。它是跨平台的，在创建 Web 服务器、构建工具、命令行工具等方面越来越受欢迎。

这篇文章深入探讨了CSS颜色架构的重要性和实践方法，以帮助开发人员和设计师创建更具吸引力和一致性的网页设计。作者首先介绍了CSS颜色的基础知识，包括颜色表示法、颜色值和颜色选择工具。接着，他强调了良好的颜色架构对于网页的视觉吸引力和用户体验的重要性。

前端开发中，图片是我们在网页中加载最多的静态资源类型之一，但是图片加载过程中也有可能出现加载失败的情况，这是十分影响用户体验的。那么如何正确的判断图片是否成功加载，以及图片加载失败的时候，如何处理，就是本篇文章所要讲解的主要内容。