- 博客(25)
- 收藏
- 关注
RSS订阅原创 overflow-x属性样式
发现:heard-item虽然设置每个数据宽度是200px,可是并没有浏览器中数据的宽度依然是被挤压,并没有显示200px,那我们给其一个固定的宽度。在开发过程中,如果数据过多,不可能显示时所有数据挤在一起,那样不美观,所以一般都是使用overflow:auto控制其滑动显示ru。目前在浏览器上是如此现实的,如何让每个数据宽度固定位200px,且多余的可以添加一个滑动按钮,滑动展示。解决:发现 box-heard的宽度是固定的,如何让box-heard的宽度根据数据的数量来变化。思考:是什么原因导致的。
2024-09-28 16:04:49
223
原创 自定义组件获取省市区
3.计算对应cityList和districtList的数据。在项目开发中,不调用接口来获取省市区。1.引入外部的省市区的数据。
2024-09-24 11:08:44
288
原创 scroll-view中通用属性scroll-top的使用
当浏览该按钮对应的数据，使数据滚动（竖向）到非第一条数据时，切换按钮，却发现数据没有返回到第一条数据，而是停留在了上一个按钮浏览的位置，怎么处理这种出现的情况，使每次点击不同的按钮，都能使数据显示第一条数据。需要注意的是，先设置scroll-top为-1在设置为0，才能检测到数据的变化，才能够让scroll-view真正的滚过去。使用竖向滚动时，需要给scroll-view一个固定高度。通过使用scroll-view中的通用属性scroll-top设置竖向滚动条位置为0。
2024-03-10 16:15:39
899
原创 subPackages分包预加载+navigator跳转传参
在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下载下来，下载完成后再进行展示。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据pages.json的配置进行划分。在goods/goods/index.vue页面通过onLoad（option）接收参数。在跳转到的页面通过onLoad(option)接收参数，用于监听页面加载。分包加载配置，此配置为小程序的分包加载机制。因小程序有体积和资源加载限制。
2024-03-10 16:11:55
551
原创 calc()
calc() 此 CSS函数允许在声明 CSS 属性值时执行一些计算。calc可以实现左边固定右边自适应 假设左边的部分宽度为。
2024-03-10 16:05:10
624
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
631
1
原创 let 和 const
由于const 的值是不能修改的,但是只是基于基本数据类型,复杂数据类型我们存储的是地址,只要不修改初始地址是可以修改值。2.但是对于引用数据类型,const 声明的变量,里面存的不是 值, 不是 值, 不是 值,是。1.const 声明的值不能更改,而且const 声明变量的时候需要里面进行初始化。所以: const 声明的变量不可以修改 ,本质是说, const 声明的变量。有了变量先给const ,如果发现它后是要被修改的,再改为let。let可以改为const,因为地址没有修改,值修改无影响。
2024-03-10 15:52:36
314
1
原创 .test()
在这个例子中, .test()方法检查字符串str中是否包含字母,因为字符串确实包含字母,所以返回值为true。编写一个函数来检查给定字符串是否包含a-zA-Z连续重复的字母,连续输出true,否则false。该方法返回一个布尔值,如果字符串满足正则表达式的模式,则返回。语法:regexObject.test(string)在JavaScript 中, .test()是一个。,用于测试一个字符串是否满足某个正则表达式的模式.1.regexObject 是一个正则表达式对象。正则表达式对象的方法。
2024-03-08 16:32:06
466
1
原创 undefined和null的区别
但这只是JavaScript存在的一个悠久Bug，不代表null就是引用数据烈性，null属于基本数据类型。只声明变量，不赋值的情况下，变量的默认值为undefined，一般很少为某个变量赋值为undefined。typeof null 返回的是‘object’返回的是对象类型。undefined和null都是JavaScript。undefined 表示没有赋值，不存在。null 表示赋值了，但是内容为空。
2024-02-20 21:53:25
332
原创 变量let和var的区别
使用“let”声明的变量存在块级作用域的特性，即变量的可见性仅限于声明该变量的块内部。:使用“var”声明的变量存在函数作用域的特性，即变量的可见性受限于声明该变量的函数内部。如果在函数内部使用“var”声明变量，那么这个变量在整个函数中都是可访问的。:使用“var”声明的变量在执行上下文被创建时会被提升到当前作用域的顶部，这就是所谓的变量提升。：使用“let”声明的变量不会发生变量提升，如果在声明之前访问该变量，会导致一个ReferenceError错误。2.var声明过的变量可以重复声明（不合理）
2024-02-19 11:56:42
406
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
706
1
原创 单选框和复选框的区别（涉及computed的缓存）
value并没有改变vuex中的数据，value来自isChecked，isChecked不是vuex中的数据，是通过深拷贝得到的，所以修改的是isChecked的值。计算属性的作用是根据内部依赖的数据，自动计算出一个结果返回，但是isChecked内部依赖的数据是从vuex深拷贝出来的数据对象，vuex数据变化了，计算属性才会去计算。：在Vue.js中，计算属性的缓存默认是开启的，只要计算属性所依赖的数据没有变化，多次访问该属性会返回缓存的结果，而不会重复计算。计算属性的特点是什么？
2024-01-09 16:00:21
1002
原创 怎么修改vuex里面的数据
这两步就已经可以实现数据的添加，虽然数据添加成功了，但是在控制台vuex中cart的数据并没有发生变化，这是因为state中的数据虽然更改了，但是没有经过mutations，手动点击Root相当于刷新vuex，这时候vuex中的cart数据更新到最新的状态，但是并不知道什么时候更改的，对后期如果想要操作cart中的数据有影响。问题：这样也是错误的，看起来是通过commit触发mutations来修改cart数据的，其实。问题：很明显这么干是错误的，因为state的数据只能由mutations来修改。
2024-01-07 15:36:41
991
1
原创 uni-app中--vuex踩坑和解决方案
了解vuex在uni-app项目中的缺陷及解决方案。通过computed计算出新的变量在当前页面使用。小程序端模版不支持$store.xxx写法：如。
2023-12-24 20:10:57
321
1
原创 uni-app、uview开发时的三种富文本渲染方案
1.使用vue语法的 v-html2.使用小程序标签 rich-text3.使用uview内置的u-parse组件该组件一般用于富文本解析场景，比如解析文章内容，商品详情，带原生HTML标签的各类字符串等，此组件和uni-app官方的rich-text组件功能有重合之处，但是也有不同的地方。
2023-12-24 20:06:43
955
1
原创 如何将对象数组转换为字符串数组
map()` 是数组对象的一个方法，它用于对数组中的每个元素执行指定的操作，并返回一个新的数组。`map()` 方法会遍历原数组中的每个元素，并将每个元素应用于提供的回调函数，然后将回调函数返回的结果存储在新数组中。所以可以使用map把对象数组里面其中的一个数据映射成为一个新的数组。可以思考数组的方法都有哪些，如何实现对象数组转换为字符串数组呢。那么可以想到map，
2023-12-24 15:51:07
309
1
原创 渲染富文本内容使用的组件 rich-text
在小程序中，`rich-text` 组件支持一些常用的 HTML 标签，比如 ``、``、``、``、``、`` 等标签，以及一些常见的样式属性如 `color`、`fontSize`、`lineHeight` 等。在上面的示例中，`rich-text` 组件的 `nodes` 属性绑定了一个包含富文本标签的字符串 `富文本富文本富文本`注意：带标签字符串的就叫做富文本内容。
2023-12-24 14:56:01
412
1
原创 获取大量数据，怎么实现该数据的性能优化
在此两个数组totalList和littleList,因为totalList没有在data中定义，所以totalList不是响应式的。在data中定义的数据都是响应式的，所谓的响应式就是vue帮我们监控对象的变化，只要变了就自动更新视图，所以是需要消耗性能的。当获取大量的数据时，只要这时候从大数组中筛选出需要的小数组，让该小数组在data中定义（响应式），就是性能优化。获取的数据有些是非常庞大的，如果将该数据全部都设置成响应式的，也是对性能的一种损耗。
2023-12-16 23:00:10
43
1
原创 小程序和移动端100vh的区别
在小程序中如果配置了系统自带的导航栏和tabBar，小程序的100vh它会自动减去系统配置的导航栏和tabBar的高度，只显示中间的部分的高度。而浏览器，因为浏览器没有系统自带的导航栏和tabBar，所以浏览器的100vh没有减去导航栏和tabBar的高度。"navigationStyle":"custom" 去除系统自带的导航栏。"custom":true 去除系统自带的tabBar。
2023-12-16 21:51:39
483
1
原创 html中盒子居中方法
原理:位移取值为百分比数值,参考盒子自身尺寸计算移动距离。方法二:用magin和padding将盒子挤到中心。方法三：margin+定位(子绝父相)方法四:定位+margin实现。缺点:盒子无法覆盖其他标准流。方法五:位移+居中(推荐)缺点:盒子的宽高要固定。方法一:flex布局。
2023-07-05 22:37:31
5668
原创 浮动的特点
3、浮动后的盒子脱标，不占用标准流的位置。4、父级宽度不够，浮动的子级会换行。2、浮动后的盒子具备行内块特点。浮动的作用是让块元素水平排列。1、浮动后的盒子顶对齐。
2023-07-01 16:45:29
40
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人