uniapp技术栈及多端开发
文章平均质量分 50
uniapp技术栈相关各端:H5、小程序、混合app等常见问题 和解决办法专栏
搬砖的前端
这个作者很懒,什么都没留下…
展开
-
uniapp挂载全局常用方法main/globalData
01.main.js挂载方案(最常用):main.js部分:// main.jsimport App from './App'import Vue from 'vue'Vue.config.productionTip = falseApp.mpType = 'app'// 全局挂载import $tools from './tool';Vue.prototype.$tools = $tools;const app = new Vue({ ...App})app.$moun原创 2021-12-09 17:25:37 · 11511 阅读 · 0 评论 -
iOS APP 上架审核被拒Guideline 4.3 - Design,2.1,2.3.1,5.1.1解决方案
## iOS APP 上架审核被拒Guideline 4.3 - Design,2.1,2.3.1,5.1.1解决方案**4.3解决原理:**[https://blog.csdn.net/huazaihahha/article/details/136659489](https://blog.csdn.net/huazaihahha/article/details/136659489)**其他以及具体执行步骤:**[https://juejin.cn/post/72773950505098445原创 2024-05-11 11:03:52 · 520 阅读 · 0 评论 -
uniapp:通过vue-cli命令行创建无法找到dcloudio/uni-preset-vue,Fetching remote preset dcloudio/uni-preset-vue.. ER
## uniapp:通过vue-cli命令行创建无法找到dcloudio/uni-preset-vue,Fetching remote preset dcloudio/uni-preset-vue.. ERROR Failed fetching remote preset dcloudio/uni-preset-vue:如图:![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/02c44bac4e624620acccc3a48c8cb6ab.png)#原创 2024-01-20 23:15:31 · 1020 阅读 · 1 评论 -
vue、react、uniapp配置全局域名、环境变量NODE_ENV、--mode区分开发环境和正式环境
前端项目开发,不同项目环境使用不同的api接口域名(或ip)。不需要通过反复注释代码来解决接口环境问题。## 方法一:根据 window.location.host```javascriptconst baseURL = window.location.host == 'url01' ? 'url01' : 'url02';// 建议:url01是正式环境,url02是测试环境或者本地调开发用(有预生产环境的再继续写)```## 方法二:根据 process.env.NODE_ENV(需原创 2022-01-05 19:37:31 · 3347 阅读 · 0 评论 -
Taro模拟table表格搭配react实现方式
## Taro模拟table表格搭配react实现方式手机端使用表格场景较少。本文基础框架介绍: - **taro**:2.1.3 - **react**:16.9.31(本文使用类组件) - **css**:stylus(和less、scss类似写法不一样)**父组件调用:仅供参考,详见子组件**```javascript// 组件import Taro, { Component } from '@tarojs/taro'import { Image, View } from '@原创 2022-11-07 21:07:00 · 1601 阅读 · 0 评论 -
uniapp中picker选择器滚动时确认关闭导致数据无法及时更新解决方案picker-view
uniapp在picker内容还在滚动时或滚动回弹动画还未结束时,点确定关闭弹出的picker,数据无法及时更新解决方案picker-view原创 2022-01-13 15:41:10 · 2829 阅读 · 3 评论 -
uniapp开发H5横屏适配方案
uniapp官方文档在APP、微信、QQ小程序有横屏模式,在H5端不生效。需要额外自己写。项目配置pageOrientation – H5不生效!!!pages.json > globalStyle > pageOrientation (H5不生效!!!)"pageOrientation": "portrait", //横屏配置,全局屏幕旋转设置(仅 APP/微信/QQ小程序),支持 auto / portrait / landscape解决方案:1、js处理:App.vue &原创 2021-12-16 17:06:13 · 11438 阅读 · 5 评论 -
uniapp父子组件引用和传值
uniapp父子组件引用传值,和vue的一样,没有小程序那样的麻烦。父组件:<template> <view> <children :name="name" :age="age"></children> </view></template><script> import children from '@/components/children/index.vue'; export default {原创 2021-12-14 16:35:53 · 4091 阅读 · 0 评论 -
uniapp兼容ipad平板配置
uniapp开发后,ipad或其他平板时候,rpx(upx)兼容性有问题,内容过小,没有自适应屏幕。原因:uniapp 默认支持最大设备宽度:960px一些ipad常见的有1366,甚至2000px宽度解决方案:// pages.json 文件:{ //... "globalStyle": { //... "rpxCalcMaxDeviceWidth": 2000 },}注意: pages.json 文件中,对象配置的最后一个键值对,不能有逗号详见官方文档:ht原创 2021-12-10 11:33:30 · 14320 阅读 · 0 评论