- 博客(643)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 浅谈 React Fiber
React Fiber 是 React 为了提升性能和用户体验而引入的一项重要技术。通过将渲染任务分解成更小的单元，React 可以更好地控制渲染过程，实现更流畅、更灵活的 UI 更新。
2024-09-11 08:53:39
508
原创 React（v18）事件原理
新版 React（v18） 改进了事件处理的顺序，使其更符合浏览器的标准事件流。这意味着事件处理会更准确地按照捕获和冒泡阶段来执行，并且在初始化阶段会更高效地绑定事件。这样做的好处是可以更一致地模拟浏览器的事件行为，确保事件处理的顺序和效果更加可靠。
2024-09-10 09:00:10
377
原创 在 Vite 项目中自动为每个 Vue 文件导入 base.less
在 Vue.js 项目中，使用 Less 作为 CSS 预处理器时，我们通常会创建一个全局的样式文件（如 `base.less`），用于存放一些全局变量、混合、通用样式等。为了避免在每个 Vue 组件中手动导入这个文件，我们可以通过配置 Vite 来自动导入 `base.less` 文件。
2024-09-04 19:28:44
773
翻译 宣布 Vue 3.5 版发布
在 3.5 版本中，Vue 的响应式系统经历了另一轮主要重构，实现了更好的性能和显著改进的内存使用（减少了 56%），没有行为上的变化。这次重构还解决了 SSR 中计算属性悬挂导致的过期计算值和内存问题。
2024-09-04 09:15:02
1380
原创 Hooks是干什么的？
在编程的世界里，“Hooks”是一个你可能会经常听到的术语，特别是在前端开发中。它们为开发者提供了一种优雅且高效的方式来扩展和控制代码的执行流程。本文将深入浅出地介绍Hooks是什么，它们的作用是什么，以及如何在代码中使用它们，并结合React和Vue3这两个流行的前端框架来讲解。
2024-08-07 09:02:42
354
原创 为什么要使用 `ref`？浅谈 Vue 的响应式系统
在使用 Vue 进行开发时，我们经常会听到 `ref` 这个术语。很多初学者都会疑惑：为什么我们需要使用带有 `.value` 的 `ref`，而不是普通的变量？为了回答这个问题，我们需要简单地讨论一下 Vue 的响应式系统是如何工作的。
2024-07-17 11:18:40
392
原创 Promise 详解：JavaScript 中的异步处理利器
在现代的 JavaScript 编程中，异步操作非常普遍。我们常常需要进行诸如网络请求、读取文件或处理定时器等任务，而这些任务的完成时间是不确定的。为了解决这个问题，JavaScript 引入了 `Promise`，一种处理异步操作的机制。本文将详细介绍 `Promise`，并展示其主要 API。
2024-07-09 09:55:51
280
原创 JS的迭代与递归
在JavaScript中，迭代和递归是两种常见的控制流程，用于处理重复任务和数据结构的遍历。理解并掌握这两种技术，不仅可以帮助我们编写高效的代码，还能让我们更好地解决复杂的问题。
2024-06-17 09:06:43
599
原创 React Hooks memo、useMemo 以及 useCallback 的使用详解
memo、useMemo 以及 useCallback 是三个常用的 React Hooks，它们可以帮助您优化组件的性能。但是，过度使用这些 Hooks 可能会降低代码的可读性和可维护性。因此，在使用这些 Hooks 之前，需要仔细考虑组件的性能需求。只有在子组件渲染成本比较高的情况下，才考虑使用 memo 缓存组件。只有在函数的计算成本比较高的情况下，才考虑使用 useMemo 缓存函数的返回值。只有在函数需要在多个地方使用的情况下，才考虑使用 useCallback 缓存函数的引用。
2024-05-24 09:15:02
328
原创 Vue.observable — 最小化的跨组件状态存储器
Vue.observable，让一个对象变成响应式数据。Vue 内部会用它来处理 data 函数返回的对象
2024-04-29 15:19:02
127
原创 深入了解 JavaScript 中的 Promise 相关方法：all、race 和 allSettled
- `Promise.all()` 会在所有 Promise 实例成功完成时才成功，一旦有一个失败就会立即失败。- `Promise.race()` 会在任何一个 Promise 实例率先成功或失败时返回结果。- `Promise.allSettled()` 则会等待所有 Promise 实例结束后返回结果，无论是成功还是失败。
2024-04-07 14:42:27
571
转载 66 个 CSS 函数，一网打尽！
随着技术的不断进步，CSS 已经从简单的样式表发展成为拥有众多内置函数的强大工具。这些函数不仅增强了开发者的设计能力，还使得样式应用更加动态、灵活和响应式。本文将深入探讨 CSS 常见的 66 个函数，逐一剖析它们的功能和用法，一起进入这个充满魔力的 CSS 函数世界！
2024-02-20 19:45:00
403
1
原创 npm 淘宝镜像正式到期
2024年 1 月 22 日，淘宝原镜像域名（`registry.npm.taobao.org`）的 HTTPS 证书正式到期。
2024-01-30 08:50:02
999
原创 推荐个超级好用的Vue库，你可能不知道！
🎯 使用 TypeScript 构建，提供完整的类型定义文件。🦾 首选 useRequest，强大的请求中间层。高性能 & 简约的 Vue3 Hooks 库。的vue3 Hooks函数工具库。🎪 交互式 demo，身临其境。🪄 支持按需加载，减少打包体积。这是一个等同于阿里出品的。一个高性能且极致简约的。🏟️ 覆盖大部分业务场景。🤺 演练场，大有用武之地。🛸 丰富的 Hooks。🔐 测试完善，安全可靠。🏄🏼♂️ 易学易用。
2024-01-10 21:15:00
523
原创 Vue 3.4 发布
本文为翻译今天，我们很高兴地宣布 Vue 3.4 “🏀灌篮高手”的发布！此版本包括一些实质性的内部改进 - 最引人注目的是重写的模板解析器，速度提高了 2 倍，以及重构的反应系统，使效果触发更加准确和高效。它还包含许多生活质量 API 改进，包括绑定 prop 时的稳定性和新的同名速记。这篇文章概述了 3.4 中的突出功能。有关更改的完整列表，请参阅 GitHub 上的。
2024-01-05 20:15:00
1196
原创 Vue 新一代开发者工具正式开源！
近日，Vue 新一代开发者工具（DevTools）正式开源！Vue DevTools 是一个旨在增强 Vue 开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解 Vue 应用。下面就来看看新一代 Vue DevTools 的功能和使用方法。
2024-01-02 22:30:00
1960
1
原创 Sass(Scss)、Less的区别与选择 + 基本使用
Sass（Syntactically Awesome Stylesheets）是一种成熟且功能强大的CSS预处理器。Sass有两种语法格式：缩进格式（.sass）和SCSS格式（.scss），其中SCSS更接近原生CSS，易于学习和迁移。
2023-12-27 21:45:00
3493
原创 双向绑定与单向数据流之争，Solid会取代React吗
双向绑定是一种传统的解决方案，与之相对比，在前端领域 react 的解决方案是一个巨大的创新。单向数据流，Diff算法，双缓存策略，优先级队列，任务中断，浏览器空闲时间，并发，函数式编程，自定义hook… 等等许多概念都极大的扩展了前端开发的技术视野并不确定 react 是否借鉴了其他领域的方案，认真看过我 JavaScript 核心进阶的同学就应该知道，Fiber 架构在很大程度上借鉴了 V8 垃圾回收的底层机制。
2023-11-21 09:10:29
620
原创 一个不用充钱也能让你变强的 VSCode 插件！！！
今天给大家推荐一款不用充钱也能让你变强的 vscode 插件 通义灵码（TONGYI Lingma），可以称之为 copilot 的替代甜品 💪
2023-11-10 08:52:42
1548
原创 一行代码禁止用户调试前端代码
有时候不希望用户去调试或复制前端代码，那该如何禁止用户调试前端代码呢？今天就来分享一个开源的前端工具：Disable Devtool，一行代码禁用 Web 开发者工具！
2023-10-17 18:10:30
388
原创 20 个提升效率的 JS 简写技巧
JavaScript 中有很多简写技巧，可以缩短代码长度、减少冗余，并且提高代码的可读性和可维护性。本文将介绍 20 个提升效率的 JS 简写技巧，助你告别屎山，轻松编写优雅的代码！
2023-10-10 20:45:00
157
转载 放弃使用Merge，开心拥抱Rebase！
协同开发最核心的问题其实就是合并，如何合理的合并，优雅的合并，是每个团队需要考虑的问题。Merge 和 Rebase 作为 Git 中主要的命令，其实各有各的优点，两个一起用也是很常见的。根据自身团队及项目情况，选择合适的方式才是最好的。最后，祝大家合并代码一切顺利~
2023-09-04 20:45:00
136
转载 用nginx部署前端项目
前端项目nginx部署主要的配置基本上就是上面提到的这些。首先是location路由的四种写法；接着就是分清楚root和alias的区别；当项目较多时需要使用二级路由时，需要注意重定向的配置；如果你的项目文件较大，可以开启gzip压缩提升传输效率。
2023-08-28 21:30:00
381
转载 Git 合并冲突不知道选哪个？试试开启 diff3 吧
解决 Git 合并冲突是一个难题，diff3并不是一个“银弹”，它只能帮助提供更多的信息，减少决策成本。推荐读者尝试下zdiff3，至少使用diff3，并将其作为默认配置。
2023-08-21 20:45:00
332
转载 前端如何安全的渲染HTML字符串?
默认情况下，Sanitizer 实例仅用于防止 XSS 攻击。但是，在某些情况下，可能需要自定义配置的清理器。接下来，下面来看看如何自定义 Sanitizer API。如果想创建自定义的清理器配置，只需要创建一个配置对象，并在初始化 Sanitizer API 时将其传递给构造函数即可。// 清理结果由配置定制以下配置参数定义了清理器应如何处理给定元素的净化结果。：指定清理器应保留在输入中的元素。：指定清理器应从输入中删除但保留其子元素的元素。：指定清理器应从输入中删除，包括其子元素在内的元素。
2023-08-17 23:00:00
925
转载 图解 history api 和 React Router 实现原理
学习了 history api 和 React Router 的实现原理。length：history 的条数forward：前进一个back：后退一个go：前进或者后退 n 个pushState：添加一个 historyreplaceState：替换当前 historyscrollRestoration：保存 scroll 位置，取值为 auto 或者 manual，manual 的话就要自己设置 scroll 位置了。
2023-08-16 21:15:00
102
转载 拥抱 Hooks
最近几年，“拥抱 Hooks” 的口号呼声非常高，一开始是 `React`，自动 `Vue3 setup script` 语法的推出之后，现在写 `Vue3` 时也越来越离不开 `Hooks` 了但是还是有很多人不解，没 Hooks 之前我们也能完成代码需求啊？所以 `Hooks` 到底好在哪呢？对我们的代码开发到底有什么好处呢？
2023-08-14 21:00:00
95
FFmpeg+nginx.rar
2020-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人