自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

why404

编程界崇尚以简洁优雅为美,很多时候,如果你觉得一个概念很复杂,那么很可能是你理解错了!

  • 博客(643)
  • 资源 (2)
  • 收藏
  • 关注

原创 个人前端脚手架——create-wl-app

开箱即用前端脚手架——create-wl-app

2023-07-27 13:34:25 203

原创 浅谈 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

原创 React 事件系统解析

为什么 React 需要自己实现事件系统

2024-09-09 19:33:25 778 1

原创 在 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

原创 JS将class转换为function

使用class关键字可以提供更简洁和现代的语法,而传统的构造函数和原型链方式则提供了更多的控制和灵活性。

2024-08-28 16:25:47 288

原创 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

原创 UnoCss常用样式写法

UnoCss常用样式写法。

2024-06-18 11:27:06 1028

原创 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

原创 vue2的双向绑定

vue2的数据双向绑定浅谈

2024-04-25 16:14:29 1434

原创 深入了解 JavaScript 中的 Promise 相关方法:all、race 和 allSettled

- `Promise.all()` 会在所有 Promise 实例成功完成时才成功,一旦有一个失败就会立即失败。- `Promise.race()` 会在任何一个 Promise 实例率先成功或失败时返回结果。- `Promise.allSettled()` 则会等待所有 Promise 实例结束后返回结果,无论是成功还是失败。

2024-04-07 14:42:27 571

原创 深入理解SPA、CSR与SSR的区别及应用

深入理解SPA、CSR与SSR的区别及应用

2024-03-13 17:16:40 756

原创 Threejs粒子水波纹效果

Threejs粒子水波纹效果

2024-03-12 15:46:23 690

原创 Vue组件数据双向绑定 v-model

Vue组件数据双向绑定 v-model

2024-03-05 19:45:00 480

原创 Vue内置组件——Teleport

是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。

2024-03-04 21:15:00 385

转载 66 个 CSS 函数,一网打尽!

随着技术的不断进步,CSS 已经从简单的样式表发展成为拥有众多内置函数的强大工具。这些函数不仅增强了开发者的设计能力,还使得样式应用更加动态、灵活和响应式。本文将深入探讨 CSS 常见的 66 个函数,逐一剖析它们的功能和用法,一起进入这个充满魔力的 CSS 函数世界!

2024-02-20 19:45:00 403 1

原创 3D词云图

实现一个3D词云图

2024-02-01 21:15:00 499 2

原创 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

原创 uniapp地图手动控制地图scale

uniapp地图手动控制地图scale

2023-11-16 14:10:00 1289

原创 一个不用充钱也能让你变强的 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

转载 js中?.、??、??=的用法及使用场景

js中?.、??、??=的用法及使用场景

2023-08-25 22:00:00 176

转载 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

转载 注意,这个 JavaScript 事件即将弃用!

简单的说:从 `Chrome 117` 开始,`unload` 事件将逐渐弃用。

2023-08-15 22:30:00 398

转载 拥抱 Hooks

最近几年,“拥抱 Hooks” 的口号呼声非常高,一开始是 `React`,自动 `Vue3 setup script` 语法的推出之后,现在写 `Vue3` 时也越来越离不开 `Hooks` 了但是还是有很多人不解,没 Hooks 之前我们也能完成代码需求啊?所以 `Hooks` 到底好在哪呢?对我们的代码开发到底有什么好处呢?

2023-08-14 21:00:00 95

FFmpeg+nginx.rar

内含FFmpeg和已集成好rtsp的nginx 1、启动nginx:nginx -s conf\nginx-win-rtmp 2、使用FFmpeg命令转流,具体自行百度

2020-10-27

Cesium指南针插件.zip

因为cesium自身没有携带指南针插件,所以需要引用其他的插件,这里我采用的是:`CesiumNavigation.umd`

2020-07-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除