博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序
阅读量:4651 次
发布时间:2019-06-09

本文共 1722 字,大约阅读时间需要 5 分钟。

获取全局变量

app.js

App({})  

 

globalData

 

var app=getApp();  app.obj

xxx.js

page({});

模块化 暴露接口 引用

module.exports={}

var obj=require(".js");

 


 

样式:

page → body

单位:rpx

display:flex;

flex-direction: row(水平 起点左) | row-reverse (水平 起点右)| column | column-reverse;

align-items: center

详情:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool


事件绑定:

bindtap||catchtap  事件冒泡||捕获


页面导航 跳转

wx.navigateTo({})  wx.redirectTo({}) wx.switchTab({})跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

 

 

wx.navigateTo()是从父页面跳转到子页面的方法(限制五级跳转),有返回按钮,当执行这个函数的时候,被跳转页面触发onHide事件;wx.redirectTo()是平行页面跳转,无返回按钮,当执行这个函数的时候,被跳转页面触发onUnload事件。
2、tap事件,但是要写成bindtap或者catchtap,默认规定3、bug:点击一次执行事件两次,解决方法:关闭程序重新打开即可4、wx.navigateTo({ url: '../posts/post', })是跳到下一子级的页面,有对应的返回按钮,当前页面触发的是onHide()事件。(限制五级跳转!!!) wx.redirectTo({ url: '../posts/post', })是平行页面跳转(关闭当前页面),无返回按钮,触发的是onUnload()事件。
 

 


 

 模板 及 引用

<template name=""></template>

<import src=".wxml" />

<template is="" />

模板 .wxml .wxss

@import ".wxss"


swiper组件

swiper-item设置高度宽没有用需要设置到swipe上

image有默认宽高

 

自定义属性

存储信息   data-xx

获取  event.currentTarget.dataset.xx;


 

页面之间数据传输

/xxx?idx="data-xx"

onload: (option)

option.idx  获取


 

本地存储

wx.setStorageSync(name,value)

wx.getStorageSync({

  key:'',

  success:function (res){ res.data}

  //接口调用的回调函数,res = {data: key对应的内容}

})


api 界面

wx.showToast 收藏

wx.showModal 确定取消

wx.showActionSheet 分享

success:function (res){ res.属性} //ture||false  分享数组


发送服务器请求 wx.request({})    HTTPS 请求

 


 

组件化编程

上拉加载:

标签使用:scroll-view  可滚动视图区域。(竖向滚动时,需要给<scroll-view/>一个固定高度);

 

loading状态:

wx.showNavigationBarLoading();

wx.hideNavigationBarLoading();

下拉刷新


icon标签

search

input组件

 

数据绑定 操作dom

 

图片裁剪

 

scroll-view


 

form表单提交

原生js jq

1。获取每一个dom节点 在用vlue的方法去获取dom值 拼接成对象 然后把所有表单值发送给服务器

 

转载于:https://www.cnblogs.com/liujian9527/p/6382990.html

你可能感兴趣的文章
Educational Codeforces Round 60 D. Magic Gems
查看>>
c# 保存和打开文件的方法
查看>>
调用图灵机器人API实现简单聊天
查看>>
MATLAB indexing question
查看>>
MATLAB 求解最优化问题
查看>>
【转载】java InputStream读取数据问题
查看>>
fatal error LNK1120: 11 unresolved externals
查看>>
测试工具类汇总
查看>>
WEB消息推送-comet4j
查看>>
安卓开发 数据存储
查看>>
贪心思维 专题记录 2017-7-21
查看>>
vue-router 跳转原理
查看>>
strncpy函数使用
查看>>
(一)SOA学习-相关缩写
查看>>
Apache ab 压力测试工具
查看>>
noi.ac NOIP2018 全国热身赛 第四场 T1 tree
查看>>
(转)linux下vi编辑器编写C语言的配置
查看>>
多线程基础知识 转
查看>>
MyBatis generator 使用方式 小结
查看>>
Android小项目之五 splash动画效果
查看>>