- 博客(32)
- 收藏
- 关注
RSS订阅原创 uniapp中使用uni.$emit和uni.$on在vue和nvue页面之间传值但是无法赋值的问题
背景：我们在vue页面和nvue页面之间进行传值可以使用uni.$emit和uni.$onsh事件监听实现，官网描述：uni-app官网 (dcloud.net.cn)
2024-09-11 10:00:39
1010
1
原创 记录：uniapp直播的弹幕的样式修改与发送弹幕会自动滚动到底部两个技巧
很不幸，这样不仅导致子元素全部换行，也就是名字和弹幕占据两行，而且文字的溢出也没有解决，实在是头大，最终还是找到大佬的解决方案。这个我先使用百度到的方式，原理是：uni .createSelectorQuery().in(this)使用这个api，获取到可滚动视图的总高度，通过减去弹幕区域固定的高度，剩余的就是我们不需要的高度，我们只需要将这个剩余高度设置为可滚动区域的顶部，就相当于滚动到弹幕底部了，代码我放在下面。(我这个使用的是nvue页面，在使用大佬的页面模板下样式发生了改变，只能自己慢慢修改调整)
2024-09-09 17:46:15
633
原创 uniapp实现应用内检测版本更新(Android直接下载/ios跳转app store)
1、由于安卓和ios检测更新最后下载的方式不一样，在ios中，我们会跳转app store下载更新，所以代码中就会获取到配置文件的site.iosVersion和site.iosUrl，这两个我采用的方式是都在thinkPHP的后台的系统配置的中直接设置而无需每次更新还得改动服务器上的这个文件，如果你使用的不是这个，那也想ios可以跳转，可以每次更新的时候修改一下这个文件的$ios和$iosurl参数这里，写死，只是有些麻烦。，为了保持一致，你可以根据自己的项目接口的访问规则自行修改即可。
2024-08-22 15:53:02
1830
原创 实现：uniapp项目分享视频页面到微信，可以自定义分享的页面样式及内容
(最后：如果有参数的话记得后面加上“?参数=xxx”，也有的是链接中间没加#，但是我这里别的页面都加了，可以自己都试一试，最后我们把这个链接放在uni.share的mediaUrl那里就完成啦！manifest.json中的web配置(h5配置)中这样设置。(我们使用的是阿里云的OSS)
2024-08-13 17:42:38
995
原创 uniapp+php服务端实现苹果iap内购的消耗性项目和非续期订阅项目，前后端代码加逻辑分析
uniapp+php服务端实现苹果iap内购的消耗性项目和非续期订阅项目，前后端代码加逻辑分析
2024-05-25 11:09:27
1234
2
原创 HTML5和CSS3笔记
使用localStorage存储在一个页面，存储好后如果该页面跳到新页面，里面内容就无了，而sessionStorage存储好后跳转新页面存储的东西还在，只是重新打开浏览器之后内容会消失。overflow：清除浮动，如果子盒子1和2都是float的，那么父盒子就没有高度会隐藏导致下面的导航显示在子盒子右边，如果添加了overflow清除浮动，那么底下的绿色父盒子又会显示出来。比如说给一个div添加这个属性，他就会浮起来，下面的标签会上移，浮起来的标签显示在下面标签的上面。一个标签下所有的某种标签都有样式。
2024-03-23 14:25:14
3286
3
原创 redis学习笔记(三)
2.1.2：Caffeine的缓存驱逐策略：使用：可以使用@Configuration注解写一个类里面写一个bean每次需要加缓存事就用这个bean。
2024-03-21 10:44:02
425
原创 WebSocket学习笔记以及用户与客服聊天案例简单实现（springboot+vue）
前端这两个代码中有一些是我自己写好的组件，对聊天这部分逻辑没什么影响，大家主要看看script中的逻辑就行，style里面的样式也很杂乱，我也不太懂，凑合看吧，样式部分太难了我也不会。环境：做一个书店项目时想加一个用户联系客服的功能，寻思可以实现消息的实时通信和把聊天记录保存下来的效果，从网上找了找，决定使用websocket，并把消息保存到redis中。在前端上，我们可以写一个方法来发送消息，由服务端接收消息，处理保存在redis中，并转发给客服，客服的回复也是这样的流程。一个消息接收处理的类（
2024-02-03 15:23:52
1932
原创 使用阿里云的oss对象存储服务实现图片上传(前端vue后端java详解)
*** 配置类，用于创建AliOssUtil对象*/@Slf4j@Beanlog.info("开始创建阿里云文件上传工具类对象：{}",aliOssProperties);/*** 通用接口*/@Api(tags = "通用接口")@Slf4j@Autowired/*** 文件上传* @return*/@ApiOperation("文件上传")log.info("文件上传：{}",file);try {//原始文件名。
2024-01-24 13:54:52
3384
4
原创 el-form自定义校验规则后表单验证validate不生效导致代码跑不起了人快跑了
全部正确代码在下方：2.1正确示范：我们关注这个checkName方法，在最后的时候有else{callback（）}，此时是可以正常操作的 可以校验，也可以正常执行方法 此时我们尝试将这个else的内容注释掉，我们再次执行此时校验是可以执行的 但是我们的validate方法是根本执行不了一点的，甚至控制台毫无显示，只有之前校验username的方法可以正常发送打印 也就是说，这个点击提交的按钮里面的逻辑一个字母都没跑起来，给我整麻了
2024-01-22 22:35:56
1330
原创 axios发送get请求但参数中有数组导致请求路径多出了“[]“的处理办法
可以看到，我们使用axios发送get请求携带了数组参数时，请求路径中就会多出[]字符，而在后端也会报错1、安装qs当前项目的命令行中安装2、引入qs库3、以此代码为例，ids是我们需要向后端传递的参数数组，headers是加载的请求头，我们在这个方法的下方加入下面代码就行了paramsSerializer: (params) => { return qs.stringify(params, { arrayFormat: 'repeat' }) }
2024-01-17 00:14:45
1264
原创 axios发送post请求之后端怎么接收不到数据或者接收到的对象属性全是null
前端：这是向后端提交数据的方法，使用addAddress方法，参数是this.addressAdd整个对象，代码中还将token添加到请求头中下面这是addressAdd对象 后端：下面这是后端接收数据的代码，实体类也在下面：二：先上结论，axios成功发送请求并且后端也接收到了数据的方式如下：1、方式一 虽然数据可以正常的发送出去，但是后端是接收不到的 在前端提交数据的方法里使用一个addressBookAddDTO代替原本的this.addressA
2024-01-14 23:03:58
2016
1
原创 vue项目的给邮箱和手机号添加校验功能
这是在做一个个人信息的修改页面，打开后可以根据本地缓存的用户id字段从服务端获取用户的具体信息并展示出来，修改完点击提交可以更改数据。根据￥refs获取上面设置的ref的组件元素，调用了它的validate方法 ，该方法接受一个回调函数作为参数，在校验结束后会将校验结果传递给该回调函数。回调函数的参数valid是一个布尔值，表示表单是否通过校验。如果valid为true，则表示表单校验通过，可以执行保存逻辑。反之，如果valid为false，则表示表单校验不通过，需要进行错误处理。
2024-01-14 16:34:03
1728
1
原创 vue-area-linkage实现省市区三级联动效果
return {address1: [], // 接收数据的对象pca: pca,pcaa: pcaa这样选择好的地区数据就会保存在address1中了，不过里面都是地区的编号 ，如果你需要向后端发送的地址是一个xx省xx市xx县的字符串数据，就下面这样做。
2024-01-12 16:23:37
820
1
原创 vue学习笔记之自定义创建项目
一：创建流程：0、安装脚手架（已完成）1、在想创建项目的目录下打开命令行模式，输入：vuecreate项目名创建项目2、选择第三个自定义配置3、上下键选择哪个配置，空格是确定选择和取消4、选择vue25、选择是否使用历史模式的vue6、选择css预处理器7、选择使用哪一种ESlint代码规范（下图选的是无分号标准化规范）8、选择在什么时候进行校验（1：保存的时候 2：使用git的提交时）9、选择将配置文件放在哪里（1：单独的配置文件 2：
2024-01-10 11:43:15
519
原创 vue学习笔记之sync，ref和$refs，nextTick
一：sync修饰符：二：ref和$refs：2.1：获取dom元素：2.2：获取组件实例：三：Vue异步更新和$nextTick：3.1：总结：
2024-01-06 13:18:56
442
1
原创 vue学习笔记之项目工程化开发
在main.js中，首先会引入Vue库，并创建一个Vue实例。通过new Vue()可以传入一个配置对象，其中可以指定挂载的DOM元素、路由、状态管理等。在创建Vue实例时，通过render函数或template选项来指定根组件的渲染方式。通常使用render函数来渲染App.vue组件。main.js是Vue项目的主入口文件，负责初始化Vue应用并挂载根组件。App.vue是Vue应用的根组件，包含了应用的整体布局和结构。1.创建文件->2.导入->3.注册->4.使用。
2024-01-05 18:10:22
454
1
原创 Spring Cache学习笔记
无需单独设置，只要在pom.xml中导入某个缓存方式的坐标，Spring Cache会自动识别使用。 4.2@CachePut使用：在方法上添加该注解，可以将此方法的返回值放到缓存中（Reids中key的生成：cacheNames代表缓存名称，key是用于动态获得user的主键id） key的填写：#user(从user参数里获取)，#result(从返回结果里获取)，#root(使用如下图截图所示)，#p0(获取第一个参数的id)，#a0(获取第一个参数的id)
2023-12-24 12:37:17
397
原创 HttpClient工具类入门
发送 HTTP 请求：HttpClient 可以发送 GET、POST、PUT、DELETE 等各种类型的 HTTP 请求。可以设置请求头、请求参数、请求体等，并支持自定义请求的各种属性。处理响应：HttpClient 可以接收服务器返回的 HTTP 响应，并提供了获取响应状态码、响应头、响应体等信息的方法。你可以根据需要解析响应体，比如将响应转换成字符串、JSON 对象或者字节流。管理连接：HttpClient 可以管理 HTTP 连接池，从而复用连接，避免频繁地创建和关闭连接，提高性能。
2023-12-21 16:51:35
1662
1
原创 Redis入门笔记
内存1.字符串string普通字符串，Redis中最简单的数据类型（存储 Session 信息、存储缓存信息（如详情页的缓存）、 存储整数信息，可使用 incr 实现整数+1，和使用 decr 实现整数 -1；
2023-12-21 13:42:44
1697
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人