- 博客(109)
- 收藏
- 关注
RSS订阅原创 JS - THIS
中，this是必须的，尤其是在生命周期钩子和methods中，用来访问组件实例的属性和方法。中，不需要this。你直接使用setup中定义的响应式数据和方法，并通过refreactive等 API 来处理它们。模板中也不需要this，Vue 会自动解析datacomputedprops等。
2025-02-10 00:20:32
41
原创 vue 导航（）
全局导航守卫：适用于全局的控制，可以拦截每次导航。路由独享守卫：只针对特定路由的守卫，允许在路由级别上控制。组件内导航守卫：可以在组件内部定义守卫，针对路由组件的进入和离开。通过合理使用导航守卫，你可以有效地控制路由的访问权限、进行异步数据加载等，提升应用的可维护性和安全性。
2025-02-10 00:09:56
978
原创 TypeScript - 利用GPT辅助学习
你现在已经有了一个 TypeScript 文件，成功安装了 TypeScript 编译器，并了解了如何声明变量、定义类型和编写简单的函数。是不是感觉有点厉害了？😎接下来，你可以探索更多高级功能，如类、接口、泛型、模块等等，但今天我们就先从基础开始，让你顺利地飞起来！🚀现在你已经有了 TypeScript 的常用类型、类型别名、函数类型、对象类型等的全面了解，还可以更深入地理解高级类型如类、交叉类型、泛型、映射类型等。通过这些强大的特性，TypeScript 能够帮助你编写更加灵活、安全且可维护的代码。
2025-01-20 23:10:09
1436
1
原创 vue2 - Day05 - VueX
Vuex 是 Vue.js 官方的状态管理库。它是一个让你能在应用中集中管理共享状态的工具。当应用的规模逐渐增大，组件之间的数据传递变得越来越复杂时，Vuex 就成为了救星，提供了一个集中式的存储来管理所有的组件状态，并且保证状态以一种可预测的方式发生变化。
2025-01-20 18:29:13
964
1
原创 uni-app的学习
语言language-tools工具的下载【记的cmd后npm install】，这是为了解决Webstrom中@vue/language-server启动失败，或者是一些奇怪报错（明明配置好了，却标签报错的问题）uni-app 有着跨平台支持、丰富的插件和生态系统、高性能、集成开发工具HBuilderX的配合使用。允许使用者仅通过一套代码发布到多平台使用。uni-app 是一个适合开发跨平台移动应用和小程序的框架，能够大幅提高开发效率。
2025-01-11 23:30:54
501
原创 Springboot - Web
Spring Boot 是一个用于简化 Spring 应用程序配置和部署的框架。它提供了一种快速开发的方式，通过默认配置、自动化配置等特性，使得开发者能够更快捷地构建和部署基于 Spring 的应用。Spring Boot Web 是 Spring Boot 的一个子模块，它专注于 Web 应用的构建。它简化了创建 Web 应用的过程，包括 RESTful 服务、Web 层的支持、嵌入式服务器等功能。
2025-01-03 21:20:58
1564
原创 2025跨年倒计时
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>2025年跨年倒计时</title> <style> /* 页面整体样式 */
2025-01-01 00:03:47
3936
7
原创 vue2 - Day04 - 插槽、路由
页面组件（Page Components）：这些组件通常直接对应一个页面或视图，负责处理整个页面的内容和布局。它们通常较大，包含多个子组件，并且与路由路径密切相关。复用组件（Reusable Components）：这些组件通常是可复用的、较小的 UI 组件，提供特定的功能或视觉展示。例如，按钮、卡片、列表等组件，它们通常不直接与路由相关，而是可以在多个页面组件中重复使用。页面组件：负责页面级别的布局和数据处理，通常对应一个路由，放在views/目录下。复用组件。
2024-12-31 23:45:02
903
原创 vue2 - Day03 - （生命周期、组件、组件通信）
Vue 的生命周期提供了钩子函数，使得你可以在合适的时机进行某些操作。不同阶段的生命周期钩子适用于不同的场景，比如在created中获取数据、在mounted中设置 DOM 操作、在中进行清理等。全局注册：通过在main.js中注册，组件可以在整个应用中使用。局部注册：在父组件中通过components选项注册，组件只在父组件中有效。通常来说，如果某个组件只在少数几个地方使用，建议使用局部注册，以便减少命名冲突和提升代码的可维护性。全局注册适用于通用的、需要在多个地方使用的组件，如Button。
2024-12-20 15:30:07
1018
原创 vue2 - Day02 -计算属性（computed）、侦听器（watch）和方法（methods）
方法（Methods）：适用于事件处理、用户交互和即时执行逻辑。每次调用都会重新执行，性能相对较低，不适合用于数据计算和组合。计算属性（Computed）：适用于基于其他数据计算并缓存的场景。能够避免不必要的重复计算，适合计算组合数据或派生数据。侦听器（Watch）：适用于数据变化时执行副作用操作，如异步请求、数据持久化等。可以监听对象和数组的变化，适合处理复杂的逻辑。如果需要基于数据计算并缓存结果，使用计算属性。如果要响应事件或执行即时操作，使用方法。如果需要监听数据。
2024-12-20 14:13:46
843
原创 Vue2 - Day01 - 基础
学习前端开发尤其是 Vue.js 是一个非常有价值的选择。它不仅帮助你深入理解 Web 技术，还能提升你在实际项目中的开发能力。Vue.js 的响应式数据绑定、组件化开发、以及与后端技术的良好兼容，使得它在前端开发中具有广泛的应用场景。掌握 Vue.js 可以为你提供更多就业机会，它的简洁性和易学性也使你能够更快上手，逐步提高开发水平。
2024-12-14 23:46:37
1351
1
原创 使用CSS变量和JavaScript实现鼠标跟随渐变
在这篇文章中，我们探讨了如何使用 CSS 变量和 JavaScript 实现一个动态的鼠标跟随渐变效果。通过简单的 HTML 结构和 CSS 样式，我们定义了一个响应鼠标移动的径向渐变背景。利用 JavaScript，我们为元素添加了鼠标移动事件监听器，实时计算鼠标在元素内的相对位置，并更新 CSS 变量以调整渐变的中心位置。这个项目展示了如何结合现代 Web 技术创建互动式的用户体验，适合希望提升前端开发技能的读者。
2024-12-13 22:46:41
849
原创 #小知识点 Vue2和3中mount的区别
Vue 实例（在 Vue 2 中）是应用的核心，它代表了一个具体的 Vue 应用对象，负责管理数据、事件、生命周期等。你只能有一个 Vue 实例，通常是通过new Vue()创建。应用实例（在 Vue 3 中）是通过创建的，它代表了 Vue 应用的容器。应用实例的职责是挂载和管理整个 Vue 应用的生命周期和全局资源，而具体的组件实例由 Vue 应用实例来管理。Vue 3 中的让你能够创建多个应用实例，这使得 Vue 更加灵活。
2024-11-19 20:20:53
771
原创 Maven 构建项目
除了 Maven 默认的生命周期外，你还可以在pom.xml中定义自定义目标和生命周期。例如，可以为某些自定义任务添加新阶段或目标。
2024-11-13 18:57:49
1262
原创 Vue 简单入手
前端工程化（Front-end Engineering）指的是在前端开发中，通过一系列工具、流程和规范的整合，以提高开发效率、代码质量和可维护性的一种技术和实践方法。其核心目的是使得前端开发变得更高效、可扩展和可维护。 - 前往 [Node.js 官方网站](https://nodejs.org/) 下载并安装适合你操作系统的版本。建议选择 LTS（长期支持）版本。Element UI 支持自定义主题，可以通过修改 Less 变量或使用 Element-Plus 的自定义主题工具来实现。
2024-11-12 22:58:04
1494
原创 从网络到缓存：在Android中高效管理图片加载
在现代移动应用开发中，用户体验至关重要，尤其是在图像加载方面。本篇博客将深入探讨如何在Android应用中实现一个简单而高效的图片缓存加载器。我们将逐步分析 ImageCacheLoader 类的实现，包括从URL加载图片、检查本地缓存、从网络下载图片、保存缓存等关键步骤。通过这种方法，开发者可以显著提高应用的响应速度，减少网络流量，从而提升用户体验。
2024-10-30 23:38:42
656
1
原创 xhr的readyState和status
XMLHttpRequest（XHR）对象中的readyState和status用于监控异步 HTTP 请求的状态。它们分别表示请求的当前阶段和服务器的响应状态。readyState用于判断请求所处的阶段，确保数据完全接收。status用于判断请求的结果状态（如200表示成功，404表示资源不存在）。
2024-10-30 20:43:42
1419
原创 Ajax （ 是什么、URL、axios、HTTP、快速收集表单 ）Day01
- **同步**：适合那些必须按顺序执行，不能并行的任务，例如需要读取文件的每一行并按顺序处理。- **异步**：适合那些可以并行处理的任务，尤其是需要等待外部资源的操作，比如网络请求、数据库访问等。
2024-10-01 03:31:43
1839
2
原创 JavaScript 补充
在Js中，函数可以访问其外部作用域中的变量，即使函数在外部作用域执行完毕后仍然可以访问这些变量。在Js中，只有变量声明会被提升，而变量赋值部分不会被提升。函数提升是Js中的一种特性，指在代码执行过程中，函数声明会被提升到其作用域的顶部，使得可以在函数声明之前调用这些函数。变量提升是Js中的一种特性，指在代码执行过程中，Js引擎会将变量声明提升到其作用域的顶部，但不会提升变量的赋值。全局作用域是指在代码中任何地方都可以访问的变量，而局部作用域是指在特定代码块内部定义的变量，只能在该代码块内部访问。
2024-09-06 09:14:34
1329
原创 JavaScript - Api学习 Day03 （日期对象、节点操作、两种定时器、本地存储）
执行栈（call stack）是用来存储代码执行过程中的上下文和调用关系的数据结构，遵循先进后出的原则。事件循环会不断地将任务队列中的任务取出，放入执行栈中执行，这样实现了异步任务的执行。代码执行时，会被分为同步任务和异步任务，同步任务会按顺序执行，而异步任务会被放入任务队列中，在主线程空闲时才会被执行。异步任务不会等待，会先继续执行后续代码，当异步任务完成后会通过回调函数或者Promise来通知执行结果。同步任务是按照代码顺序依次执行，执行完一个才能执行下一个，会阻塞后续代码的执行；
2024-09-05 14:06:25
1483
原创 JavaScript - Api学习 Day02（事件监听、流、委托）
事件（Event）是指在计算机程序中发生的某种特定的操作或变化，通常会触发一些特定的反应。在编程和计算机科学中，事件可以是用户的操作（如点击按钮、输入文字等）、系统的变化（如文件被修改、网络连接状态改变等），或者程序内部的状态变化。（2）事件监听（Event Listening）是指在程序中设置一个“监听器”来监视特定的事件。一旦事件发生，监听器会触发相应的代码或函数，处理事件并做出响应。事件监听是一种常见的编程模式，广泛用于用户界面编程、网络编程等领域。传统的注册 (L0)
2024-08-20 22:57:55
1437
原创 JavaScript - Api学习 Day1（WebApi、操作DOM对象）
排除varvar是早期的 JavaScript 变量声明方式，但由于其作用域问题（如函数作用域、变量提升）以及在大规模应用中容易导致意外行为，现代开发中通常不再使用。优先使用const建议数组和对象使用 const 来声明const声明的变量必需初始化赋值且不能再重新赋值，因此在语义上更清晰，表示这个变量的值不会改变。尽管const声明的值不能更改，但对于引用数据类型（如对象、数组等），const声明的变量存储的是引用的地址，而不是具体的值。
2024-08-19 12:13:53
1235
原创 HTML与CSS学习Day03（移动端适配）
此外，一个适当配置的视口还有助于改善网站的可访问性和搜索引擎优化（SEO）。Less 是一种动态样式语言，属于 CSS 预处理器的一种，它扩展了 CSS 的功能，包括变量、嵌套、混合（Mixins）、运算功能以及函数等，使得 CSS 更加强大和富有表现力。HTML 的响应式设计（通过 CSS 实现）可以使网页根据设备的屏幕尺寸自动调整布局、字体大小、图片大小等，从而避免内容超出屏幕或字体太小的问题。总之，视口是响应式Web设计中的一个核心概念，它使得网页能够适应不同设备的屏幕尺寸，从而提供更好的用户体验。
2024-08-19 12:13:33
1516
原创 HTML与CSS学习Day02（平面、空间操作）
使用animation来创建复杂、多步骤的动画效果，尤其是当需要关键帧控制或需要动画自动启动时。使用transition来处理简单的状态过渡，通常在用户交互时触发，并只在两个状态之间变化。
2024-08-19 12:13:08
936
原创 Python制作GIF相关的（视频转GIF、压缩GIF）
Python制作GIF相关的（视频转GIF、压缩GIF）注意下载好库注意文件的输入和输出方向。
2024-08-19 12:10:37
586
原创 我在Vscode学Java集合类
Collection是单例集合的顶层接口，可为所有的单列集合提供继承使用。Collection是一个接口，不能直接创建对象。只能创建其实现类的对象.例如ArrayList哈希表：是一种用于高效存储和检索数据的结构。它通过将数据映射到固定大小的数组索引来实现高效的增、删、查操作。底层结构HashSet使用哈希表存储数据，JDK 8 前后分别使用数组+链表、数组+链表+红黑树的组合。哈希值：由hashCode方法计算，决定元素在哈希表中的位置。碰撞处理：通过链表或红黑树处理哈希碰撞。自定义对象。
2024-07-24 13:24:14
1155
1
原创 我在Vscode学Java泛型（泛型设计、擦除、通配符）
通过使用泛型，可以在方法中处理不同类型的数据，而不需要重载多个方法、泛型核心意义在于 类属性或方法的参数在定义数据类型时，可以直接使用一个标记进行占位 ，在具体使用时才设置其对应的实际数据类型，这样当设置的数据类型出现错误后，就可以在程序编译时检测 来。
2024-07-24 13:18:39
1214
原创 Java常用的API_02（正则表达式、爬虫）
正则表达式是一种强大的文本匹配工具，用于在字符串中搜索和匹配特定模式的文本。通过正则表达式筛选出想要的字符串
2024-07-12 21:29:18
2061
2
原创 Java字符串（String、字符串拼接、原理）
Java字符串（String、字符串拼接、原理）String 是一个用于表示字符串的类。String 对象是不可变的，这意味着一旦创建了一个字符串对象，它的值就不能被改变。`StringBuilder`是Java中用于处理可变字符串的类。Stringjoiner：特定的分隔符构建字符串序列，用来连接字符串
2024-07-09 22:55:19
2242
1
原创 字符串表达式可被解析包含加减乘除取模和次幂运算的数学表达式
实现一个简单的表达式求值器，可以解析包含加减乘除取模和次幂运算的数学表达式，并计算出最终结果。通过递归解析表达式中的数字和运算符，并按照运算符的优先级进行计算，最终输出表达式的计算结果。
2024-07-02 14:28:03
522
1
原创 Android端 可使用Yolov5训练 路标识别
安卓端识别图像的时候结合OpenCV有时候调参着实令人烦躁，所以我采用了YOLO这个深度学习的框架。而本次我的目的是为了路标识别。训练数据集可以很快的收敛起来。在安卓端的识别程度也是有着相当的理想，后续的红绿灯识别，图形识别也会使用其辅助。
2024-05-27 08:45:00
2017
2
原创 安卓Android 架构模式及UI布局设计
界面设计与程序逻辑分离：有利于并行安卓中的架构模式**优势：**1. 设计可扩展的应用程序，方便进行未来的更改和更新。2. 实现模块化设计，提高代码质量，便于测试和维护。开发，后期修改界面时不需修改程序逻辑代码。设计模式MVC、MVP、MVVM
2024-03-30 15:55:35
3445
23
原创 Java常用的API_01 (重写`equals()`方法时必须重写`hashCode()`方法)
跟着黑马的Java学习视频==常用的API。
2024-03-28 00:09:01
352
4
原创 JavaScript基础学习
JavaScript是一种高级、解释型的编程语言，通常用于为网页添加交互性和动态功能。它是一种基于对象和事件驱动的脚本语言，可以嵌入到HTML中使用。JavaScript广泛用于前端开发，可以实现用户界面操作、表单验证、动态内容更新等功能。true和false。它们通常用于条件判断，如if语句中。console.log("这是真的！");undefined。
2024-03-20 11:36:07
1007
原创 安卓Android ·移动应用开发 创建第一个Android项目
可以选择我们的模拟器，甚至我们可以通过手机屏幕共享的方式，把手机的开发者模式打开等操作，下载到本机手机之中，可以0距离的感受，程序之美。
2024-02-08 18:12:03
6197
3
原创 CSS的Day05（浮动+flex布局+定位）
常见的显示模式：行内、块级、行内块在HTML中，标准流也称为文档流或普通流，是指元素按照其在HTML文档中的出现顺序依次排列的方式。在标准流中，元素会自动占据父容器的空间，并且相邻的元素会紧密排列，直到没有足够的空间为止。标准流中的元素按照块级元素和内联元素的性质进行排列。块级元素会独占一行，从新行开始，并且会在前后自动换行。而内联元素不会独占一行，它们会在一行上按照从左到右的顺序排列。
2024-02-05 19:41:17
1230
7
原创 OpenCV 图像处理六（傅里叶变换、模板匹配与霍夫变换）
傅里叶变换任何周期函数都可以表示为不同频率的正弦函数和的形式。在模板匹配中，通常将图像A称为输入图像或源图像，将图像B称为模板图像或搜索图像。模板匹配的目标是在输入图像中寻找与模板图像最相似的部分。霍夫变换（Hough Transform）是一种用于在数字图像中检测几何形状的技术。用于检测直线形状，还有其他如圆、椭圆等。
2024-02-05 19:37:02
3228
20
将 Gradle.zip 解压到 “C:\\User\你的用户名\.gradle\wrapper\dists”
2024-02-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人