- 博客(74)
- 收藏
- 关注
原创 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
原创 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
原创 解决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
原创 解决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
原创 css-实现溢出内容转换为...格式
/在WebKit引擎的浏览器中,将弹性盒子的主轴方向设置为垂直方向。//使用WebKit引擎的浏览器(如Chrome和Safari)中,将容器的显示方式设置为弹性盒子布局。//当文本内容超出容器的尺寸时,显示省略号(...)来表示被隐藏的部分。//当容器中的内容超出容器的尺寸时,将隐藏超出部分而不显示滚动条。
2024-01-17 13:39:03 768
原创 牛客网-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
原创 Vue2-子传父和父传子的基本用法
在Vue 2中,可以使用props和$emit来实现子组件向父组件传值(子传父)和父组件向子组件传值(父传子)。的自定义事件,并将消息作为参数传递给父组件。方法中获取到子组件传递的值,并将其赋值给。来显示父组件传递的值,从而实现了父传子。在上述示例中,子组件通过点击按钮触发。子组件通过props选项声明了。属性,从而实现了子传父。在上述示例中,父组件通过。属性,并在模板中使用。
2024-01-09 20:09:43 684
原创 Vue生命周期钩子函数
页面内容的三个阶段:创建阶段、更新阶段、销毁阶段。当一个页面内容出现在App.vue中,页面进入创建阶段。当响应式数据发生变化时页面自动更新,此时进入更新阶段。最后切换页面时,旧页面消失,就是进入了销毁阶段。 对应这三个阶段,vue提供了不同生命周期函数,也叫钩子函数。让我们可以在不同阶段对页面内容进行处理。
2024-01-05 16:17:49 530
原创 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
PHP期末大作业(公寓住宿信息管理系统)
2023-10-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人