- 博客(24)
- 收藏
- 关注
RSS订阅原创 uniapp 中 一键转换单位 (px 转 rpx)
本文介绍如何在uniapp中使用【px2rpx】插件实现一键单位转换。针对3倍设计图(393px宽度)，设置1.908的px转rpx基数。方法包括：1)下载插件并修改package.json显示名称；2)在extension.js中调整单位转换规则；3)重启Hbuilder启用插件。该插件可在保存(Ctrl+S)时自动转换页面所有单位，简化多机型适配工作流程。操作简单，只需配置一次即可实现高效样式适配。
2025-12-17 10:28:07
191
原创 uniapp上传多个文件
摘要 本文介绍了uniapp实现多文件上传的方法。通过uni.chooseImage选择图片后，将文件信息存入数组，然后调用上传接口。关键点在于正确配置formData参数传递文件数组。后端接口需要支持接收多个文件参数，文中展示了Java后端的MultipartFile[]接收方式。官方文档明确指出uploadFile的formData参数可传递额外数据，开发者需注意该配置项才能实现批量上传功能。
2025-12-17 10:15:17
332
原创 uniapp的Image组件的 mode：heightFix使用时注意事项
Uniapp Image组件的heightFix模式使用注意事项：该模式会使图片高度自适应容器，宽度自动调整（width:auto）。使用时必须显式设置width:auto样式，否则可能出现图片闪烁问题。官方文档明确指出该模式下图片会自动保持宽高比，仅需确保容器高度和宽度设置正确即可避免显示异常。
2025-12-11 13:50:05
190
原创 css中Flex布局的flex：1使用避坑
如图所示：左边的盒子设置的flex:1,右边盒子内容边长时，由于左边盒子内容太长，右面盒子被压缩了，左边没有实现自适应大小。给左边盒子加上min-width: 0后，解决问题。答案是最好这样，在实际开发中，flex: 1 的盒子在某些情况下确实需要加 min-width: 0，否则它可能不会收缩到你期望的宽度，尤其是内容超出时。在 flex 布局下，子项的 min-width 默认是 auto，这意味着如果内容太长，flex 子项不会收缩到小于内容宽度，导致布局“撑破”或溢出。
2025-11-20 13:45:39
286
原创 uniapp app跳转微信小程序
本文介绍了uniapp开发的App跳转微信小程序的实现方法。由于uniapp的navigateToMiniProgram不支持App端，转而使用plus.share的launchMiniProgram方法。关键点包括：1）无需plus ready，直接在onLoad生命周期操作；2）需先通过plus.share.getServices获取微信分享服务对象；3）获取服务对象后调用launchMiniProgram方法，传入小程序appid、原始ID、路径等参数实现跳转。文中还提供了完整的代码示例，包括获取服务
2025-10-27 17:38:23
787
原创 uniapp使用z-tabs时ios样式兼容问题
uniapp使用z-tabs的iOS样式兼容问题及解决方案 在uniapp中使用z-tabs组件时，低版本iOS和安卓真机可能出现tab切换后底部残留细线的问题。经排查发现这是由于不同浏览器对transform性能支持差异导致的。解决方案是添加APP端专属样式，通过translateZ(0)和backface-visibility强制开启硬件加速，消除渲染异常。具体实现需在组件页面添加条件编译样式，仅对APP端生效。该方案可有效解决底部细线残留问题，提升用户体验。
2025-07-28 16:57:15
159
原创 uniapp 接通苹果支付
UniApp接入苹果支付（IAP）指南摘要 IAP简介：苹果应用内购买系统，用于虚拟商品交易。 开发准备： 需付费开发者账号，配置iOS证书（开发/发布双证书）。 Identifiers必须勾选IAP功能。 协议与商品： 签订银行协议（需24小时审核），否则支付接口调用失败。 在App Store Connect创建内购商品（建议ID格式：com.公司名.项目名.物品ID），确保状态为“准备提交”才能上线。 沙箱测试： 注册沙盒账号（非真实Apple ID），真机测试时需登录沙盒账号（设置→开发者→沙盒账户
2025-07-21 10:55:59
1146
原创 09-react应用-React路由
1.一个路由就是一个映射关系(key:value)2.key为路径, value可能是function或component。
2025-04-11 10:55:01
328
原创 浅谈vue3中ref和reactive的区别
基本类型值。需要替换整个对象的场景（如接口返回的数据替换）。需要将值传递到函数或组件时（.value 显式操作更直观）。复杂的对象或嵌套数据，且不需要整体替换。需要直接访问属性（避免 .value 的冗余写法）。
2025-04-11 10:51:27
499
原创 uniapp开发微信小程序，swiper使用问题
touchmove.stop可以禁止用户触摸事件，但是页面上还需要上下滑动，下拉刷新等操作，页面大部分区域都是swiper，所以直接给swiper-item加@touchmove.stop就不太可行。最近在开发中遇到一个需求，在一个页面中通过tabs来切换组件，希望有swiper左右切换的效果…既然不生效那就自己给swiper-item添加一个禁止触摸的事件@touchmove.stop。直接顶部一个tabs组件，下面跟着一个swiper组件不就好了。但是它不支持微信小程序。
2024-11-22 13:47:38
739
原创 08-react-ajax
由于浏览器的同源策略，如果请求地址域名、协议、端口有一个不同就会产生跨域问题。1.React本身只关注于界面, 并不包含发送ajax请求的代码。2.前端应用需要通过ajax请求与后台进行交互(json数据)3.react应用中需要集成第三方ajax库(或自己封装)1.jQuery: 比较重, 如果需要另外引入不建议使用。（请求发送后，响应往回时被ajax引擎阻拦）在package.json中追加如下配置。2.axios: 轻量级, 建议使用。
2024-08-14 12:34:58
498
原创 07-react应用-组件化编码
1.拆分组件、实现静态组件，注意：className、style的写法2.动态初始化列表，如何确定将数据放在哪个组件的state中？——某个组件使用：放在其自身的state中——某些组件使用：放在他们共同的父组件state中（官方称此操作为：状态提升）3.关于父子之间通信：1.【父组件】给【子组件】传递数据：通过props传递2.【子组件】给【父组件】传递数据：通过props传递，要求父提前给子传递一个函数。
2024-08-12 11:33:00
347
原创 06-react应用-react脚手架
1.包含了所有需要的配置（语法检查、jsx编译、devServer…1.xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目。4.使用脚手架开发的项目的特点: 模块化, 组件化, 工程化。3.可以直接运行一个简单效果。2.下载好了所有相关的依赖。
2024-08-11 20:27:42
162
原创 05-组件生命周期及diff算法
1.render：初始化渲染或更新渲染调用2.componentDidMount：开启监听, 发送ajax请求3.componentWillUnmount：做一些收尾工作, 如: 清理定时器。
2024-08-11 17:56:57
550
原创 04-react中的事件处理及受控组件和非受控组件
(2).通过event.target得到发生事件的DOM元素对象 ——————————不要过度使用ref。a.React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —————— 为了更好的兼容性。b.React中的事件是通过事件委托方式处理的(委托给组件最外层的元素) ————————为了的高效。————————发生事件的元素正好是需要操作的元素就可以通过event.target获得。高阶函数：如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。
2024-08-10 14:38:57
389
原创 03-react基础-面向组件编程（重要属性-refs）
如果 ref 回调函数是以内联函数的方式定义的，在更新过程中它会被执行两次，第一次传入参数 null，然后第二次会传入参数 DOM 元素。这是因为在每次渲染时会创建一个新的函数实例，所以 React 清空旧的 ref 并且设置新的。通过将 ref 的回调函数定义成。可以避免上述问题，但是大多数情况下它是无关紧要的。概念：组件内的标签可以定义ref属性来标识自己。
2024-08-10 10:34:01
231
原创 vue-quill-editor富文本自定字体大小
提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2024-08-09 17:58:26
377
原创 uniapp swiper 垂直无缝滚动
最近在uniapp实现的小程序项目中遇到一个需求，多行文本垂直无缝滚动之前没遇到过，看了一下官方的组件和第三方插件，要么是单行滚动的，要么是实现的效果不太好，所以打算自己写一个，没想到踩了不少坑，记录一下…
2024-06-11 17:26:16
1535
原创 vue使用富文本编辑器之任意位置视频上传，且在uni项目中正常回显
由于Quill富文本编辑器的视频上传组件需要自定义，下面先定义富文本组件中的视频上传。
2024-06-11 12:25:27
717
2
原创 02-react基础-面向组件编程
函数式定义//1.创建函数式组件//此处的this是undefined，因为babel编译后开启了严格模式return 我是用函数定义的组件(适用于【简单组件】的定义)//2.渲染组件到页面执行了ReactDOM.render(…之后，发生了什么？React解析组件标签，找到了MyComponent组件。发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，随后呈现在页面中。函数定义组件，函数名必须大写开头。
2024-04-28 14:39:30
610
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人