uni-app

小程序的包被限制在2M以下， 超出的时候点击预览， 发现报错： Error: 代码包大小为 3701 kb，上限为 2048 kb，请删除文件后重试 1. 优化代码， 删除掉不用的代码 2. 图片压缩或上传服务器 一般图片所占空间较大，尽量不要放在小程序本地文件夹中，如果图片不多我们也可以对图片进行压缩，我经常使用的图片压缩平台： 点击这里 ； 也可以将图片上传到服务器上，进行外链引用， 我们使用的是阿里云oss存储， 另外也可以通过图片托管平台对图片进行托管， 我找到的的图片托管平台： 点击此处 ； 另外， 通过cli命令创建的uni app项目，可将图片或字体图标放入assets文件夹下，通过require引入， 也可减少主包大小 3. 分包加载 官方推出小程序分包加载这一功能，对于万千小程序开发者来说这无疑是天大的喜讯，关于如何分包，微信官方文档已经解释的十分清楚，在进行分包之前建议认真阅读 官方文档 。 接下来简单介绍一下在不同框架中的使用： 在uni app中： uni app通过cli初始化的小程序目录结构如下： ├── src ├── main.js ├── App.vue ├── pages.json ├── manifest.json ├── orderPackages │ └── pages │ ├── goodsDetail │ └── myorder ├──

uni-app如何解决在for循环里调用异步请求获取数据顺序混乱问题？ 参考文章： （1）uni-app如何解决在for循环里调用异步请求获取数据顺序混乱问题？ （2）https://www.cnblogs.com/zhujiqian/p/11532935.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/stackoom/blog/4870064

前言 上一篇讲解了怎么实现Android uni-app封装原生插件，这篇讲解一下，把anyRTC的RTC（音视频通讯）封装uni-app 实现音视频通话。 不了解anyRTC的小伙伴，可以点击下面链接： 开发者官网 1.效果图 先上图，后讲解！ 1.1 首页 1.2 游客界面 1.3 主播界面 2.GitHub地址 uni-app demo: 点击下载 3.demo下载： 下载地址： 点击下载 扫码下载： 4.代码 4.1 集成插件 const RtcModule = uni . requireNativePlugin ( 'AR-RtcModule' ) ; AR-RtcModule：插件名称，首页集成插件 4.2 初始事件回调 //callback 接收 callbackFn ( ) { RtcModule . setCallBack ( ( res ) = > { switch ( res . engineEvent ) { case "onWarning" : this . promptFn ( "warn" , res . warningCode ) ; break ; case "onError" : res . errorCode != 18 ? this . promptFn ( "error" , res . errorCode ) : '' ; break ;

摘要 ：恰逢官方征文，谨以此篇记录自己一年的心酸历程与前端知识的感悟。 目录 在时代工场的主要工作 我为什么从时代工场离职？ 我辞职后去了哪里？ 先说说我的经历吧 分享给前端人一些我的博客整理，希望也可以帮助到你 关于粉丝高频疑惑的解答 在时代工场的主要工作 先简单说一下自己这一年的变化吧，以前是在时代工场办公，是一个初创的共享办公科技公司，在那边开发过时代工场后台管理系统，时代工场小程序，时代工场APP,时代工场网站，业余时间还要顺便运营一些新媒体（小公司，你懂的，人手不够，广泛撒网），APP是基于APICloud这种敏捷式开发平台开发，一套代码可以适配两种操作系统，自己一个人重零开始到上架Android应用到腾讯应用包、百度手机助手、华为应用市场、小米应用商店、阿里应用分发平台，APPStore整了一个全套流程。 上架的流程可以参考我往期的文章。 https://blog.csdn.net/weixin_41937552/category_9342190.html 至于微信小程序是采用的微信小程序那套体系，这个创业公司搞这个玩意所有的认证开发测试等都需要自己来，不要问为什么，问就是成本。框架采用的vue,网站也是采用的vue,网站及小程序用来展示页面，里面的数据共用一个后台管理系统。系统老板着急出成果，刚开始简单找了个模板，后面不断优化，已经用PHP逐渐改成自己想要的那种模样啦

今天推荐的这个项目是「 netease-cloud-music-community 」，是一个参照网易云音乐云村做的小程序社区，后端技术栈为 Java，SpringBoot，MySQL，Redis，前端技术栈为 uni-app。 功能简介 微信登录，发文本动态，发图文动态，发视频动态，关注，转发，评论，点赞，收藏等等。 技术栈 后端：Java，SpringBoot，MyBatis，MySQL，Redis 前端：uni-app 开发环境 后端：IntelliJ IDEA 前端：HbuilderX，微信开发者工具，QQ 小程序开发者工具 项目运行 后端： 1、创建数据库，执行根目录中的 live.sql，并修改 artist 表中的微信 APPID 等配置 2、使用 IDEA 导入 live-backend-mp 项目，并通过 Modules 的方式导入 live-backend-common 项目 3、修改 application-dev 中的 MySQL，Redis，阿里云 OSS 配置 前端： 1、使用 Hbuilder 导入项目 2、修改 manifest.json 的 APPID 配置（微信小程序或 QQ 小程序） 3、修改 App.vue 中的 domain 配置（修改为后端项目的路径） 4、运行到微信小程序 开源项目作者： fanchaoo ， 开源项目地址

