一个热爱互联网的年轻小伙子

简介本套教程将带大家简单入门uniapp与uniCloud的学习。 本套教程将以开发资讯类小程序为中心的方式展开对uniapp的学习。 本套教程全局将以组件化思想开发 本套教程需要学员最好掌握html+css+js首先！感谢精易论坛为uniapp开设专门版块，供我们交流探讨。希望大家使用 uniapp+uniCloud 与易语言/ 火山 结合做出更牛逼的项目~为了让更多编程爱好者能更快的了解学习并使用uni-app，本人推出 **【uniapp之云开发uniCloud入门】 **课程，...

什么是生命周期事件？生命周期事件，指的是在特定的场合调用特定函数的事件。APP全局生命周期事件：函数名 说明 onLaunch 当uni-app初始化完成时触发（全局只触发一次） onShow 当uni-app启动，或从后台进入前台显示 onHide 当uni-app从前台进入后台 onError 当uni-app报错时触发 应用生命周期仅可在App.vue中监听，在其它页面监听无效。 onlaunch里进行页面跳转，如遇白屏报错，请参考ask

8、 静态资源的引用, 通用js的引用，npm包的使用静态资源，指的是程序中用到的图片、图标、字体等内容，这些内容应该存储于：static文件夹下可直接在代码中进行引用：例如：我们在前面tabbar的课程中也有介绍过引用static下面的图片文件。"tabBar": { "color": "#8A8A8A", "selectedColor": "#0081ff", "borderStyle": "#EEEEEE", "back...

封装组件涉及的知识点较多，这里我们举一个最简单的例子，来让大家快速了解组件的内容。封装组件教程组件文件的命名规范：参考7.2的内容，以能够实现easycom为标准，来进行命名。即：符合components/组件名称/组件名称.vue目录结构操作步骤：1、 如果项目中没有components文件夹，则首先创建该文件夹。2、 在文件夹上面点击右键，选择新建组件3 、输入文件名，创建目录，选择css方式。即可创建成功重点介绍：name -- 组件名<script

准备：新建项目时，选择新建Hello uni-app模板，创建一个示例的组件库。组件文档说明组件库的使用easycom组件规范(自动引入组件)HBuilderX 2.5.5起支持传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。组件安装在项目的components目录下或uni_modules目录下 符合components或uni_modules/组件名称/组件名称.vue目录结构。例如：components/uni-rate/un..

7.1 什么是组件？ 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 注：按照vue单文件组件规范，每个vue文件的根节点必须为<template>，且这个<template>下只能且必须有一个根<view>组件。 每个组件，包括如下几个部分： 以组件名称为标记的开始标签和结束标签 注意：所有组件与属性名都是小写，单词之间以连字符-连接。 组件内...

如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定一级导航栏，以及 tab 切换时显示的对应页。如果需要使用原生的tabbar，则需要在pages.json中进行配置：建议使用原生tabbar进行开发，非原生的tabbar可能会有卡顿和延迟在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息

在HBuilderX中新建一个页面，新建页面的步骤：可直接从项目上右键或者从某个文件夹上面右键，选择新建页面 输入项目名称和项目使用的模板 选择是否在pages.json中进行注册，注意：所有需要单独显示的页面，都必须在这里进行注册，否则无法显示。所有用到的页面都需要在pages.json中进行注册在程序中，如果有多个页面需要互相跳转，则可以使用下面的几个命令来实现：uni.navigateTo保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。

a. 基于数组的循环v-for 指令可以实现基于一个数组、对象来渲染一个列表。v-for指令需要使用item[,index] in items形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名第一个参数item：是被迭代的数组元素的别名。 第二个参数index：即当前项的索引 ，是可选的。<template> <view> <view v-for="item,index in array...

v-if和v-elsev-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值的时候被渲染v-else-if，顾名思义，充当 v-if 的“else-if 块”，可以连续使用v-else指令来表示 v-if 的“else 块”<template> <view> <view v-if="seen">现在你看到我了</view> <view v-else...

指令指令是带有 v- 前缀的特殊属性。指令属性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。 指令的作用是，当表达式的值改变时，动态改变DOM元素的内容。 一些指令能够接收一个“参数”，在指令名称之后以冒号（ : ）表示。v-bind动态地绑定一个或多个属性，或一个组件属性到表达式。v-bind缩写为‘ : ’ 在绑定属性时，属性必须在子组件中声明。 可以用修饰符指定不同的绑定类型。绑定可以直接应用到 class和style，可以实现动态的切...

一、uniapp的本质最简单的理解（不具体，但是方便理解）uniapp本质就是 H5网页，dcloud（uniapp的开发团队）制作了各个平台的编译转换器，将uniapp的项目源码转换到不同平台。平台目前支持的有：在H5运行时，直接uniapp项目打包（uniapp使用的是vue开发模式）成H5网页，在浏览器里面跑。在安卓运行的时候：启动的app里面有个浏览器，浏览器直接跑本地的h5网页，网页可以调用uniapp的安卓api实现一些和安卓系统方面的交互在IOS运行的时候：启动的ap...

零基础学会uniapp1、 一个新的vue文件vue文件结构介绍本课开始，正式进入uniapp的学习，这一节课介绍一个标准的vue文件的写法格式。template是一级节点，用于写组件，script和style是并列的一级节点，也就是有3个一级节点。这个叫vue单文件组件规范sfc。<template> 页面的代码，这里所有的内容都会根据“条件渲染”的规则显示到界面上</template><script> 页面...