在 Vue 3 中，组合式 API（Composition API）引入了新的响应式系统，使得状态管理和逻辑复用变得更加灵活和强大。ref() 和 reactive() 是组合式 API 中两个重要的响应式工具，它们各自有不同的使用场景和特性。在这篇博客中，我们将深入探讨 ref() 和 react ...

Vue.js 中的 Ajax 处理：vue-resource 库的深度解析 在现代前端开发中，Ajax 请求是与后端进行数据交互的关键技术。Vue.js 作为一个渐进式 JavaScript 框架，提供了多种方式来处理 Ajax 请求，其中 vue-resource 是一个较为常用的库。尽管 vue ...

Vue.js 是一个渐进式的 JavaScript 框架，用于构建用户界面。理解 Vue 的生命周期是掌握这个框架的关键之一。在这篇博客中，我们将深入探讨 Vue 2 的生命周期，并通过代码示例来展示每个生命周期钩子的作用。 Vue 实例的生命周期 Vue 实例的生命周期可以分为四个主要阶段： 创建 ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霁明 一些名词解释 曝光 页面上某一个元素、组件或模块被用户浏览了，则称这个元素、组件或模块被曝光了。 视图元素 将页面上展示的元素、组件或模块统称为视图元素 ...

相信不少同学都有欧阳这种情况，年初的时候给自己制定了一份关于学习英语和源码的详细年度计划。但是到了实际执行的时候因为各种情况制定的计划基本都没有完成，年底回顾时发现年初制定的计划基本都没完成。痛定思痛，第二年年初决定再次制定一份学习英语和源码的详细年度计划，毫无疑问又失败了。 ...

原文链接： https://www.xiandanplay.com/article/view?id=16925669181947904&articleCategoryId=16078840161206272 https://www.xiandanplay.com/是我的一个自建的网站，，欢迎大家来踩 ...

前端如何存储处理后端返回的错误信息，并按不同来源绑定到页面，例如显示在不同输入框的周围。这样即可实现清晰的错误显示。 ...

什么是深拷贝与浅拷贝？深拷贝与浅拷贝是js中处理对象或数据复制操作的两种方式。‌在聊深浅拷贝之前咱得了解一下js中的两种数据类型： ...

这篇文章介绍了Generator函数的基本使用，包括next方法与yield关键字、throw方法、return关键字及其对应的方法，说明了它们的用法、运行结果和各自的特点，并解析了它们的共同点。 ...

‍ 写在开头 点赞 + 收藏 学会 前言 在家没事的时候刷抖音玩，抖音首页的视频怎么刷也刷不完，经常不知不觉的一刷就到半夜了不禁感叹道 ＂垃圾抖音，费我时间，毁我青春＂ 最终效果 在线预览：dy.ttentau.top/ Github地址：github.com/zyron ...

如何在 Vue 项目中方便易用、自动剪枝、可自定义地使用各种图标库（Material Symbols/ Material Icons），本文提供了一个实用流程。 ...

今天花费了一天也没能将程序实现saas化！有时候真的很迷茫函数不会调用，自己想自己写一个程序练习一下，但是又没有后端能实现吗？但是老师的任务也不能落下。花费一天的时间来解决一个简单的基础问题真的合适吗？自我感觉程序中遇到基础的问题自己可以搜资料查询并尝试填写，如果一小时子内没有解决直接问老师，虽然练 ...

前言 React是前端开发领域中最受欢迎的JavaScript库之一，但有时候在编写React应用程序时，可能陷入一些不佳的习惯和错误做法。这些不佳的习惯可能导致性能下降、代码难以维护，以及其他问题。在本文中，我们将探讨日常工作中应该避免的9个坏React习惯，并提供相关示例代码来说明这些问题以及如 ...

这篇文章介绍了Reflect的优点及其静态方法的使用，并通过Proxy实现了一个观察者模式示例，展示了如何利用Reflect简化和规范对象操作，避免传统方式的局限。 ...

‍ 写在开头 点赞 + 收藏 学会 单独写一篇4.3主要是因为搞它心力交瘁，篇幅过长，记录一下解决过程。 拒绝原因 Guideline 4.3(a) - Design - Spam We noticed your app shares a similar binary, meta ...

网上一搜一大堆类似但大多都相对简单，适用的场景并不多。多数也不支持赋值 不支持单个删除更改 我就借鉴了一下网上文章的思路，为了达到自己想要的效果做了相对应的更改。 效果图如下： 直接上代码！ WXML代码： 点击查看代码 <!-- 车牌号码输入框 --> <view wx:if="{{isSplit ...

nvm工具介绍 NVM（Node Version Manager）是一个用于管理Node.js版本的工具。它允许用户在同一台机器上同时安装和切换不同版本的Node.js，以便在不同的项目中使用特定的Node.js版本。同时为每个版本保留独立的环境，避免版本冲突和兼容性问题。 此文章步骤以window ...

‍ 写在开头 点赞 + 收藏 学会 预览图片 一般情况下，预览图片功能，是后端返回一个图片地址资源（字符串）给前端，如：ashuai.work/static/img/… 前端再把这个值丢到img图片的src属性中去即可 之所以有这个图片地址资源，也是因为之前有上传图片的操作，后端 ...

一、简介 该JS为省市区选择插件，当前最新版本为1.1，插件中地区数据更新于2024年07月02日，插件不依赖第三方JS，可独立使用。 github地址：https://github.com/TammyViola/cityAreaSelect 二、CSS和JS引用 PS：样式可根据项目实际情况进行调 ...

使用 CSS 实现渐变效果 使用 CSS 实现渐变效果非常简单且强大，CSS 提供了两种主要的渐变效果：线性渐变（linear gradient）和径向渐变（radial gradient）。下面是如何使用这些渐变效果的详细说明。 1. 线性渐变（Linear Gradient） 线性渐变沿直线方向 ...