CuterCorley
  • 108
    文章
  • 1
    专栏
  • 36641
    访问
  • 0
    粉丝
  • 0
    关注
  • 2
    获赞

CuterCorley 等级

这家伙很懒,什么都没有留下
  • 最新发表
  • 最多访问
  • 最多收藏
  • 最多评论
uni-app开发 经验和技巧总结

## 前言uni-app 是一个基于 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等**多个平台**。在开发过程中可能会用到一些经验和技巧,可以加速开发,归纳如下。## 1.自定义组件模板在开发时,很多情况下需要自定义组件,在自

CuterCorley
290
0
0
uni-app入门教程(9)字体库、自定义组件、打包和新闻实战

# 前言本文主要介绍了4方面内容:在uni-app项目中使用iconfont提供的图标字体库,美化页面;实现自定义组件,并且可以自定义属性和实现父子组件之间的消息传递;微信小程序预览和真机测试,APP端云打包和本地打包;新闻列表和详情实战练习。# 一、使用iconfont字体库uni-app中可以使用**iconfont**()提供的图标字体。大致过程如下:

CuterCorley
306
0
0
uni-app入门教程(8)在uni-app中使用Vue

前言本文主要的主要内容是在uniapp中Vue的用法,具体如下:Vue支持响应式数据操作,可以实现数据和事件的绑定,同时支持this传递;uniapp在Vue实例生命周期的基础上增加了应用生命周期和页面生命周期;实现全局变量的3种方式,即公用模块、挂载Vue.prototype和globalData;Class和Style的动态绑定,包括对象

CuterCorley
286
0
0
uni-app入门教程(7)第三方登录和分享

前言本文主要介绍了APP开发的两大基本功能,即第三方登录登录和分享:包括登录通用配置,微信小程序和APP的第三方登录方式,和分享到聊天和朋友圈,使用uniapp实现有不同的接口和实现方式。 一、通用配置因为小程序和APP登录接口不同,需要在前端进行跨端兼容处理,同时微信等平台的小程序一般只支持所属宿主程序的第三方登录,而无法包括其他的

CuterCorley
383
0
0
uni-app入门教程(6)接口的扩展应用

前言本文主要介绍了接口的扩展应用:设备相关的接口包括获取系统信息、网络状态、拨打电话、扫码等;导航栏的动态设置;下拉刷新、上拉加载更多的实现,通过动作链获取节点信息;用条件编译实现小程序、APP等多端兼容;提示框、Loading、模态弹窗等的交互反馈。 一、设备相关 1.系统信息uni.getSystemInfo(OBJECT)接口用来异步

CuterCorley
319
0
0
uni-app入门教程(5)接口的基本使用

前言本文主要介绍uniapp提供的一些基础接口,包括:网络请求接口,用于通过指定的请求方法,携带特定的数据,向特定的地址请求并返回请求结果;图片处理接口,包括选择、预览、获取信息、保存到本地等接口;文件处理接口,包括文件上传和下载接口;数据缓存接口,包括以同步或异步的方式保存、获取或删除数据的接口。 一、网络请求小程序要想正常运转,都需要与服务器端进

CuterCorley
311
0
0
uni-app入门教程(4)组件的基本使用

@toc 前言本文主要介绍了uniapp中的组件,包括四大类:基础组件(scrollview、swiper、text等)、表单组件(button、checkbox、input等)、导航组件navigator和页面传参、媒体组件(audio、image和video等),详细说明了这些组件的常用属性和方法,并进行使用举例和演示。 一、基础组件组件是视

CuterCorley
503
0
0
uni-app入门教程(3)数据绑定、样式绑定和事件处理

@toc 前言本文的内容主要包含3部分:声明并渲染变量,包括条件渲染;通过class和style定义样式并动态绑定;事件的绑定,包含了事件传参。三部分均具有动态绑定的特性。 一、模板语法及数据绑定 1.声明和渲染变量在使用变量前,需要先声明,一般在data块中进行声明,如hello uniapp项目中index.vue中定义的title变

CuterCorley
506
0
0
uni-app入门教程(2)页面样式、配置文件和生命周期

前言本文先介绍uniapp的页面样式和布局,包括尺寸单位、样式导入、内联样式和选择器等;再介绍两个配置文件,即pages.json和manifest.json的配置项和基本使用;最后简要介绍了生命周期的基本使用。 一、页面样式与布局 1.尺寸单位uniapp框架目前仅支持长度单位px和%。与传统web页面不同,px是相对于基准宽度

CuterCorley
530
0
0
uni-app入门教程(1)uni-app简介、部署和目录结构

@toc 前言本文主要介绍了uniapp的基本情况,并引导快速创建和运行第一个uniapp项目,同时对项目的目录结构和代码规范进行详细说明,适合uniapp零基础初学者。 一、uniapp介绍uniapp是DCloud官方推出的重要产品,是一个使用Vue.js开发跨平台应用的前端框架,官网是。开发者通过编写一套Vue.js代码,即可

CuterCorley
536
0
0