uni-app基础知识学习【2】组件的基本使用+样式
uni-app中的组件，就像 HTML 中的 div 、p、span 等标签的作用一样，用于搭建页面的基础结构只介绍几个组件，其余可去官网查询一、组件的基本使用1.text文本组件的用法text 组件的属性属性类型默认值必填说明selectablebooleanfalse否文本是否可选spacestring.否显示连续空格，可选参数：ensp、emsp、nbspdecodebooleanfalse否是否解码text 组件相当.
uni-app基础知识学习【3】数据绑定+事件+生命周期
vue基本一样一、uni-app中的数据绑定在页面中需要定义数据，和我们之前的vue一摸一样，直接在data中定义数据即可export default { data () { return { msg: hello-uni } }}插值表达式的使用利用插值表达式渲染基本数据<view>{{msg}}</view>在插值表达式中使用三元运算<view>{{ flag ? 我是真的:我是假的 }._uni-app 事件绑定 练习
uni-app基础知识学习【4】下拉刷新+上拉加载+网络请求
一、下拉刷新1.开启下拉刷新在uni-app中有两种方式开启下拉刷新需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh通过调用uni.startPullDownRefresh方法来开启下拉刷新（1）通过配置文件开启创建list页面进行演示<template> <view> 杭州学科 <view v-for=(item,index) in arr :key=i
uni-app基础知识学习【5】上传图片、预览图片+跨域兼容+导航跳转
一、上传图片、预览图片1.上传图片uni.chooseImage方法从本地相册选择图片或使用相机拍照。案例代码<template> <view> <button @click=chooseImg type=primary>上传图片</button> <view> <image v-for=item in imgArr :src=item :key=index></image>
uni-app基础知识学习【6】组件的创建+组件通讯+uni-ui使用
一、uni-app中组件的创建在uni-app中，可以通过创建一个后缀名为vue的文件，即创建一个组件成功，其他组件可以将该组件通过impot的方式导入，在通过components进行注册即可1.步骤1)创建login组件在component中创建login目录，然后新建login.vue文件<template> <view> 这是一个自定义组件 </view></template><script></script&
uni-app案例学习【1】Promise封装uni.request请求
要求：封装uni.request请求，并挂载到全局1.创建util/api.js// 封装get请求const baseUrl = http://localhost:8082export const myRequest = (options)=>{ return new Promise((resolve,reject)=>{ uni.request({ method: options.method, data: options.data, url: baseU_uni.request实例
uni-app案例学习【2】组件的使用（数据+事件）
资讯详情部分作为一个组件1.封装为组件创建news-item.vue<template> <view> <view class=news_item v-for=item in data :key=item.id> <image :src=item.img_url></image> <view class=content> <view class=tit>{{item._uni const res = await
小程序黑马优购学习笔记【1】Promise封装wx.request请求
一、初次封装// 同时发送异步代码的次数export const request = (params) => { // 定义公共的url const baseUrl = xxx.xxx.xx.xxx; return new Promise((resolve, reject) => { wx.request({ ...params, url: baseUrl + params.url, // 成功时 success: (r_get https://api.zbztb.cn/api/public/v1/home/swiperdata net::err_connection_c
小程序黑马优购学习笔记【2】Promise封装openSetting等API
一、Utils/asyncWx.js/** * promise 形式 getSetting */export const getSetting = () => { return new Promise((resolve, reject) => { wx.getSetting({ success: (result) => { resolve(result); }, fail: (err) => {
小程序黑马优购学习笔记【3】盒子模型:display:-webkit-box的使用(移动端开发)
用法：div { display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示 overflow: hidden; // 超出的文本隐藏 width:100px; text-overflow: ellipsis; // 溢出用省略号显示 white-space: nowrap; // 溢出不换行 -webkit-line-clamp: 2; // 这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数 -webkit-box-orient: vertical_小程序display webkitbox
uni-app基础知识学习【0】基本了解
uni-app 使用vue的语法+小程序的标签和API。开发规范为了实现多端兼容，综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范：页面文件遵循 Vue 单文件组件 (SFC) 规范组件标签靠近小程序规范，详见uni-app 组件规范接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uni，详见uni-app接口规范数据绑定及事件处理同 Vue.js 规范，同时补充了App及页面的生命周期为兼容多端运行，建议使用flex布局进行开发目录结构一个u
【小程序开发】页面传取值(数组,对象,字符串)
记录微信小程序页面之间的传值取值一、按方式分类小程序传递参数的方式有三种：通过在App.js中设置全局变量通过拼接URL直接传递通过数据缓存存储再获取1.使用全局变量globalData通常把不更改的常量数据放在app.js中,在各个页面都可以通过App实例获取Data的数据.最外层的app.js中定义全局变量globalData: { js_code:null }可以在page1的登陆函数中设置值wx.login({ success: function.
【微信小程序】 this.setDate({ })与this.data的区别
this.setDate({ })与this.data的区别this.setData({})用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。用this.data而不用this.setData({})会造成页面内容不更新的问题。Page.prototype.setData()setData 函数用于将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。注意：直接修改 this.data 无效，无法改变页面的状态，还会造成数据不一致。单
【微信小程序】 input双向数据绑定
在微信小程序中，js的数据和前端显示的数据是单数据流js里边的数据变了，前端能立刻显示但如果前端数据变了，js不能改变解决方法写一个下面的js方法,名称可以任意取，用于绑定input输入bindInput(e){ // 表单双向数据绑定 var that = this; var dataset = e.target.dataset; // data-开头的是自定义属性，可以通过dataset获取到，dataset是一个json对象 var name ._微信开发者工具双向绑定对象的值
【微信小程序】数据监听
转载：https://blog.csdn.net/xuyangxinlei/article/details/81408200步骤源码链接克隆到本地后，将watch.js复制到项目的util下，在需要监听的页面按需引入即可：//index.js const watch = require(../../utils/watch.js); Page({ data:{ flag:true }, onLoad(){ watch.setW.
【微信小程序】自定义组件的使用+传值
黑马视频学习笔记一、创建自定义组件1.创建组件的文件结构在文件夹内 components/myHeader ，创建组件名为 myHeader组件和页面结构基本一样（包含四个部分）2.声明组件在组件的json文件``中进行自定义组件声明{ component: true, usingComponents: {}}3.编辑组件在组件的Tabs.wxml文件中编写组件模板，在Tabs.wxss中加入组件样式<!-- Tabs.wxml --><v._uni父组件在子组件变量中自定义属性小程序报错
js判断对象里的每个值是不是空
/*** 判断对象的值是不是全为空*/objectValueAllEmpty:(object)=>{ let isEmpty = true; Object.keys(object).forEach(function(x) { if(object[x] != null && object[x] != ){ isEmpty = false; } }); if(isEmpty){//值全为空 return true; } ret
【flex布局】解决view中两个元素一个居左一个居中
flex布局简直是万能的一、需求微信小程序中一列中一个居左，一个居中二、实现利用flex布局<view class=total_price> <view class=item_wrap> <image bindtap=showGoods src=../../static/img/jian.svg></image> </view> .
今日推荐
周排行