uni-app---小程序和APP踩坑大集(持续更新)

最新推荐文章于 2024-06-25 10:30:00 发布
最新推荐文章于 2024-06-25 10:30:00 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： uni-app 文章标签： 踩坑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AIB_Kasic/article/details/103088851
版权

uni–app作为新起的技术,有很多坑.下面就将我开发过程中所遇到的坑分享给大家，让大家少走一点弯路。

1. H5样式没问题的在APP和小程序却有问题
		可能把样式写在了组件上.
		解决方法:在组件外面套个view,把样式搬过去
2. 组件内使用图片要用绝对路径

/static/...

3.中写position: fixed，在ios下会有兼容性问题。
土生土长的IU
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp学习（遇到的坑）
weixin_58896221的博客
07-28 2120
vant组件初步引用报错问题，axios,mockjs，Toast直接使用报错，vuex
uniapp在发布小程序的时候 报错 发布微信小程序失败.
阿臻
09-04 1336
解决办法 我当时的错误提示就是 mkdir xxxx mp-weixin文件夹 直接把 unpackage build 下的 例如mp-weixin 编译包删了 里面应该是空的 正常应该会遇到请提供管理员权限或者无法删除该文件夹 我直接强制删除的 然后重新编译就好 我感觉这种办法不太好有一定风险 如果有更好的办法可以分享一下 ...
uni-app学习：CSS之文本
sziitjin的博客
07-22 4809
1、字体大小 font-size:12px; 2、文字加线 1）下划线：text-decoration:underline 2）删除线：text-decoration:line-through 3）上划线：text-decoration:overline 3、字体加粗 font-weight:bold; 4、字体倾斜 font-style: italic; 5、内容居中 1）靠左对齐： text-align:left 2）靠右对齐：text-align:right 3）居中对齐..
面试专区|【39道UniApp高频题整理(附答案背诵版)】
最新发布
尺小闹的博客
06-25 1825
uniApp是一个使用Vue.js开发所有前端应用的框架，它允许开发者用一套代码同时发布到iOS、Android、Web（包括PC和移动端浏览器）、以及各种小程序（微信、支付宝、百度、字节跳动、QQ等）和快应用等多个平台。简而言之，uniApp的宗旨是“一次开发，多处运行”。使用uniApp，开发者可以享受到Vue.js的开发体验，包括组件化开发、Vue插件支持、Vuex状态管理等，同时还能通过uniApp提供的丰富API和组件，轻松实现跨平台应用的开发。
uniapp微信小程序开发，如何解决打包太大无法预览发布的问题（uview）
SLife4599的博客
05-07 1万+
废话不多说，直接上解决方案。 我们经常用的解决方案有，分包，将图片上传到服务器上，减少插件引入。但是还有一个方案好多刚入门uniapp的人都给忽略了，就是在源码视图中配置，开启分包优化。 1.分包 目前微信小程序可以分8个包，每个包的最大存储是2M，也就是说你文件总体的大小不能超过16M，每个包的大小不能超过2M。下面是如何配置分包。 首先我们在和pages同级的位置创建新的文件夹，文件夹的名字随便命名，每分一个包就创建一个文件夹。如下图 然后在pages.json中配置分包路径 如下： { "pag
微信小程序+uni-app知识点总结
liuliuhhxxttxs的博客
11-24 2206
对于一些独立的模块我们尽可能抽离出来，这是因为自定义组件的更新并不会影响页面上其他元素的更新；各个组件也将具有各自独立的逻辑空间。每个组件都分别拥有自己的独立的数据、setData调用。
基于uni-app开发的微信小程序商城项目
08-03
此项目是基于uni-app开发的微信小程序商城项目，开发工具用的是Hbuilder和微信开发者工具，前端用的vue3.0,后台的数据用的是用node搭建的本地服务器，通过内网穿透的方式进行数据外网访问的方式，只局限做开发和测试...
基于Vue和Javascript的uni-app简约小程序前端设计源码
04-15
基于Vue和Javascript的uni-app简约小程序前端设计源码，该项目包含316个文件，主要文件类型有148个vue前端文件，以及127个png图像文件。此外，还包括21个javascript文件，9个Markdown文档用于项目说明，以及3个css...
uni-app 实现小程序 仿微信 我的界面
03-30
【uni-app实现小程序：仿微信“我的”界面详解】 在移动应用开发领域，uni-app是一个备受推崇的跨端框架，它允许开发者用一套代码编写应用，同时发布到多个平台，如微信小程序、支付宝小程序、H5、App等。本教程将...
uni-app小程序简单聊天.rar
12-15
这个压缩包中的内容主要是为了帮助开发者快速理解和实现一个基础的聊天功能，适用于学习uni-app的小白或希望在小程序中集成聊天功能的开发者。 1. **uni-app框架介绍** - uni-app由Egret Wing团队开发，采用Vue.js...
uni-app开发商城类小程序
01-22
【uni-app开发商城类小程序】 uni-app是一款由DCloud(海豚浏览器团队)推出...通过上述知识点，我们可以了解到uni-app开发商城类小程序所涉及的技术栈和实际开发过程中可能遇到的问题，从而更好地构建和维护此类项目。
微信小程序-用小程序写的今日头条demo
08-05
运行环境 开发工具：微信web开发者工具 版本： 微信web开发者工具 v0.12.130400 适配： 适用于微信web开发者工具中所有模拟器的机型 demo介绍 1、本demo分为2个模块 首页模块 视频模块； 2、首页模块比较复杂，有5种（3张小图 文本， 一张可以播放的大图 文本， 一张大图 文本， 左边文本 右边图片， 只有文本）； 3、首页我先把用template 将这5种模型封装好，然后直接在scroll-view中放不同的模型就可以了； 4、视频模块比较简单，没有抓到头条的视频数据，我用的是网易的视频接口，就一张大图 播放按钮 文本； 目前还没有解决的问题 这个demo由本人空闲所写，有些功能还没做好，我现在把问题都列举出来，希望热心大神能够帮忙，联系方式[brisy@foxmail.com]()；也可以直接在小程序今日头条上fork。 1、下拉刷新只能在cell没有占满屏幕的时候，点击cell以外的空白区域才有效，我猜测应该是响应者链的问题； 2、上啦加载更多，太过于灵敏，这个我猜测应该是小程序自身的问题。 3、新闻详情页面是一个网页，但是小程序不支持HT
uniapp 文本 字体 样式总结
qq_43393995的博客
06-10 1万+
常用字体样式记录（个人学习记录）
使用uni-app做小程序的坑
qq_43427385的博客
12-30 3289
校验https 这个坑是真的让我很难受的，在小程序的开发者工具里面，是不自动检验的，一定一定要把这个√给去掉，因为测试版本确实不检验https但是正式版本的都需要检验，所以一定要用https 定位 使用uni-app定位时需要引入小程序的js（qqmap-wx-jssdk.js）我用的是腾讯的api文档 使用小程序自带的uni.getLocatio定位到的城市是拼音的，我们需要的是中文的，就需要转...
解决uni-app微信小程序打包超限
修车码农的博客
06-28 5747
今天遇到一个问题，使用uni-app开发微信小程序，运行到微信开发者工具，点击预览按钮进行打包，提示包大小超限>2M 解决办法： 1.找到项目中的manifast.json文件 2.在manifast.json中增加optimization配置(uni-app文档说明) "optimization":{ "subPackages":true } 完整代码： "mp-weixin" : { "appid" : "xxxxxxxxxxxxxxxxxxxx", "se
uniapp打包小程序包过大，处理css方案
weixin_43841757的博客
09-15 4307
问题：uniapp打包小程序会把子组件样式重复打包进去组件内，导致打包生成的包过大； 1，uniapp比较多公用小组件，可用此方法优化体积包； 2，独立一个_component.css，用于所有子组件样式写入； 3，在app.vue引入 @import 'static/style/_components.scss'; 4，公用组件引入的越多，减少的包体积越多； ...
自定义控件之绘图篇（二）：路径及文字
热门推荐
启舰
08-29 4万+
前言：今天项目进入攻关期，他们改Bug要改疯掉了，主管为了激励大家，给大家发了一封邮件，讲到他对项目和学习的理解，一个很好的图形模型，分享给大家，如图在下面给出：（不便给出原文，我仅做转述）无论是学习还是其它回报，它的回报曲线如下 ：蓝色是(成长+付出)，红色是回报。有多久可以达到这个红心，要看我们自已的努力，付出了多少专注与汗水。红色线的上挑，是前期厚积薄发的过程，先有异常低调的学习和努力...
uni-app开发微信小程序踩坑指南
Growing up Or Growing old
04-13 1052
uniapp踩坑指南
uni-app踩坑啦
yyybiu的博客
11-06 373
uni-app踩坑啦v-bind:class :class写法 v-bind:class :class写法 如果动态class根据数组长度来判断，class是不会发生变化的 解决办法： 再添加一个变量 为数组的长度，在改变数组长度时记得也去改一下这个值，然后用这个值去判断class应该是什么，就行啦 ...
uni-app实战：构建网易云音乐应用
他将分享如何利用uni-app和Vue3实现类似网易云音乐的应用，帮助学员提升实际项目开发技能，理解uni-app的特性和应用场景。 通过这个实战课程，学习者不仅可以掌握uni-app的基础知识，还能了解到如何整合后端接口，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值