uni-app - web秀

#uni-app#

共找到 uni-app 相关内容 11 条

5年前

Vue.js 一套代码，发布到iOS、Android、H5、以及各种小程序

Vue.js 一套代码，发布到iOS、Android、H5、以及各种小程序

了解Uni-Appuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。uni-app是由DCloud公司打造的，DCloud公司拥有340万开发者用户，旗下uni-app有5万+案例、600+插件、50+微信/qq群、更高的百度指数，可以放心选择。为什么要用Uni-Appuni-app在开发者数量、案例、跨端抹平度、扩展

557073 3699 0

5年前

未来大前端技术趋势深度解读

未来大前端技术趋势深度解读

前言自Vue.js3.0爆出，三大主流框架，写法也是越来越相似，越来越贴近WebComponents标准，而周边应用层面的封装已经开始指数级增长。小程序是今年最火的技术，接连出现，快应用也想分一杯羹。PWA（ProgressiveWebApp）进入稳定期，尤其是PWA桌面版，可以让我们更好的看清楚PC桌面版开发的全貌。移动端还是以强运营为主，各大公司都开始不再全力推动移动端了，开始重视多端并进，到了开始拼细节的阶段了。TypeScript全面开花，GraphQL蠢蠢欲动，WebAssembly更是打开了浏

553272 3701 0

5年前

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

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

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

562981 3672 1

5年前

UI制作：雨滴滑落动画、app使用阿里巴巴矢量图标库

UI制作：雨滴滑落动画、app使用阿里巴巴矢量图标库

通过本章节你能学到那些？先来预览一下H5效果图：这里我们主要用到了以下技术点：1、SCSS+"阿里巴巴矢量图标库"2、css3flex布局3、css3动画4、scss循环遍历5、NavigationBar兼容app/小程序6、调用原生api(修改头部状态颜色)下面我们来具体看看SCSS+"阿里巴巴矢量图标库"如何你还不会使用"阿里巴巴矢量图标库"的小伙伴，可以点这里：阿里巴巴矢量图标库Iconfont的使用方法h5小程序端，随便一种方法，都可以用起来，但是app端就不行了，如果引入字体，会找不到。正确方法

556028 3678 0

5年前

UniApp实战：动态数据（uni.request封装、uni.getLocation获取定位等）

UniApp实战：动态数据（uni.request封装、uni.getLocation获取定位等）

通过本章节你能学到那些？1、Uni-AppAPI调用（网络请求、获取位置等）2、获取高德开放平台API-天气查询3、Uni-App引用npm第三方库4、Uni-App+Vuex数据持久化下面我们来具体看看Uni-AppAPI调用（网络请求、获取位置等）一、uni.request封装成Promiseuni.request(OBJECT)OBJECT对象描述：1、根目录下新建commons/http.js文件2、封装uni.request()有人肯定会问，人家uni.request()已经挺好的了，为什么非的

579483 3768 0

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

564888 3734 1

5年前

uni-app: 使用Vue.js需要注意哪些问题？

uni-app: 使用Vue.js需要注意哪些问题？

前言uni-app在发布到H5时，是支持所有vue的语法的。但是发布到App或者小程序时，由于各个平台等限制，无法实现全部vue语法，本文将详细讲解差异。相比Web平台，Vue.js在uni-app中使用差异主要集中在两个方面：新增：uni-app除了支持Vue实例的生命周期，还支持应用启动、页面显示等生命周期受限：相比web平台，在小程序和App端部分功能受限，具体见下。生命周期uni-app在支持完整Vue实例的生命周期上，同时还新增应用生命周期及页面生命周期。详见Vue官方文档：生命周期钩子。应用生

560422 3721 0

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

560838 3735 0

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

555127 3693 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

555744 3760 0

下拉加载更多