Uni-App - web秀

综合Uni-AppWebpackReactHtmlElectron-VueElectronVue-NuxtTypeScriptNodeJs 展开

5年前

uni-app: 引导页功能如何实现？

uni-app: 引导页功能如何实现？

通过本章节你能学到那些？1、Uni-App启动页和引导页介绍2、Uni-App简单引导页示例3、Uni-App视频引导页示例Uni-App启动页和引导页介绍Uni-App启动页和引导页是两个不同的东西，启动页是Uni-App自带的，不可去掉，只能修改相关配置。而引导页完全是需要开发者自行开发的。上面的图，就是Uni-App启动页，那开发者可以对它进行哪些配置呢？可以配置：1、是否等待首页加载完成在关闭启动界面设置为true，则splash的关闭逻辑为：App启动时，App引擎自动检测首页渲染情况，若首页未

566125 3663 10

4年前

UniApp自定义启动界面（splash）配置说明

UniApp自定义启动界面（splash）配置说明

早期使用UniApp的开发者们，应该都知道，uniapp打包后，加载会出现一个启动界面，是一朵菊花，转呀转，非常的不美观，而且不能自定义。也是向uniapp的创造者们反馈多次，今年终于迎来了改进，可以自定义uniapp启动界面了，但是还不能完完全全自定义。目前可以android可以配置图片，而ios使用storyboard可以完全自定义了。自定义uniapp启动界面，这是一个新的里程碑。App启动时，因为应用自动需要一定时间，为了避免用户等待白屏，手机OS提供了特殊的启动界面设计，让用户先看到一个简单的界

560538 3292 0

5年前

uni-app: 从运行原理上面解决性能优化问题

uni-app: 从运行原理上面解决性能优化问题

前言Uni-App，从了解到开发，相信大家都会觉得Uni-App性能不好，其实也这是非原生的弊病。ReactNative、Flutter等，非原生框架，性能上都会或多或少的折损。但各个框架，都会做出性能提升建议，所以开发者在开发前，多了解一下，后面维护升级等就会更方便一点，否则项目越来越大，后续开发就会越来越难。uni-app:如何高效开发uniapp?"/>现在我们就从uni-app运行原理上，了解一下，在哪些方面存在性能折损问题？运行原理逻辑层和视图层分离，非H5端通信有折损uni-app在非H5端运

586951 3867 1

5年前

uni-app 全局变量实现的4种方式

uni-app 全局变量实现的4种方式

一、公用模块定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。注意：这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。示例如下：在uni-app项目根目录下创建common目录，然后在common目录下新建base.js用于定义公用的方法。constwebsiteUrl='http://www.javanx.cn';constnow=Date.now||function(){returnnewDate().getTime();};constisArray

564925 3734 1

4年前

UniApp iOS平台自定义storyboard启动界面

UniApp iOS平台自定义storyboard启动界面

背景6月30日起，苹果AppStore审核要求应用在启动时，不能使用启动图片，必须改为使用Storyboard来制作启动界面。原文参考：https://developer.apple.com/news/?id=03262020b之前使用静态png图片做启动屏的方式，最大的问题是多尺寸适配，iOS设备目前不同屏幕尺寸太多，为每种屏幕做png图片不是合理解决方案。Android处理多屏适配问题使用了.9.png，iOS则使用了Storyboard来处理。什么是StoryboardStoryboard是Appl

549852 3335 0

5年前

uni-app: 如何实现增量更新功能？

uni-app: 如何实现增量更新功能？

都知道，很多APP都有增量更新功能，UniAPP也是在今年初，推出了增量更新功能，今天我们就来学习一波。当然，很多应用市场为了防止开发者不经市场审核许可，给用户提供违法内容，对增量更新大多持排斥态度，特别是apple。所以拥有增量更新的app，需要注意以下几点：1、上架审核期间不要弹出增量更新提示2、增量更新内容使用https下载，避免被三方网络劫持3、不要更新违法内容、不要通过增量更新破坏应用市场的利益，比如iOS的虚拟支付要给Apple抽佣等通过本章节你能学到那些？1、如何实现增量更新功能2、Uni-

559387 3675 4

5年前

uni-app: 根据定位获取天气(附城市控件)

uni-app: 根据定位获取天气(附城市控件)

通过本章节你能学到那些？1、Uni-App测试数据封装2、Uni-App城市控件（Uni-App元素操作相关）3、ES6多种遍历方式区别要源码的同学，购买后可以私信我。下面我们来具体看看：Uni-App测试数据封装城市控件，我们就查询接口了，根据高德提供的城市数据，我们进行处理后，放到一个文件中。//Json.jsconstcityList=[{"firstLetter":"A","cityList":[{"cityID":"513209","city":"阿坝县","abbr":"阿坝县","first

560874 3735 0

5年前

uni-app: 如何高效开发?

uni-app: 如何高效开发?

前言本文主要是讲解Uni-App开发技巧，如何快速的撸码？如何调试Uni-App？通过本文，让小伙伴们开发出优秀的Uni-App。代码模板快速生成代码块HBuilderX和VSCode、SublimeText一样，都可以代码模板来快速生成代码。而HBuilderX代码块分为Tag代码块、JS代码块，如在script标签内输入uShowToast回车，会自动生成如下代码：uni.showToast({title:'',mask:falseduration:1500});在template模板中，输入uChe

555768 3760 0

5年前

Uni-App项目搭建以及准备工作

Uni-App项目搭建以及准备工作

准备工作Uni-App项目开发，需要“定制化IDE”，也就是“HBuilderX”工具，主要是因为模拟运行调试一块，其他IDE不具备，其他功能和VScode、SubmitText基本一致。所以我们第一步我们下载工具：HBuilderX下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。如使用cli方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。如果需要开发小程序，当然就要成为小程序端的开发者，所以第二步

563005 3672 1

5年前

uni-app: 多种组合天气，如何制作不同的场景

uni-app: 多种组合天气，如何制作不同的场景

通过本章节你能学到那些？1、moment.js使用（分白天和夜晚2种场景）2、indexOf（根据天气字段分割成多种天气场景）3、vue组件（组件传值等）4、css3（动画，绘制云朵、落雪等）moment.js使用（分白天和夜晚2种场景）moment.js详细使用教程：moment.js日期时间管理的常用方法详细教程这里我们只需要获取当前时间，是白天还是夜晚就可以了，所以可以很简单的处理(获取当前小时，判断所处范围即可)：dayOrNight(){lethour=moment().hour();//白天i

555154 3693 0

下拉加载更多

猜你喜欢

换一换

最新文章