- 博客(720)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 Vue 3.6 进“养老模式”了吗？一年没大更新，稳得让我有点慌
全栈AI·探索：涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏，案例驱动实战学习，点击二维码了解更多详情。我有一支技术全面、经验丰富的小型团队，专注高效交付中等规模外包项目，有需要外包项目的可以联系我。“还没发”的改进：从 linter 到语法糖，都卡在“快好了”更多是“缝缝补补”，少有“哇哦时刻”的改动翻了一遍——毕竟短期内我们能拿到的，也就这些。、“ready to merge”久等，会。Vue 不是“停更”，更像“长线稳住”如果你厌倦了“每月一重构”的刺激，
2025-11-18 08:46:32
11
转载 这点小小 CSS 升级，悄悄救了无数快要崩溃的设计系统
全栈AI·探索：涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏，案例驱动实战学习，点击二维码了解更多详情。如果这些“微小的 CSS 小技巧”有帮上忙， 最好的反馈方式，就是把知识在自己的项目里用起来，再分享给下一位还在为设计系统抓狂的同事。深浅、Hover、Active、透明度，统统变成可复用的“规则”而不是手工调的“结果”把一个颜色，转成当前色彩空间下的各个通道， 然后把这些通道值“暴露”出来给后面用。那种“改一个变量，全站自洽”的感觉，非常上头。
2025-11-13 08:49:51
20
转载 2026年前端大洗牌：React、Next.js 和 CSS 正在悄悄淘汰一批开发者
到了 2026 年，你基本可以默认： 你用 Next.js App Router、Remix 之类框架的时候， 背后一定已经在大量用 RSC 了。如果你已经在用， 更欢迎你讲讲你们团队的实战体验 —— 毕竟，2026 年之前，能先踩完坑的人， 往往也是下一个技术节点上，话语权更大的人。这几年真正悄悄翻身的，其实是 CSS。它正从“不得不学”的基础知识， 变成“足够强大到可以替代你很多 JS 工作”的核心能力。你可以选择跟着被推着走， 也可以选择提前两步，把这些未来三年的变化当成自己职业杠杆的一部分。
2025-11-11 09:12:05
26
转载 知识星球本周更新内容
大模型浪潮起来后，我不想只“围观”，于是开始把前端工程能力一路“延伸”到后端与 AI 应用：从 Go 做服务、到 RAG/检索、再到工程化落地。组件设计与架构、Keys/Refs、状态管理（含进阶）、Hooks 深入、性能优化核心、调试与测试、TypeScript、工具链与环境优化。字符串/列表最佳实践、命名与风格、异常与等值比较、数据结构与小工具、常见算法思路，提升“把思路落成代码”的速度。，移动端/桌面端一套样式即可复用。环境搭建、类型与集合、并发与迭代、项目结构，到“微宝塔”需求分析与技术选型。
2025-11-07 15:56:43
13
转载 我敢打赌你不知道你的 Mac 还能这样用
把一部分信息搬到“声音”这个通道上，你就能： 一边写代码，一边知道构建好了没；，这是 macOS 自带的、成熟的、能调声音、能调语速的文本转语音系统。你的 Mac 其实一直都有一套专业的语音合成系统，它没有吱声，只是你没叫它说。今天我就带你拆开这个隐藏技能，把它从“好玩”用到“高效”，从“能说话”用到“能提醒我别把生产库炸了”。其实在它的 Terminal 里，藏着一条很多人根本没用过的命令，一开，就是——这样你写前端、写接口，它在旁边播： “今天要做：review PR、修认证、补文档。
2025-11-04 08:43:52
27
转载 ByteDance 放出 Lynx.js，Vue 的“原生时代”要来了？
是一个基于 JavaScript 的 UI 框架，目标是“一套代码，同时构建 Web 与移动端，且拥有原生般的体验”。全栈AI·探索：涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏，案例驱动实战学习，点击二维码了解更多详情。全栈AI·探索：涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏，案例驱动实战学习，点击二维码了解更多详情。”，偶尔会差一口气；：你可以把 UI 切成可复用、可维护的模块，组件内部自管理状态，让中大型界面的。
2025-10-22 08:49:46
55
转载 知识星球最近更新(新增视频资源，图解Vue3 技巧专栏)
大模型浪潮起来后，我不想只“围观”，于是开始把前端工程能力一路“延伸”到后端与 AI 应用：从 Go 做服务、到 RAG/检索、再到工程化落地。组件设计与架构、Keys/Refs、状态管理（含进阶）、Hooks 深入、性能优化核心、调试与测试、TypeScript、工具链与环境优化。字符串/列表最佳实践、命名与风格、异常与等值比较、数据结构与小工具、常见算法思路，提升“把思路落成代码”的速度。，移动端/桌面端一套样式即可复用。环境搭建、类型与集合、并发与迭代、项目结构，到“微宝塔”需求分析与技术选型。
2025-10-18 11:42:44
24
转载 2025 年最值得关注的 10 个 CSS 更新——到底是 “Fuck” 还是 “Suck”
全栈AI·探索：涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏，案例驱动实战学习，点击二维码了解更多详情。我有一支技术全面、经验丰富的小型团队，专注高效交付中等规模外包项目，有需要外包项目的可以联系我。极客时间周年庆有个给用户的福利抽奖，人人都可以参与，100%中奖，完全 0 套路，赶紧白票。的工具提示/下拉/气泡的“跟随定位”。像逻辑，但没完全变编程语言（要不要算，评论区吵去 😅）。，只能上 JS：“如果这张卡里有图片就加个 class”。多半是级联“心情不好”。
2025-10-17 08:57:16
40
转载 这个 CSS 特性，可能终结样式冲突
全栈AI·探索：涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏，案例驱动实战学习，点击二维码了解更多详情。我有一支技术全面、经验丰富的小型团队，专注高效交付中等规模外包项目，有需要外包项目的可以联系我。极客时间周年庆有个给用户的福利抽奖，人人都可以参与，100%中奖，完全 0 套路，赶紧白票。极客时间周年庆有个给用户的福利抽奖，人人都可以参与，100%中奖，完全 0 套路，赶紧白票。不妨在下一个项目里试一试，也欢迎在评论里分享你的看法与实践经验。
2025-10-16 08:49:21
27
转载 Vuexy：全网最强开发者专属后台模板
事例地址：https://demos.pixinvent.com/vuexy-html-admin-template/html/vertical-menu-template/✅ 多框架兼容（Vue / Nuxt / Next.js / Laravel / ASP.NET / Django / HTML）支持 Vue.js、Nuxt、Next.js、HTML、Laravel、ASP.NET、Django 等主流框架。📦 获取内容包括：完整源码、模板文件、演示数据、安装说明、开发文档等。
2025-06-22 19:50:35
189
转载 Styled Components 可能在 2024 年过时
在前端开发领域，样式管理一直是一个热门话题。随着技术的不断演进，Styled Components和CSS Modules这两种流行的样式解决方案继续引发讨论。本文主要探讨这两种方法在2024年的应用场景、优缺点以及行业采用情况，帮助开发者做出明智的选择。基础概念1.Styled ComponentsStyled Components 是一个为React和React Native设计的库，允许在组...
2024-11-07 09:07:14
190
转载 工作 7 年后放弃 Redux？还是Zustand 好用
技术演进背景在前端开发领域，状态管理一直是一个核心话题。Redux作为React生态中的主流状态管理方案，凭借其强大的特性长期占据主导地位。但随着前端技术的发展，新一代状态管理库Zustand的出现为开发者带来了更多可能性。Redux的光辉岁月Redux由Dan Abramov在近十年前引入React社区，它彻底改变了大型应用的状态管理方式。作为一个可预测的状态容器，Redux通过单向数据流和强大...
2024-11-05 08:55:22
379
转载 2024 年最前沿的 5 大 CSS 功能 | 高级 CSS
CSS作为Web设计的基石，一直在不断进化，以应对现代设计的挑战。2024年，CSS引入了一系列令人惊叹的新特性，大大拓展了Web设计的可能性。本文将深入探讨五个最具革命性的CSS新特性，这些特性正在彻底改变前端开发的方式。1.CSS容器查询（Container Queries）容器查询允许基于元素的容器大小而非视口来设置样式，这对响应式设计是一个巨大的突破。示例：这种方法使得组件级别的响应式设计...
2024-11-04 08:52:12
133
转载 Next.js 15 改变游戏规则
Next.js 15 正式发布了！这个版本带来了惊人的性能提升和一系列革新功能，构建全栈应用从未如此简单高效。来看看有哪些重要更新。1. 开发体验大幅提升全新 create-next-app项目创建界面焕然一新，不仅更加美观，而且构建速度提升了惊人的 700 倍！对此：Turbopack 正式集成号称"世界最快的模块打包工具"现在可以轻松启用：性能对比：比 Webpack 快 700 倍比 Vit...
2024-10-31 09:03:21
180
转载 数组解构是如何降低 JavaScript 的运行速度
在JavaScript开发中，解构赋值是一个广受欢迎的特性，它让代码更加简洁易读。然而，不同的解构模式可能会对性能产生显著影响。本文将深入探讨数组解构赋值可能带来的性能问题，并提供优化建议。解构赋值的两种模式JavaScript中的解构赋值主要有两种模式：数组解构（ArrayAssignmentPattern）对象解构（ObjectAssignmentPattern）数组解构模式的性能隐患让我们先...
2024-10-28 09:11:28
98
转载 了解 TypeScript 中的实用类型：人人都应使用的 7 个强大示例
在TypeScript的世界里，类型系统不仅仅是静态类型检查的工具，更是提升代码质量和开发效率的强大武器。今天，我将深入探讨七个essential的实用工具类型，这些工具类型不仅能够简化代码，还能让开发过程更加高效和富有表现力。1. Partial：灵活处理可选属性Partial将类型T的所有属性转换为可选属性，这在处理需要更新或部分数据的场景中特别有用。interfaceUser{na...
2024-10-23 09:04:51
116
转载 这一新的 JavaScript 操作符绝对能改变游戏规则
在JavaScript的发展历程中，我们不断见证着语言特性的革新。最近，一个名为"安全赋值操作符"（?=）的新特性引起了广泛关注。这个操作符不仅简化了错误处理的流程，还大大提高了代码的可读性和简洁性。传统上，我们处理可能抛出异常的代码时，常常需要使用try-catch块：而现在，借助?=操作符，我们可以将上述代码简化为：这种写法不仅消除了深层嵌套，还提供了更直观的错误处理方式。?=操作符允许我们在...
2024-10-21 16:30:02
77
转载 从 ES2021 到 ES2023 的 13 个实用的 JavaScript 新功能
以下是 ECMAScript 从 ES2021 到 ES2023 中引入的一些有用且令人兴奋的功能：ES2021String.prototype.replaceAll()：使用该方法可以替换字符串中出现的所有子串。逻辑赋值运算符（&&=、||=、??=）：这些运算符将逻辑运算符（AND、OR、nullish coalescing）与赋值相结合ES2022（拟议）Array.prot...
2024-10-18 09:14:20
93
转载 停止使用 .forEach：使用 for...of 循环改造你的代码
在JavaScript和TypeScript开发中，数组迭代是一项常见任务。许多开发者习惯性地使用.forEach方法，因为它简单直观。然而，ES6引入的for...of循环提供了更强大、更灵活的迭代方式。本文将探讨为什么应该考虑使用for...of循环，以及它如何提高代码效率和表达能力。基础对比：.forEach vs for...of.forEach方法：constcolors=['红'...
2024-10-16 09:13:03
106
转载 2024 年，你能放弃 CSS 预处理器吗？
随着前端技术的飞速发展,CSS预处理器已经成为许多项目中不可或缺的一部分。然而,随着原生CSS的不断进化,一个值得思考的问题浮出水面:在2024年,我们是否还需要CSS预处理器?CSS预处理器的兴起与发展CSS预处理器诞生于原生CSS能力不足的年代。Sass作为最早的CSS预处理器,诞生于2007年,至今已有17个年头。而相对较新的Stylus也已发布14年之久。这些工具为开发者带来了更灵活、更高...
2024-10-14 08:42:45
151
转载 前端恶趣味：我吸了juejin首页，好爽!
今天带来一篇和工作无关的文章。常规的前端业务，其实挺繁琐的，但其实我们可以做一些有意思的事情。当年百度首页的机器人动画，把整个页面内容打碎的特效，也是惊艳了一众前端啊。文本的作者，也是做了一个有意思的事情，把页面内容以动画的形式，逐个吸收掉，看动画有点像孙猴子的金箍棒在收妖精感兴趣的同学可以看看，自己能不能有机会用上下面是正文部分。有位古人说过，人不是在烦的路上，就是正在烦！最近在逛某乎，总是会...
2024-10-11 09:10:13
95
转载 ?? 与 || 在 JavaScript 中的微妙差别
起初，你可能会认为你可以随意替换任何你喜欢的人，对吗？错误。他们并非你所想的那样。我们必须一劳永逸地学习这个区别，以避免日后出现痛苦的错误。这个差别是什么？这是他们对待真值和假值的令人难以置信的对比。这些是什么？假值：在 Boolean() 或 if 中变为 false ：0undefinednullNaNfalse'' （空字符串）Truthy：所有其他的事情：现在看看创建一个这样的 || 链时...
2024-10-10 09:08:03
126
转载 向满屏的 Import 语句说再见！
密集的导入语句不仅对视觉造成冲击，也是对代码组织结构的一次考验。如何优雅地管理这些导入语句，避免“全屏占用”？本文将探讨生成大量导入语句的原因，可能带来的问题，以及如何从多个角度优化和管理导入语句。拒绝使用模块重新导出模块重新导出是一种常见技术，广泛应用于Twitter、字节跳动和谷歌等大公司的组件库中。例如，在字节跳动的arco-design组件库中：https://github.com/arc...
2024-10-09 09:14:52
269
转载 我们忘记了前端基础知识
在所有最新的趋势和无尽的范例中，我们似乎忘记了前端开发的基础。最近 Pavel Pogosov 注意到了一些改变他对这个行业看法的事情。似乎在所有无尽的趋势、范式和新奇中，我们忘记了前端开发的核心。在这篇文章中，Pavel Pogosov 想分享一些最近项目中的代码片段，并试图解释他的想法。无尽的过度复杂化这里有一个最基本的卡片组件，它有一个可选的 header 属性。如果这个属性存在，我们会将其...
2024-10-08 09:11:27
108
转载 8 种现代 JavaScript 响应式模式
响应性本质上是关于系统如何对数据变化作出反应，有不同类型的响应性。然而，在这篇文章中，我们关注的是响应性，即响应数据变化而采取行动。作为一名前端开发者，Pavel Pogosov 每天都要面对这个问题。因为浏览器本身是一个完全异步的环境。现代 Web 界面必须快速响应用户的操作，这包括更新 UI、发送网络请求、管理导航和执行各种其他任务。尽管人们常常将响应性与框架联系在一起，Pavel Pogos...
2024-09-30 09:04:45
298
转载 这个 TypeScript 技巧将让你大开眼界
TypeScript 是一个了不起的工具，可以用来操纵现有数据并开发出优秀的实践方法。今天我们将探索如何从字符串数组中正确提取全名，以确保输出的类型安全和干净。问题我们检查一下这段代码并理解它的问题：constnames=["DanielCraciun","JohnDoe","HarryPigeon"]constfindName=(surname:string)=&g...
2024-09-29 09:05:31
388
转载 CommonJS 和 ES Module 终于能够互相兼容了
ECMAScript Module（ESM）逐渐成为现代 JavaScript 开发中的公认行业标准。自从 ESM 被引入到 Node.js 以来，其异步加载特性和模块解析逻辑受到了广泛欢迎。然而，由于历史原因，许多现有代码库和第三方库仍然依赖于 CommonJS（CJS）模块系统。由于 ESM 的设计是异步加载的，这两种模块化方案一直无法共存，这成为了许多开发者的一个主要痛点。最近，开发者 jo...
2024-09-27 09:07:36
390
转载 Tailwind Classes 我希望早点知道的
以下是一些我希望早点知道的 Tailwind 类，这些类使我的开发过程更加高效，让我的设计更加精致。line-clampline-clamp 类在处理多行文本截断时非常有用。它允许你控制显示的文本行数，并截断其余部分。这对于创建一致外观的元素（如博客摘要、卡片描述和其他文本密集型组件）特别有用。<pclass="line-clamp-3">Loremipsumdolor...
2024-09-26 09:08:44
123
转载 前端JS发起的请求能暂停吗？
在讨论前端JS发起的请求是否能暂停时，需要明确两个概念：什么状态可以被认为是“暂停”？以及什么是JS发起的请求？如何定义暂停？暂停指的是临时停止一个已经开始但尚未完成的过程。这意味着这个过程可以在某个时间点被中断，并在另一个时间点恢复。什么是请求？首先，让我们介绍一下TCP/IP网络模型。网络模型从上到下分为应用层、传输层、网络层和网络接口层。上图表示，每次网络传输，应用数据都需要通过网络模型逐层...
2024-09-25 09:06:17
406
转载 如果没有这个 JavaScript 功能，95%的用户会讨厌使用你的应用程序
学习这个强大的 JS 特性，可以极大地提高用户体验，阻止用户放弃你的应用。并大大节省成本。他们会讨厌你的应用程序没有它，他们会因为糟糕的用户体验而感到恼火，永远不会回来。示例：想象一下，已经创建了一个出色的 AI 写作助手，为编写引人入胜的故事提供有用的建议：已经在 handleChange 中为请求设置好了API：exportfunctionAssistantUI(){const[...
2024-09-24 09:06:52
91
转载 TypeScript 组件开发中的常见问题
在现代前端开发中，TypeScript 由于其强大的类型系统和对 JavaScript 的增强功能，已成为许多团队的首选。特别是在大型项目和组件库的开发中，TypeScript 可以显著提高代码的可维护性、可读性和可靠性。然而，在实际开发过程中，我们经常发现一些团队成员对使用 TypeScript 仍然存在疑虑和困惑。他们可能会觉得 TypeScript 增加了开发的复杂性，或者不知道在某些场景下...
2024-09-23 09:16:48
153
转载 VSCode 的真正竞争对手即将到来：LiteXL
几十年前，我们通常使用通用文本编辑器和专用集成开发环境（IDE）来编写各种编程语言的代码。我还记得用微软记事本学习 Java 和 C。后来，程序员开始使用带有基本代码编辑功能（如语法高亮）的文本编辑器，这些特殊文本编辑器如 Notepad++ 和 Sublime Text 被称为代码编辑器。同时，IDE 也帮助开发者高效地编写源码，但它们仅限于特定的技术栈。例如，曾用 Visual Basic 6...
2024-09-19 09:10:03
396
转载 应该立即学习的鲜为人知的 CSS 特性
随着 WWW（万维网）的发明，一个新的数字时代诞生了。早期的 WWW 仅包含纯 HTML 文档，这些文档使用语义 HTML 标签来区分网页元素之间的基本样式。后来，CSS 作为一种基于键值的简单样式语言被引入，用于为语义 HTML 标签设置样式。CSS 不断演进，现如今，网页设计师可以使用 CSS 创建现代风格、动画、响应式元素和图像滤镜，且语法对开发者友好。现代 CSS 标准不仅仅是基本的键值语...
2024-09-18 09:00:31
554
转载 8个Promise高级技巧，让你在前端开发中如虎添翼！
在JavaScript项目中，Promise 的使用是必不可少的。然而，我发现许多中高级前端开发人员仍然停留在常见的promiseInst.then()、promiseInst.catch()、Promise.all甚至async/await等常规实践上，并没有深入理解它们。实际上，Promise 有许多巧妙的高级用法，其中一些在ALOVA请求策略库中广泛使用。ALOVA 是一个基于 Promis...
2024-09-13 09:20:01
224
转载 10 个罕见的 HTML 标签，几乎无人使用 - <dialog>、<bdo>等等
HTML 的内容远不止 <div> 、<a>和 <p> 。如此多更复杂、更强大的标签，你可能从未使用过。具有从交互式图像到复杂的 UI 组件的有趣功能。1. <progress> 和 <meter>但是，接下来就是 meter -- 也被称为 progress 在横行：2. <dfn>dfn -- 用于我们将在页面中定义的任何...
2024-09-12 08:26:12
208
转载 突破与创新：Vue.js 创始人 尤雨溪 2024 年度技术前瞻
本文将深入探讨以下主题的 尤雨溪 见解：Vite 5对Vue的影响、宏、vapor模式、常见误解、新特性或功能、未来版本对Option API的支持、VitePress等。. 2.尤大的问答环节2.1. Vite 5如何提升Vue的性能？Vite在提高性能方面的工作通常是针对Vite本身的。然而，任何使用Vite的人都能获得相同的好处。此外，还提到了一个重要细节：建议用户更新到最新版本的"vite...
2024-09-11 09:29:27
353
转载 10 个必备技巧，让 VS Code 运行更快，提高编程速度（0 到 100）
95%的开发者都在浪费VS Code的潜力。VS Code有许多隐藏的宝藏功能,可以提升您的生产力和使用体验 — 但大多数人并没有使用它们。使用这10个实用技巧来逐步增强VS Code的功能,让您编码更快:包括强大的扩展、鲜为人知的快捷键、美观的字体和配色方案等等。1.首先从基础开始从基本功能入手。学习重要的键盘快捷键一旦掌握这些快捷键,你的编码速度将大大提高用Shift + 左/右箭头来左右选择...
2024-09-10 09:16:14
332
转载 2024年新的原生嵌套CSS特性：绝对改变游戏规则
新的原生嵌套CSS特性彻底改变了前端开发。❌ 之前：你会如何为这些嵌套的HTML元素添加样式？<section>你好！<div><p><span>codingbeautydev.com</span>--以编码为激情</p><p>编码帮助你实现...
2024-09-06 09:24:35
218
转载 ES15 (2024)中5个令人惊叹的新JavaScript特性
2024年:又是一个带来全新JS特性升级的不可思议的年份,ES15推出。从复杂的异步特性到语法糖数组和现代正则表达式,JavaScript编码现在比以往任何时候都更简单、更快捷。1.原生数组分组终于到来Object.groupBy():constfruits=[{name:'pineapple????',color:'????'},{name:'apple????',color:...
2024-09-04 09:17:13
464
转载 10个几乎无人使用的罕见HTML标签
HTML远不止<div>、<a>和<p>这些标签。还有许多更复杂、功能更强大的标签，很多开发者几乎从不使用。这些标签具有从现代列表可视化到????彩色高亮等有趣功能。1.<abbr>标签<abbr>标签用于定义缩写或首字母缩略词，如HTML、CSS和JS。也包括LOL——尽管现在它更像是一个独立的词。I'mreadingabout<...
2024-09-03 08:12:49
268
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人