qzmlyshao的博客

项目是用uniapp开发的，当时只是做App端，后来项目扩展到H5端， uniapp框架可以跨平台所以移动端和H5使用的是一套代码。即能兼容h5也能兼容微信小程序和各个app。微信小程序图片压缩再次用二分查找压缩质量。先搞定H5的压缩吧！

然后调用的时候报错会出现错误。

总结：开发的时候要想想能不能提前写全局变量，别把数据写死，到后面又要换，浪费时间。我接手我徒弟的项目发现有一个请求接口是写死的。这样写虽然没有问题，但是如果遇到上传或下载接口。打印一下 引入全局 变量就出来了。新建一个config/index.js。这么多文件都写死 不利于维护。上传或下载接口那边引入的方法是。到时候如果后端发布新接口地址。然后在main.js全局注册。

生成的apk文件如下图所示：如果使用例如Vue等框架的项目，由于是框架写的项目，文件很多且很杂，那么我们可以先执行npm run build打包为纯html+css+js这样的文件，然后再按照如上的方式打包即可。如下Vue3项目打包后的文件：将网页打包为app后，用户可以直接在手机上使用，而不需要打开浏览器并输入网址，提高了用户的便利性和体验。这种方式打包app，其实就是依赖于H5+项目的manifest.json这个配置文件，再加上HBX编辑器配合完成，可打包的对象就是HTML的网页文件。

Hello uniCloud，是一个示例，演示了 uniCloud 的各种能力。

serverless是目前很火的概念，它是下一代云技术，是真正的“云”。传统的云服务，让开发者免于购买实体服务器硬件，改为购买虚拟机。但开发者仍然要自己装操作系统、web服务器、数据库，自己处理热备，自己新购服务器来应对高并发，自己抗DDOS攻击…这不是成熟的“云”！真正的云计算，就像用水用电，没有复杂的门槛，即用即有、按需付费。简单回顾下用电的历史。几十年前，很多单位都有专门管电的工程师，当单位的电力负荷不够时，就需要找这个管电的工程师扩容发电机。

uniCloud为每个开发者提供一个免费的服务空间，更低门槛按量付费是serverless的特色，如果没有消耗硬件资源，就完全不用付款serverless比传统的云主机更便宜传统云主机一旦被攻击，高防价格非常昂贵。而uniCloud无需支付高防费用，不惧DDoS攻击。uniCloud的定价、套餐内容、服务SLA，是由云厂商直接公布的。DCloud公司不会加价。uniCloud已经上线近3年，DCloud一直以良心方式服务开发者，努力降低应用的开发门槛、提高应用的开发效率。

1）APK 链接：点击后可以直接唤起 APK 应用包下载的链接，即为 APK 链接。例如：https://imtt.dd.qq.com/16891/DBB2D18C1A390C6AC9DB067C94F57F3E.apk?2）详情页链接：即应用商店的下载详情页，例如：https://appgallery.huawei.com/app/C10652857。

非H5端，手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因，即全屏可写内容。uni-app提供了状态栏高度的css变量，如果需要把状态栏的位置从前景部分让出来，可写一个占位div，高度设为css变量。-- 这里是状态栏 --> < view > 状态栏下的文字 < style > .status_bar {

平台选择 “iOS，tvOS，watchOS”，Bundle ID 选择 “Explicit”，在 Description 中填写描述，然后填写 Bundle ID，Bundle ID 要保持唯一性，建议填写反域名加应用标识的格式 如：“io.dcloud.hellouniapp”， 然后点击 “Continue”至此，我们已经完成了开发证书的制作（得到了 xxx.p12 证书文件），接下来，继续生成开发阶段所需的描述文件，在生成描述文件之前，需要先添加调试设备（iPhone 、iPad）

打开项目的manifest.json文件，在“App启动界面配置”中的“Android启动界面设置”项下勾选“自定义启动图”：提示：2020年6月30日起，苹果AppStore审核要求应用在启动时，不能使用启动图片，必须改为使用Storyboard来制作启动界面，如果需要提交AppStore请使用通用启动界面或自定义storyboard启动界面。

uCharts是一款基于canvas API开发的适用于所有前端应用的图表库，开发者编写一套代码，可运行到 Web、iOS、Android（基于 uni-app / taro ）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等更多支持 canvas API 的平台。uCharts 新增正负柱状图！支持H5及APP用 ucharts echarts 渲染图表，uniapp可视化首选组件插件ID：qiun-data-charts插件包体积：605.3KB。

当设为custom或titleNView设为false时，原生导航栏不显示。"style": {"navigationBarTitleText": "首页",// 单个页面设置} */},"style": {"navigationBarTitleText": "新闻"],// 全局设置} */

在不同平台，引用的静态资源可能也存在差异，通过 static 的的条件编译可以解决此问题，static 目录下新建不同平台的专有目录（目录名称同%PLATFORM%值域,但字母均为小写），专有目录下的静态资源只有在特定平台才会编译进去。如果想把各平台的页面文件更彻底的分开，也可以在cafe-app项目根目录创建platforms目录，然后在下面进一步创建app-plus、mp-weixin等子目录，存放不同平台的文件。这样，就不会在其它平台产生多余的资源，进而减小包体积。只有在微信小程序平台才会编译进去，

......name: "组件名称",//属性自定义props: {属性名称: {type: String, //属性类型value: "值"},......},//组件生命周期},methods: {函数名称: function(obj) {},组件样式

组件支持的生命周期，与vue标准组件的生命周期相同。应用生命周期仅可在App.vue中监听，在其它页面监听无效。，比如设为50，那么滚动页面到距离底部50px时，就会触发。导致页面没有滚动，则触底事件不会被触发。里定义具体页面底部的触发距离。支持如下应用生命周期函数。支持如下页面生命周期函数。滚动到底部的事件请参考。

静态的样式统一写到 class 中。style 接收动态的样式，在运行时会进行解析，请尽量避免将静态的样式写进 style 中，以免影响渲染速度。class：用于指定样式规则，其属性值是样式规则中类选择器名(样式类名)的集合，样式类名不需要带上.，样式类名之间用空格分隔。template下包含两个view会报错，只要加一个view把两个view包含起来才不会报错。中全局引用，每个页面都可以使用该样式。推荐第二种方式，方便所有的样式文件在。中导入，每个页面都可以使用该样式。属性来控制组件的样式。