- 博客(38)
- 收藏
- 关注
RSS订阅原创 app.config.globalProperties
是 Vue 3 应用实例（app）的一个配置属性，它允许你在整个应用范围内添加全局可用的属性。将一些常用的工具函数挂载到全局属性上，这样在组件中就可以直接调用这些函数，而无需重复导入。// 创建 Vue 应用实例// 添加全局属性app.config.globalProperties.$mes= '这是一个全局消息';return '这是个全局函数返回的方法'// 挂载应用。
2025-03-13 17:20:58
745
原创 FormData
对于那些基于 HTML 表单的传统 Web 应用，Form-data 通常是首选，因为它能够直接与表单元素互动而无需额外的 JavaScript 编码。：在涉及文件上传的场合，Form-data 显得尤为重要，特别是当 Web 表单需要同时提交文件与数据时，Form-data 以其独有的优势脱颖而出。，亦即表单数据，是一种在 HTML 表单与服务器进行交互时常用的编码方式，尤其在处理文件上传方面展现出独特的兼容性。对象的构造函数调用，默认情况下，创建的是一个空的。的变量，并将一个新创建的。
2025-03-06 11:22:19
416
原创 Object.assign
当源对象为[]时,空数组虽然是一个对象,但它没有可枚举的属性(除了一些内置的属性,如length,不过Object.assign不会赋值这些内置属性).因此,Object.assign不会将任何属性赋值到目标对象上,目标对象保持初始值。当源对象为undefined时,Object.assign会忽视undefined这个源对象,因为它没有可枚举属性,所以目标对象不会被修改,依然保持初始值。方法用于将一个或多个源对象的所有可枚举属性赋值到目标对象,它会返回目标对象.起雨大为。
2025-02-27 12:45:35
142
原创 data.hasOwnProperty(key)
如果可以确定对象不会重写方法，使用更为简洁方便。如果不能确定对象是否重写了方法，或者需要确保调用的是原始的方法，建议使用。
2025-02-27 09:39:01
273
原创 vue3通过按钮实现大图预览
3.通过querySelector在当前元素的后代元素里查找符合指定css选择器的第一个元素.这里需要的css选择器是.el-image img,然后调用该DOM的click方法,也就是触发该元素的click事件。<el-button type="success" @click="preview($event, 1)">大图预览</el-button><el-button type="success" @click="preview($event, 1)">大图预览</el-button>
2025-02-24 17:41:48
742
原创 日期时间选择(设置禁用状态)
是一个函数，用于判断某个日期是否应该被禁用。这个函数会在日期选择器中每个日期渲染时被调用，传入当前日期的 timestamp（时间戳），返回一个布尔值，表示该日期是否被禁用。time
2024-12-31 14:02:23
487
原创 Cannot find module ‘@/stores‘.Did you mean to set the ‘moduleResolution‘ option to ‘node‘
这个错误是什么原因。
2024-10-18 09:45:23
202
原创 npm ERR! code ELIFECYCLE npm ERR! errno 1
运行报错,试了很多种方法,其中包括删除node_modules但是都没有用。后来发现我的node版本是14,比较低=>改成级别高点的node。该项目是v3+ts小程序。
2024-10-16 15:28:53
653
原创 overflow-x属性样式
发现:heard-item虽然设置每个数据宽度是200px,可是并没有浏览器中数据的宽度依然是被挤压,并没有显示200px,那我们给其一个固定的宽度。在开发过程中,如果数据过多,不可能显示时所有数据挤在一起,那样不美观,所以一般都是使用overflow:auto控制其滑动显示ru。目前在浏览器上是如此现实的,如何让每个数据宽度固定位200px,且多余的可以添加一个滑动按钮,滑动展示。解决:发现 box-heard的宽度是固定的,如何让box-heard的宽度根据数据的数量来变化。思考:是什么原因导致的。
2024-09-28 16:04:49
305
原创 自定义组件获取省市区
3.计算对应cityList和districtList的数据。在项目开发中,不调用接口来获取省市区。1.引入外部的省市区的数据。
2024-09-24 11:08:44
436
原创 scroll-view中通用属性scroll-top的使用
当浏览该按钮对应的数据，使数据滚动（竖向）到非第一条数据时，切换按钮，却发现数据没有返回到第一条数据，而是停留在了上一个按钮浏览的位置，怎么处理这种出现的情况，使每次点击不同的按钮，都能使数据显示第一条数据。需要注意的是，先设置scroll-top为-1在设置为0，才能检测到数据的变化，才能够让scroll-view真正的滚过去。使用竖向滚动时，需要给scroll-view一个固定高度。通过使用scroll-view中的通用属性scroll-top设置竖向滚动条位置为0。
2024-03-10 16:15:39
1466
原创 subPackages分包预加载+navigator跳转传参
在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下载下来，下载完成后再进行展示。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据pages.json的配置进行划分。在goods/goods/index.vue页面通过onLoad（option）接收参数。在跳转到的页面通过onLoad(option)接收参数，用于监听页面加载。分包加载配置，此配置为小程序的分包加载机制。因小程序有体积和资源加载限制。
2024-03-10 16:11:55
616
原创 calc()
calc() 此 CSS函数允许在声明 CSS 属性值时执行一些计算。calc可以实现左边固定右边自适应 假设左边的部分宽度为。
2024-03-10 16:05:10
662
1
原创 err-first
在微信app开发中，基于uniapp开发时，在main.js中会引入uni.promisify.adaptor打补丁， 打了补丁就是传统的 promise方案：.then拿成功的结果 , .catch拿失败的结果。Vue2 对部分 API 进行了 Promise 封装，返回数据的第一个参数是错误对象，第二个参数是返回数据。没打补丁时：遵循err-first规范，错误放到数组的第一个元素，成功的结果放在数组的第二个元素。Vue3 对部分 API 进行了 Promise 封装，调用成功会进入。
2024-03-10 16:02:00
667
1
原创 let 和 const
由于const 的值是不能修改的,但是只是基于基本数据类型,复杂数据类型我们存储的是地址,只要不修改初始地址是可以修改值。2.但是对于引用数据类型,const 声明的变量,里面存的不是 值, 不是 值, 不是 值,是。1.const 声明的值不能更改,而且const 声明变量的时候需要里面进行初始化。所以: const 声明的变量不可以修改 ,本质是说, const 声明的变量。有了变量先给const ,如果发现它后是要被修改的,再改为let。let可以改为const,因为地址没有修改,值修改无影响。
2024-03-10 15:52:36
378
1
原创 .test()
在这个例子中, .test()方法检查字符串str中是否包含字母,因为字符串确实包含字母,所以返回值为true。编写一个函数来检查给定字符串是否包含a-zA-Z连续重复的字母,连续输出true,否则false。该方法返回一个布尔值,如果字符串满足正则表达式的模式,则返回。语法:regexObject.test(string)在JavaScript 中, .test()是一个。,用于测试一个字符串是否满足某个正则表达式的模式.1.regexObject 是一个正则表达式对象。正则表达式对象的方法。
2024-03-08 16:32:06
994
1
原创 undefined和null的区别
但这只是JavaScript存在的一个悠久Bug，不代表null就是引用数据烈性，null属于基本数据类型。只声明变量，不赋值的情况下，变量的默认值为undefined，一般很少为某个变量赋值为undefined。typeof null 返回的是‘object’返回的是对象类型。undefined和null都是JavaScript。undefined 表示没有赋值，不存在。null 表示赋值了，但是内容为空。
2024-02-20 21:53:25
346
原创 变量let和var的区别
使用“let”声明的变量存在块级作用域的特性，即变量的可见性仅限于声明该变量的块内部。:使用“var”声明的变量存在函数作用域的特性，即变量的可见性受限于声明该变量的函数内部。如果在函数内部使用“var”声明变量，那么这个变量在整个函数中都是可访问的。:使用“var”声明的变量在执行上下文被创建时会被提升到当前作用域的顶部，这就是所谓的变量提升。：使用“let”声明的变量不会发生变量提升，如果在声明之前访问该变量，会导致一个ReferenceError错误。2.var声明过的变量可以重复声明（不合理）
2024-02-19 11:56:42
439
1
原创 使用uni-app开发小程序获取收货地址
小程序是用uni-api创建的工程，使用uni-app中没有app.json文件，但是在uni-app中搜索requiredPrivatefos发现，在mainfest.json中有对于requirePrivatefos的配置。自 2022 年 7 月 14 日后发布的小程序，若使用该接口，需要在 app.json 中进行声明，否则将无法正常使用该接口，2022年7月14日前发布的小程序不受影响。微信开发工具/api/开发接口/收货地址。在uni-app官网。
2024-02-05 16:50:11
792
1
原创 单选框和复选框的区别（涉及computed的缓存）
value并没有改变vuex中的数据，value来自isChecked，isChecked不是vuex中的数据，是通过深拷贝得到的，所以修改的是isChecked的值。计算属性的作用是根据内部依赖的数据，自动计算出一个结果返回，但是isChecked内部依赖的数据是从vuex深拷贝出来的数据对象，vuex数据变化了，计算属性才会去计算。：在Vue.js中，计算属性的缓存默认是开启的，只要计算属性所依赖的数据没有变化，多次访问该属性会返回缓存的结果，而不会重复计算。计算属性的特点是什么？
2024-01-09 16:00:21
1572
原创 怎么修改vuex里面的数据
这两步就已经可以实现数据的添加，虽然数据添加成功了，但是在控制台vuex中cart的数据并没有发生变化，这是因为state中的数据虽然更改了，但是没有经过mutations，手动点击Root相当于刷新vuex，这时候vuex中的cart数据更新到最新的状态，但是并不知道什么时候更改的，对后期如果想要操作cart中的数据有影响。问题：这样也是错误的，看起来是通过commit触发mutations来修改cart数据的，其实。问题：很明显这么干是错误的，因为state的数据只能由mutations来修改。
2024-01-07 15:36:41
1226
1
原创 uni-app中--vuex踩坑和解决方案
了解vuex在uni-app项目中的缺陷及解决方案。通过computed计算出新的变量在当前页面使用。小程序端模版不支持$store.xxx写法：如。
2023-12-24 20:10:57
394
1
原创 uni-app、uview开发时的三种富文本渲染方案
1.使用vue语法的 v-html2.使用小程序标签 rich-text3.使用uview内置的u-parse组件该组件一般用于富文本解析场景，比如解析文章内容，商品详情，带原生HTML标签的各类字符串等，此组件和uni-app官方的rich-text组件功能有重合之处，但是也有不同的地方。
2023-12-24 20:06:43
1323
1
原创 如何将对象数组转换为字符串数组
map()` 是数组对象的一个方法，它用于对数组中的每个元素执行指定的操作，并返回一个新的数组。`map()` 方法会遍历原数组中的每个元素，并将每个元素应用于提供的回调函数，然后将回调函数返回的结果存储在新数组中。所以可以使用map把对象数组里面其中的一个数据映射成为一个新的数组。可以思考数组的方法都有哪些，如何实现对象数组转换为字符串数组呢。那么可以想到map，
2023-12-24 15:51:07
383
1
原创 渲染富文本内容使用的组件 rich-text
在小程序中，`rich-text` 组件支持一些常用的 HTML 标签，比如 ``、``、``、``、``、`` 等标签，以及一些常见的样式属性如 `color`、`fontSize`、`lineHeight` 等。在上面的示例中，`rich-text` 组件的 `nodes` 属性绑定了一个包含富文本标签的字符串 `富文本富文本富文本`注意：带标签字符串的就叫做富文本内容。
2023-12-24 14:56:01
514
1
原创 获取大量数据，怎么实现该数据的性能优化
在此两个数组totalList和littleList,因为totalList没有在data中定义，所以totalList不是响应式的。在data中定义的数据都是响应式的，所谓的响应式就是vue帮我们监控对象的变化，只要变了就自动更新视图，所以是需要消耗性能的。当获取大量的数据时，只要这时候从大数组中筛选出需要的小数组，让该小数组在data中定义（响应式），就是性能优化。获取的数据有些是非常庞大的，如果将该数据全部都设置成响应式的，也是对性能的一种损耗。
2023-12-16 23:00:10
72
1
原创 小程序和移动端100vh的区别
在小程序中如果配置了系统自带的导航栏和tabBar，小程序的100vh它会自动减去系统配置的导航栏和tabBar的高度，只显示中间的部分的高度。而浏览器，因为浏览器没有系统自带的导航栏和tabBar，所以浏览器的100vh没有减去导航栏和tabBar的高度。"navigationStyle":"custom" 去除系统自带的导航栏。"custom":true 去除系统自带的tabBar。
2023-12-16 21:51:39
645
1
原创 html中盒子居中方法
原理:位移取值为百分比数值,参考盒子自身尺寸计算移动距离。方法二:用magin和padding将盒子挤到中心。方法三：margin+定位(子绝父相)方法四:定位+margin实现。缺点:盒子无法覆盖其他标准流。方法五:位移+居中(推荐)缺点:盒子的宽高要固定。方法一:flex布局。
2023-07-05 22:37:31
6541
原创 浮动的特点
3、浮动后的盒子脱标，不占用标准流的位置。4、父级宽度不够，浮动的子级会换行。2、浮动后的盒子具备行内块特点。浮动的作用是让块元素水平排列。1、浮动后的盒子顶对齐。
2023-07-01 16:45:29
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人