首先我们准备苹果手机一台，数据线一根，然后连接到电脑。 1.电脑安装iTunes 软件，网址：http://soft.onlinedown.net/soft/279734.htm 安装完成之后打开iTunes ，此时苹果设备应该会弹出授权，点击允许就行。 进入这个界面之后，证明我们已经成功连接到苹果设备。 2.进入HBuilder 运行到手机 如果出现这个情况，重启下HBuilderX 就好，然后重新点击运行到苹果设备。 然后我们就可以看到苹果设备上会出现一个HBuilder 3.苹果设备进设置信任HBuilder 然后点击HBuilder 运行，然后你会发现弹出未信任的弹窗，不要慌，进设置里面信任软件就行。 教程地址：https://jingyan.baidu.com/article/fec4bce2b65bd4f2618d8bdc.html 设置完之后再点击HBulider ,我们就能访问到刚才运行的程序了。 原文出处：https://www.cnblogs.com/yunsun/p/11506444.html 来源： oschina 链接： https://my.oschina.net/u/4267381/blog/3253354

解决uni-app props 传递数组修改后不能使用问题 参考文章： （1）解决uni-app props 传递数组修改后不能使用问题 （2）https://www.cnblogs.com/wfaceboss/p/10722458.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4438370/blog/4777228

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、 如何创建项目 1.使用 hbuilerX 创建一个新项目 2.启动项目（微信小程序） 3.微信小程序开发者工具导入项目 （初始界面） 二、 如何编写代码 样式和sass 结构与基本语法 事件 三、 组件 四、 生命周期 常用： 应用生命周期 页面生命周期 总结 前言 首先我们要先了解什么是uni-app ？ （1） uni-app是一个使用Vue.js语法来开发所有前端应用的框架（ 也称之为全端开发框架 ） 技术栈：JavaScript，vue， 微信小程序， uni-app uni-app的线上作品有哪些(列举) 一、 如何创建项目 1.使用 hbuilerX 创建一个新项目 2.启动项目（微信小程序） 3.微信小程序开发者工具导入项目 （初始界面） 项目结构介绍 官方解释 二、 如何编写代码 样式和sass 支持小程序的rpx 和 h5的vw，vh。 rpx 小程序中的单位 750 rpx = 屏幕宽度 vw h5单位 100 vw = 屏幕的宽度， 100 vh = 屏幕的高度 内置sass的配置， 只需要安装对应的依赖即可 npm install sass - loader node - sass vue组件中，在style标签上加入属性 < style lang = 'scss' >

在HBuilder上对APP提供了两种打包方式，云打包和本地打包，下面主要对这两种打包方式做个介绍 两者的区别：云打包相对简单，但是每天最多只能打包五次，而且在高峰期打包时间可能会很长，本地打包相对比较复杂，但是不限制次数，打包时间也短 一. 云打包：只需要设置相应参数即可。比较复杂的地方可能就是证书，如果你是测试包，Android的话直接选择共用证书即可，ios则需要申请相应证书，申请证书的具体方法官方也介绍的很清楚了，就不赘述了。 二.本地打包：本地打包相对比较麻烦，官网也做了详细介绍，但是感觉不太精简，设置一大堆，看起来也不清晰，所以我在这边大致整理了一下（uni-app安卓打包方式），大致分为底下几个步骤。 需要用到的软件： Android Studio 下载地址： Android Studio 官网 OR Android Studio中文社区 App离线SDK下载： 最新android平台SDK下载 打包步骤 在 HBuilder 上选择发行 -> 原生App-本地打包 -> 生成本地App打包资源，会在项目里生成一个unpackage的文件夹 打开Android studio新建一个空白项目 因为会自己生成默认属性，Minimum API Level也会选择最新的，所以一路next，Finish就行了 将lib.5plus.base-release.aar

anyRTC SDK11月更新，新增多种跨平台SDK支持（Flutter和uni-app）、AI降噪和视频超分功能，Native端新增万能播放器SDK,以及客户端合流推RTMP的功能； 届时anyRTC SDK在互动直播以及音视频互动上提供一条龙服务，无需在集成其他SDK,大大缩减了应用包体积，插入媒体流功能更是让直播更具有可拓展性，适用于一起K歌，一起看电影等场景，音频3A算法改进，性能以及效果达到业界领先水平。 更多详细文档以及anyRTC SDK历史更新内容，可以进入“ anyRTC官网-开发者中心-文档中心 ”查看。 下面为大家详细介绍本月的更新内容； uni-app移动端插件 anyRTC uni-app移动端插件目前只适配了RTC SDK，RTM SDK已经在诞生的路上。uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。因为扩展能力强，学习成本低，所以深受开发者们的喜爱。 uni-app 跨平台SDK应用场景非常广泛，比如在在线教育、在线金融、智能终端、移动执法和交通物流方面都有良好的应用。 Flutter移动端插件 anyRTC Flutter移动端插件目前适配了RTC和RTM SDK，开发者基于anyRTC Flutter SDK可以简单高效的实现跨平台音视频和实时消息功能