自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(74)
  • 收藏
  • 关注

原创 vue3-登录小案例(借助ElementPlus+axios)

vue3项目中借助ElementPlus+axios实现登录功能

2024-06-26 21:27:36 530

原创 HarmonyOS-数据请求(http / axios)

4.调用该对象的request()方法,传入http请求的url地址和可选参数,发起网络请求。3.在xxx.ets页面导入:import axios from "@ohos/axios";3.调用createHttp()方法,创建一个HttpRequest对象。({data:{ data }}):解析请求到的data数据下的data数据。中发送请求,aboutToAppear类同于vue中的create。1.在module.json5中申请。二、axios数据请求。

2024-04-08 16:34:44 729

原创 HarmonyOS-LocalStorage/AppStorage/PersistentStorage的基本用法(案例)

LocalStorage是ArkTS为构建页面级别状态变量提供存储的内存内“数据库”。

2024-04-08 14:57:57 1595

原创 鸿蒙--DevEco Studio安装步骤及配置

可以指定本地已安装的Node.js或ohpm(Node.js版本要求为v14.19.1--v17.0.0;如果本地没有合适的版本,可以选择。窗口,阅读License协议,需同意License协议后,单击。等待Node.js、ohpm和SDK下载完成后,单击。按钮,选择下载源和存储路径后,进行在线下载,单击。,界面会进入到DevEco Studio欢迎页。页签,在搜索框输入“Chinese”弹出的SDK下载信息页面,单击。2.打开网页后,找到工具准备。(5).压缩包下载完成后解压。(1)首次使用,请选择。

2024-03-28 13:34:54 377

原创 如何隐藏掉滚动轴而不影响滚动

隐藏掉滚动轴而不影响滚动;可以使用CSS的::-webkit-scrollbar伪类选择器来定制滚动条的样式.

2024-03-19 14:17:47 1304

原创 隐藏uniapp中的头部导航栏

【代码】隐藏uniapp中的头部导航栏。

2024-03-19 14:11:00 757

原创 ref()和reactive()

ref 的好处是,与普通变量不同,你可以将 ref 传递给函数,同时保留对最新值和响应式连接的访问。当将复杂的逻辑重构为可重用的代码时,这将非常有用。属性的 ref 对象中返回,要在组件模板中访问 ref,从组件的。接收参数,并将其包裹在一个带有。使对象本身具有响应性。函数中声明并返回它们。

2024-02-27 09:02:33 369

原创 微信小程序-全局配置

如果不写"entryPagePath": "pages/index/index",在page里,就默认打开第一个路径。navigation开头的是navigationBar部分内容,background开头的是下拉刷新部分的内容,小程序中新增/减少页面,都需要对 pages 数组进行修改。用于设置小程序的状态栏、导航条、标题、窗口背景色。具体用法:其中 list 接受一个数组,个人笔记,仅供参考。

2024-02-27 09:00:55 517

原创 小程序开发

个人笔记:1.打开先注册,然后登录,成功后进入页面,点击小程序进入如下页面,点击工具,下载红色框内容:注册:登录:进入小程序后台:记住开发下的App(小程序ID)和AppSecret(小程序密钥)可以重置查看:打开开发文档:下载红色框:

2024-02-26 11:29:46 418

原创 Could not resolve dependency:npm ERR! peer vue@“^2.5.17“ from element-ui@2.15.14

element-ui不适配vue3,官方已将vue3版本的更新为element-plus。

2024-02-04 10:52:44 1339

原创 封装Ajax数据请求

【代码】封装Ajax数据请求。

2024-01-30 19:22:13 370

原创 Vue-样式穿透

使用第三方组件时,设置第三方组件样式不生效,因为scope是局部样式。解决:::v-deep(第三方组件){ 样式 }

2024-01-30 10:47:07 371

原创 Vue-数据解构

解析data下的list数据:

2024-01-29 11:21:57 434

原创 Vue2-全局前置守卫进行登录拦截/路由登录成功的重定向URL配置

【代码】Vue2-全局前置守卫进行登录拦截/路由登录成功的重定向URL配置。

2024-01-29 09:08:39 845

原创 fetch的GET和POST请求

fetch的GET和POST请求

2024-01-27 11:49:07 3122

原创 数据加载--触底加载

商品数据--触底加载

2024-01-27 11:38:49 686

原创 解决ERR!request to https://registry.npm.taobao.org/animate.css failed, reason: certificate has expired

等待注册表修复问题:证书过期问题通常是暂时的,注册表的管理员通常会迅速解决。vue中加载动画库----执行指令npm install animate.css --save时报错:npm ERR!request to。如果这些解决方案都不起作用,您可能需要联系 animate.css 库的维护者或 npm 注册表的维护者寻求进一步的帮助。这个问题是由于 npm 注册表(特别是淘宝注册表)的 SSL 证书过期所引起的。使用其他注册表:不使用淘宝注册表,而是切换到其他的 npm 注册表。

2024-01-25 17:53:38 761

原创 使用Animate.css动画库

使用Animate.css动画库

2024-01-25 17:04:10 695

原创 vue2-实现购物车数量全局使用(vuex实现)

实现购物车数量全局使用(vuex实现)

2024-01-25 11:26:51 553

原创 解决Uncaught (in promise) Error: Redirected when going from “/mine“ to “/order“ via a navigation guard

【代码】解决Uncaught (in promise) Error: Redirected when going from "/mine" to "/order" via a navigation guard。

2024-01-19 19:18:02 749 1

原创 Vue2-路由组件懒加载写法和作用

Vue2-路由组件懒加载写法和作用

2024-01-19 14:36:53 557

原创 js方式的路由跳转

跳转this.$router.push("/跳转页面的路由");跳转

2024-01-17 14:11:46 508

原创 css-实现溢出内容转换为...格式

/在WebKit引擎的浏览器中,将弹性盒子的主轴方向设置为垂直方向。//使用WebKit引擎的浏览器(如Chrome和Safari)中,将容器的显示方式设置为弹性盒子布局。//当文本内容超出容器的尺寸时,显示省略号(...)来表示被隐藏的部分。//当容器中的内容超出容器的尺寸时,将隐藏超出部分而不显示滚动条。

2024-01-17 13:39:03 768

原创 Vue-API

parent 和 $children。$ref: 操作dom。

2024-01-16 08:30:00 494

原创 牛客网-css继承属性

当元素的一个继承属性没有指定值时,则取父元素的同属性的计算值,哪些不是 CSS 中的继承属性:不可继承:display,margin,border,padding,background,height,width,position(百度的)

2024-01-16 08:00:00 846

原创 Vant2组件的使用

组件地址:Vant 2 - Mobile UI Components built on VueMobile UI Components built on Vuehttps://vant-contrib.gitee.io/vant/v2/#/zh-CN/# Vue 3 项目,安装最新版 Vant: npm i vant -S# Vue 2 项目,安装 Vant 2: npm i vant@latest-v2 -S其他两种方式官网中“快速上手”上有第三种方式:Vant 支持一次性导入所有组件,引入所有组件会增加

2024-01-15 16:11:44 874

原创 Vue2-子路由的基本用法

但是,例如这种:每个模板页面样式都不同的,可以采用子路由。例如:这种模板样式一样的,就不能采用子路由方式编写。应用场景:每个模板页面样式不同。

2024-01-15 10:30:54 959

原创 Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法

它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。模板中简化写法:count修改为vuex_count。Vuex 是一个专为 Vue.js 应用程序开发的。mutation:声明修改全局响应式数据方法的地方。state:全局共享的响应式数据。

2024-01-15 10:05:41 697

原创 Vue2-导航守卫

通过使用这些导航守卫,你可以在路由导航的不同阶段执行自定义的逻辑,例如验证用户权限、处理数据加载等。请根据你的需求选择适当的导航守卫类型,并在相应的位置定义守卫函数。在Vue中,导航守卫是一组用于控制路由导航的钩子函数。这些钩子函数允许你在路由导航的不同阶段执行一些操作,比如在路由切换之前进行验证、处理路由变化等。router.beforeEach(to, from, next) ***(常用)组件内部定义了两个导航守卫:beforeRouteEnter。在组件进入路由之前执行,在组件离开路由之前执行。

2024-01-11 21:46:09 688

原创 Vue2-动态路由传参的基本用法

在Vue 2中,可以使用动态路由传递参数。动态路由参数允许你在路由路径中包含占位符,这些占位符可以在路由被匹配时提取出来并作为参数传递给组件。这就是Vue 2中动态路由传参的基本用法。你可以根据需要在路由路径中定义多个动态参数,并在组件中使用它们。生命周期钩子中,我们使用this.$route.params.id。组件将显示"Product ID: 123"。的组件,并在路由配置中指定了动态参数。在上面的例子中,我们定义了一个名为。来获取动态参数的值,并将其赋值给。

2024-01-11 21:36:58 833

原创 CSS-设置背景图片的大小

要设置背景图片的大小,您可以使用CSS的。这个属性允许您指定背景图片的尺寸。

2024-01-10 19:28:54 1304

原创 Vue2-子传父和父传子的基本用法

在Vue 2中,可以使用props和$emit来实现子组件向父组件传值(子传父)和父组件向子组件传值(父传子)。的自定义事件,并将消息作为参数传递给父组件。方法中获取到子组件传递的值,并将其赋值给。来显示父组件传递的值,从而实现了父传子。在上述示例中,子组件通过点击按钮触发。子组件通过props选项声明了。属性,从而实现了子传父。在上述示例中,父组件通过。属性,并在模板中使用。

2024-01-09 20:09:43 684

原创 Vue2-组件的基本应用

在其中插入需要该组件()的位置

2024-01-08 10:13:52 524

原创 Vue生命周期钩子函数

页面内容的三个阶段:创建阶段、更新阶段、销毁阶段。当一个页面内容出现在App.vue中,页面进入创建阶段。当响应式数据发生变化时页面自动更新,此时进入更新阶段。最后切换页面时,旧页面消失,就是进入了销毁阶段。 对应这三个阶段,vue提供了不同生命周期函数,也叫钩子函数。让我们可以在不同阶段对页面内容进行处理。

2024-01-05 16:17:49 530

原创 vue-动态高亮效果

实现如下效果:点击某块,某块变成其他颜色。

2024-01-04 21:41:16 623

原创 vue中key的用法

当列表元素没有设置key的时候,vue判断是否操作这个DOM元素,是根据新旧两次数据的元素顺序进行对比,看一下元素内容是否发生变化。发生变化vue就操作这个DOM元素,没有变就不操作这个DOM元素。当列表元素设置了key的时候,vue判断新旧dom内容是否发生变化的时候,不再按照顺序对比了,而是找相同key值得元素进行对比,不受顺序得影响了。能始终保证只操作变化了得DOM元素。不能,因为索引是按元素顺序生成的。且始终从0开始,因此和不设置key效果一样了。加key是提升vue渲染效率,减少DOM操作。

2024-01-04 20:41:26 625

原创 4.快速实现增删改查,模糊查询功能

打开springboot项目,在com.example下建包common,在common下新建Result.java。

2024-01-04 20:01:07 1543 1

原创 css样式中设置height: calc(100vh-50px)不生效

表示视口高度的百分比,具体数值取决于当前浏览器窗口的高度。例如,如果浏览器窗口的高度为800像素,那么。表示视口(viewport)的高度。视口是指浏览器窗口中可见内容的区域,即用户能够看到的网页部分。不包括浏览器的工具栏、地址栏或其他浏览器界面的高度。它仅表示可见内容的高度。,这意味着 元素的高度将是视口高度减去50像素。,可能导致计算错误。您可以尝试将代码修改为。确保在减法运算符前后添加空格。这样可以确保正确计算。

2024-01-03 17:44:36 2027

原创 解决“Parsing error: No Babel config file detected for D:\...\... Either disable con”的问题

解决Parsing error: No Babel config file detected for D:\...\... Either disable con,在package.json中的"parserOptions"中添加:"requireConfigFile": false 即可。虽然不影响运行,但是看起来不舒适。

2024-01-03 10:32:49 404

原创 解决vue CLI脚手架安装时报错“ operation not permitted,mkdir ‘D:\Nodejs\node_cache\_cache‘ ”的问题

npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! Error : EPERM : operation not permitted,mkdir 'D:\Nodejs\node_cache\_cache

2024-01-02 21:05:42 1357

vscode应用程序及安装方法

vscode应用程序及安装方法+使用说明

2024-04-11

PHP期末大作业(公寓住宿信息管理系统)

综合运用PHP及MySQL相关知识,进行综合性动态网站开发 要求: 1.掌握数据库创建方法; 2.掌握PHP向数据表中添加、修改、删除数据的方法; 3.能够实现查询数据。 开发环境: 1.操作系统:Windows7以上; 2.开发工具:集成工具包XAMPP 3.编辑器:Dreamweaver编辑器

2023-10-22

空空如也

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

TA关注的人

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