- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue中v-if和v-show的区别
而v-shoe则是单纯的对元素css属性的变换，在隐藏时，只需要设置属性为display : none ，就可以将元素隐藏，在显示的时候，display就会恢复初始值。v-if是真正意义上的条件渲染，它在对元素显示和隐藏变换的时候，会有对DOM元素的适当的销毁和创建。使用 v - if = "false" 的时候，是获取不了DOM元素的，说明DOM目前根本不存在。如果是在组件频繁显示和隐藏的时候，v-if性能开销无疑是比v-show要大的，这个时候用。vue中v-if和v-show的区别，先看一个例子。
2025-03-14 15:26:37
170
原创 uniapp开发微信小程序实现图片本地缓存（策略）
这个时候，我们不能马上就将CDN路径替换掉本地存储路径，因为，我们不确定这个存储路径是否有效，还需要获取到图片文件列表，检查文件列表中是否有该路径，如果有，证明路径有效，就将本地存储路径替换为CDN图片路径。开发微信小程序时，小程序中使用的图片较多时，图片CDN流量就会增加，进而带来支出流量费用增加，图片加载变慢，影响用户体验等问题。下载完成之后就会返回图片在本地存储的地址，然后在小程序缓存中存储本地图片路径，这里的关键点是：小程序缓存的形式是：（ 键：值 ），其中。在图片首次加载的时候，先下载图片。
2025-03-12 22:15:00
326
原创 uniapp使用checkbox实现全选和单选
代码中的第一个checkbox的check动态绑定checkAll状态，点击选项框时，立刻将checkAll置为相反状态，然后进行判断，如果置反后的状态为true，代表当前要全选列表，则将list每一个元素的id保存在delist中，如果为false，将delist数组置空即可。每一个check-box的check属性动态绑定函数iselected()，函数检测delist数组是否包含当前传过来的id，如果有代表选中了，就返回true，如果没有代表没有选中，就返回false，
2025-03-11 19:41:31
325
原创 uniapp点击文本输入框弹出键盘，并且输入框跟随键盘弹起
这个属性，这个属性就是设置文本框光标到键盘的距离，单位为px，只要将这个值设置的更高一点，就能不遮住textarea元素，如果textarea是fixed定位，则需要将fixed属性设置为true。
2025-03-08 19:38:33
190
原创 lodash常用API介绍
这个API是比较重要的，当我们进行web开发时，如果直接把旧变量赋值给新变量的话，那么新的变量实际上是对旧变量的引用，二者会指向同一个内存地址，当修改新变量时，会对旧变量产生影响，而深度拷贝之后，两个变量会指向不同的内存地址，那么二者就会相互独立。lodash作为一个强大的JavaScript实用工具库，封装了常见数据类型的处理函数。下面介绍一下其中常用的API。以上是lodash其中一些API的使用，当然，lodash还有更多的实用API等着我们去学习。
2025-03-05 19:27:53
225
原创 ArkTS中Tabs组件使用（自定义TabBar）
7、tabBar()传递自定义的TabBar，接受一个自定义的导航栏内容myBuilder，myBuilder里面封装了一个包含图标和标题的导航栏内容，通过接收的参数动态生成不同内容。1、核心组件Tabs，导航栏的最外层组件，然后Tabs组件里面需要有一系列TabContent子组件，导航栏有多少个功能就会有多少个TabContent()组件，每个TabContent组件就是一个页面，需要注意的是：TabContent里面只能有一个子组件，这里通过遍历一个数组来生成多个TabContent组件。
2025-02-03 21:44:22
442
原创 uniapp开发微信小程序实现分包（亲测有效）
4）在pages数组下面声明一个新数组subPackages，用来管理分包的页面，其中root的值为分包的根目录，path就是test.vue页面的路径，这个时候页面的分包就完成了，如果需要有多个分包按照下面的形式声明路径。1、tabBar页面（与最下面的导航栏相关的页面）必须在pages目录下，那么，在pages目录下，我们可以存放登录页面以及tabBar。微信小程序要求单包不能超过2M，当我们的小程序体量大的时候，就需要用到分包了，下面就来说说如何实现分包。
2025-01-19 10:03:00
616
原创 Arkts框架Scroll组件基本使用
console.log('已经滑动的距离：',this.myScroll.currentOffset().xOffset,this.myScroll.currentOffset().yOffset)7、控制组件的滚动位置，需要先在前面实例化Scroller对象，然后通过引用这个对象，就能将对象和组件联系在一起，我们只需要操作Scroller对象，就能控制组件的滚动效果。1、必须给Scroll组件设置宽高，并且Scroll组件只能有一个子组件，如果要展示更多内容，可以在子组件之内再有子组件。
2025-01-13 15:56:05
313
原创 vue前端开发，点击登录时跳转路由之后又自动回退，可能原因之一及解决方法
属性被设置，这会导致页面跳转到该URL，显然我这里没有设置action属性，但表单的默认提交行为仍然存在，这时候就跳转到一个错误的路由。想要阻止这种行为的发生，只需要在登录按钮中使用@click.prevent来触发Login()函数，就会正确跳转路由了。，多了一个不知道哪里来的问号，并且路由也没有跳转成功，这是因为在HTML中，当表单内的按钮（尤其是类型为。在进行网页开发的时候，我遇到一个问题，在Login()函数中我设置了路由跳转。但是我在点击了登录按钮之后，就出现了一个现象：我的网页url变成了，
2024-11-11 10:56:51
312
原创 web开发，如何全局引入字体库（阿里巴巴矢量图标库为例）
再开发网页时，有些字体样式不能满足我们的开发需求，这个时候就需要引入我们的外部字体库，从而让字体样式变得更加美观。写入代码，Daoli 是项目其他组件要使用这个字体样式时要用的的名称，可自定义。进入阿里巴巴矢量图标库网页，进入想要下载的字体库，点击“下载子集”。这样就可以使用这个字体样式啦。
2024-10-23 20:23:05
487
原创 ArkUI开发 ，内边距（padding）使用
2、上下左右不为同一个值，可分开指定每个方向的内边距值。1、上下左右paddig都为一个值。关于ArkUI开发，内边距使用。
2024-10-17 21:29:05
222
原创 Vue3+ts项目路由跳转报错TypeError: Cannot read properties of undefined (reading ‘replace‘)解决方案
可能会报错：TypeError: Cannot read properties of undefined (reading 'replace')，这是因为我们不能在里面内嵌路由实例。这个时候，我们需要把拿取路由实例的操作，放在setup(）第一层之下。
2024-10-01 21:36:16
719
原创 前端部署项目到服务器（宝塔面板·腾讯云专享版），vue项目为例
打开vue.config.js文件，开发环境下，该代理是生效的，但在项目部署服务器上面时候，这个代理会失效，但是，我们要的并不是这个代理起作用，而要的是将请求路径用/api代替了这个功能，这样我们在开发环境下和上线时都不需要对项目的请求路径有大的改变，让我们更方便的进行开发和上线，这样我们的每一个请求的路径格式都是：/api/接口。打开后，这里是部署项目文件的地方，上传第二步得到的项目文件夹dist，切记，要进入到dist目录下，即打开dist文件夹，将里面的文件全部复制到部署项目文件的地方。
2024-06-26 18:02:22
1499
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人