微信小程序开发知识点

目录

一、小程序与移动应用程序区别

二、小程序开发

 三、语法

1、模板与数据绑定

2、条件逻辑

3、循环

4、事件

(1)事件绑定 bind:tap='onConfirm'

（2）输入框input(todolist应用)

四、rpx根据屏幕宽度进行自适应

iphone6:1px=2rpx

五、公共样式

（1）根目录下创建style文件夹

（2）style文件夹下创建common.wxss文件，写样式

（3）引入使用

六、应用生命周期、页面生命周期

七、安装外部组件库（npm安装外部组件库）

1、npm初始化

2、安装（以vanWeapp为例）

3、构建

---

一、小程序与移动应用程序区别

二、小程序开发

Pages文件夹内的index文件夹下的index.js文件内
Page({
  //定义响应式数据，显示模板页面
  data:{
    message:'test'
  },

  //定义的方法
 bindLogin(){

 },

})

 三、语法

1、模板与数据绑定

index.wxml文件中

<view>{
  {message}}</view>

//三目运算
<view>{
  {online==0?'在线':'离线'}}</view>

2、条件逻辑

 <view wx:if='{
  {state==1}}'>在线</view>
  <view wx:elif='{
  {state==2}}'>隐身</view>
  <view wx:else='{
  {state==-1}}'>下线</view>

3、循环

<view wx:for="{
  {array}}" wx:key:'index' wx:for-item='user' wx:for-index='id'>{
  {item}}</view>

//wx:for-item='user' wx:for-index='id' 进行item和index改名

4、事件

(1)事件绑定 bind:tap='onConfirm'

//.wxml文件内 点击事件绑定
bind:tap='onConfirm'

//.js文件内
onConfirm(){
   //获取值
    this.data.online
   //改变值
    this.se