- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue3组件封装
Vue3 中，组件封装的方式与 Vue2 有所不同。在 Vue2 中，我们通常使用 ES6 的 class 语法来定义组件，而在 Vue3 中，推荐使用 Composition API 的方式来定义组件。
2024-01-01 19:45:00
496
原创 动态路由匹配
在上面的配置中，我们使用了冒号（：）来表示一个参数，例如 /user/:id。这个参数可以在组件内部通过 this.$route.params.id 来获取。动态路由匹配是前端框架中常用的一种技术，它可以根据不同的路径动态地渲染对应的组件。在Vue.js中，可以使用 vue-router 插件来实现动态路由匹配。本文将介绍如何使用 vue-router 实现动态路由匹配。
2024-01-01 15:25:31
365
原创 navicat的使用
在左侧的连接列表中，右键点击某个数据库连接，选择“备份数据库”。在弹出的对话框中，可以选择备份方式（如完全备份、增量备份等），设置备份文件的存储位置和名称，然后点击“开始”按钮进行备份。在这里，可以选择从CSV文件、Excel文件或其他数据库中导入数据，也可以将数据导出为CSV文件、Excel文件或其他格式。在左侧的连接列表中，可以看到已建立的数据库连接。点击工具栏上的“开始查询”按钮，可以执行当前编辑的SQL语句。点击“测试连接”按钮，如果显示“连接成功”，则表示连接设置正确。点击“确定”按钮保存连接。
2024-01-01 15:05:42
409
原创 vue3和vue2的区别
它使得开发者可以更好地控制和组合组件的状态和方法，从而提高代码的可读性和可维护性。在 2019 年 12 月，Vue.js 发布了最新的主要版本 3.0，带来了许多新特性和改进。Vue3 的源代码完全用 TypeScript 重写，这使得它能够提供更好的类型推断和编辑器支持。此外，Vue3 还提供了一个官方的 TypeScript 定义文件，可以帮助开发者更好地理解和使用框架。这使得自定义指令的开发变得更加简单和灵活。Vue3 对一些指令和生命周期钩子进行了调整和重命名，以使其更符合实际使用场景。
2024-01-01 14:51:29
331
原创 路由守护的用法
路由守护（Route Guard）是一种在 Vue.js 中保护路由访问权限的方法。它允许开发者在路由导航之前执行一些自定义的逻辑，例如验证用户是否已登录、获取用户权限等。如果验证失败，路由守卫可以阻止导航并显示一个错误消息或重定向到其他页面。总之，Vue.js 提供了多种实现路由守护的方法，可以根据项目需求选择合适的方式。通过使用路由守护，我们可以确保只有经过验证的用户才能访问受保护的路由，从而提高应用程序的安全性和用户体验。
2024-01-01 14:33:49
342
原创 什么是vue.js
当状态发生变化时，Vue.js 会创建一个新的虚拟 DOM，并与旧的虚拟 DOM 进行对比，然后仅更新需要更改的部分。指令：Vue.js 提供了一些特殊的内置指令，用于处理常见的 DOM 操作。组件化：Vue.js 提供了一套组件系统，允许开发者将 UI 划分为可复用的、独立的部分。服务器端渲染：Vue.js 支持服务器端渲染（SSR），这意味着在服务器端就可以生成完整的 HTML 页面，然后在客户端将其激活。总之，Vue.js 是一个功能强大、灵活且易用的前端框架，适用于构建各种规模的应用程序。
2024-01-01 14:28:25
332
原创 vue 组件的使用
Vue 组件是 Vue.js 中的一个重要概念，它允许开发者将页面拆分成多个可复用的、独立的部分。在 Vue 中，组件可以包含 HTML 模板、JavaScript 逻辑和 CSS 样式等内容。本文将介绍 Vue 组件的基本使用方法。本文介绍了 Vue 组件的基本使用方法，包括创建组件、使用组件以及如何向组件传递数据和事件。通过学习这些基本操作，你可以更好地利用 Vue 组件来构建复杂的单页应用。
2024-01-01 14:24:36
355
原创 mysql的使用
MySQL是一个开源的关系型数据库管理系统，由瑞典MySQL AB公司开发，目前属于Oracle公司。MySQL是一种通用的、面向对象的、存储在磁盘上的数据库，它使用结构化查询语言（SQL）进行数据操作。MySQL广泛应用于Web应用、企业级应用和大型系统等领域。访问MySQL官网（https://www.mysql.com/）下载适合自己操作系统的MySQL安装包。
2024-01-01 14:07:33
317
原创 vue router的使用
Vue Router是Vue.js官方提供的路由管理器，它能够帮助我们实现单页面应用（SPA）中的路由功能。本文将介绍Vue Router的基本使用方法。
2023-12-31 21:12:05
402
1
原创 cors的使用
CORS是一种机制，它使得浏览器可以向不同域名的服务器发送XMLHttpRequest请求。在默认情况下，浏览器会阻止这种跨域请求，以保护用户的安全。但是，如果服务器允许跨域请求，那么浏览器就可以正常发送请求并接收响应。当浏览器遇到跨域请求时，它会先发送一个预检请求（OPTIONS请求），以确定服务器是否允许该请求。如果服务器返回的响应中没有包含正确的CORS配置信息，那么浏览器就会抛出一个错误。CORS（跨域资源共享）是一种Web标准，它允许浏览器向跨源服务器发送XMLHttpRequest请求。
2023-12-31 20:43:35
381
1
原创 element的使用
Element是一个基于Vue.js的组件库，它提供了一套丰富的UI组件，可以帮助开发者快速构建出美观、高效的Web应用。本文将介绍如何使用Element进行开发。
2023-12-31 19:53:38
378
1
原创 iconfont介绍
下载完成后，我们可以将图标应用到自己的项目中。一般来说，我们需要将下载的图标文件复制到项目文件夹中，并在HTML或CSS文件中引用相应的路径。在图标详情页面中，我们可以看到该图标的各种尺寸和格式。总之，Iconfont是一个非常方便的图标库，可以帮助我们快速找到和使用各种图标。通过以上几个简单的步骤，我们就可以轻松地将所需的图标应用到自己的项目中了。登录后，我们可以在Iconfont的搜索框中输入关键词来查找所需的图标。Iconfont是一个非常实用的图标库，它可以帮助我们快速找到和使用各种图标。
2023-12-31 18:26:57
391
1
原创 axios的使用
Axios是一个基于Promise的HTTP客户端，可以在浏览器和node.js中使用。它提供了一种简单的方式来发送HTTP请求，并处理响应。以下是一个简单的Axios使用教程。
2023-12-31 13:33:48
357
2
原创 Sequlize的使用
Sequlize是一个基于Node.js的ORM框架，它提供了一种简单而强大的方式来操作数据库。在这篇博客中，我们将介绍Sequlize的基本概念、安装和使用方式，并通过一个简单的示例来展示它的功能。
2023-12-31 13:21:38
314
1
原创 JavaScript for 循环
2：实现思路：首先创建六个按钮，然后使用for循环遍历按钮元素，再为每个按钮绑定一个点击事件，显示对应数字即可实现功能需求。1如果我想实现下面的一个功能，点击下面的六个按钮，如点击“点我是0”弹出“我就是0号按钮”其它按钮也是一样的效果，这里就可以使用for循环来实现。
2023-11-01 18:24:10
23
原创 jQuery的使用
2：这只是jQuery的一个功能，还有许多其它功能，可以自己用jQuery去感受一下。jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。jQuery 是一个 JavaScript 函数库。1使用jQuery在html页面实现一个淡入的效果。
2023-11-01 17:57:36
19
原创 AJAX的功能实现
2：使用ajax请求后，我们要在下面的框中显示相关天气信息，那我们就从返回数据中提取相关天气信息，再将信息插入到显示区域，即可完成上述的功能需求。使用ajax可以对部分页面进行更新，符合该功能的要求，所以在这里我们可以用ajax请求来完成。：在该页面中，我想实现点击城市后面的下拉框，选择城市后，点击获取天气按钮，即可在下面的。页面中出现实时的天气情况，点击不同城市获取天气时，只刷新下面的部分，不会刷新整个页面。：该页面是在原页面中右键，选择检查后选择网络，再选择Console，即可出现该页面。
2023-11-01 17:38:48
34
原创 文件FS的学习
fs系统⽂件模块，对⽂件进⾏操作。Node.js⽂件系统（fs模块）模块中的⽅法均有异步和同步的 版本，例如读取⽂件内容的函数有异步的fs.readFile()和同步的fs.readFileSync()。总结：fs还有许多功能，如修改⽂件夹，读取⽂件夹等，这里我就随便写了两个例子。在终端运行js代码，显示创建文件夹成功，则会成功创建文件夹。在终端运行js代码，显示删除文件夹成功，则会成功删除文件夹。下面我会写一些用fs对文件夹的相关操作。
2023-11-01 16:58:05
19
原创 iFlyCode的介绍
3：iFlyCode在我们写代码或写注释时会自动生成代码，点击tap键可直接将生成的代码复制下来。iFlyCode一款基于星火大模型的智能编程助手，旨在为开发者提供高效、准确和智能的编程支持。总结：以上就是iFlyCode的一些基本功能，它的其它功能你们也可以自己去体验。4：iFlyCode也可以直接向它提问，写出你的需求，它也会生成代码。1：在vs code里面搜索iFlyCode并下载。注：其中灰色字体就是iFlyCode自动生成的代码。2：进行注册，显示注册成功后即可开始使用。
2023-11-01 11:47:04
444
原创 Echarts的使用
总结：Echarts可以生动的展示我们的数据，而且Echarts还有非常多的图表类型，你可以按你的喜好选择不同的图表来呈现你的内容。使用Echarts可以让我们再写页面时，让我们的页面的某些内容以图表的形式呈现在页面上，这样会使我们要呈现的内容更直观。图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。下面是我用Echarts来写的一个例子。1:ECharts是一款基于。
2023-11-01 11:19:45
21
原创 Layui的使用
Layui 是一套免费的开源 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。总结：Layui是一个很好用的框架，它可以大大的美化我们的界面，它还有许多其它的实用功能，下面是我在使用Layui对页面进行的一个简单的页面对比。2这是我用Layui美化后的一个页面。1这是未用Layui进行美化的时候。会使我们的页面变得更美观。
2023-10-30 14:48:40
16
1
原创 nodemon的使用及使用时遇到的问题如何解决
1 ：当我们在运行js文件时，通常会使用node xx.js，但这通常在我们更新js中的内容时，不具有实时性，需要我们在终端再次输入node xx.js来运行，而nodemon xx.js则避免了这个问题，它会自动重新启动应用程序，即使你更新你js中的代码，也无需再次输入nodemon xx.js。这种情况下，可以打开电脑搜索框搜索PowerShell，然后以管理员身份打开， 输入set-ExecutionPolicy RemoteSigned 选择Y。nodemon无法加载文件的原因是系统禁止运行脚本。
2023-10-30 11:39:36
114
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人