十分钟入门微信小程序

来源:互联网 发布:五金店销售软件 编辑:程序博客网 时间:2024/05/22 08:48

     前段时间热门的小程序大家都一起关注了,尽管很好用但是还是有很多需要注意的地方现在我来带着大家一起来学习一下微信小程序.

    工具部分:

    我们的测试使用的工具就是官方的文档中提供的工具,微信web开发者工具,但是小编我在编写代码的时候使用的是有强大JS提示功能的webstorm,因为使用的时候就会发现真的很好用。

   框架部分:

      AppID的作用:1.可以在项目中预览2.调用API接口时跟后端保持一致!

      page项确定小程序由那些页面组成,及确定起始页!注意:如果想通过页面跳转的形式来打开另外一个页面,那么这个页面必须在page中进行了配置,并且log页面不能通过页面路由来进行跳转路径名就是根路径的名字

     开发小程序设计时,可以让设计师使用iPhone6 作为视觉稿的标准在iPhone6 中1rpx=0.5px!

     将公共部分的代码进行抽离,使用module.exports = { getBooklist: getBookListData}进行输出

  数据部分:

    1>一般
     直接绑定data中的数据(包括计算后的数据)
      例如:Page({ data: { message: 'Hello MINA!' } })
     <view> {{ message }} </view>
    2>条件
     类似于if-else语句,三元表达式,checked selected!
      注意使用wx:if与hidden的区别就是hidden消耗的资源少
    3>判断
     if-else语句
   4>循环
     wx:for控制属性用来绑定一个数组其中的wx:for-item和wx.for-index
     可以指定默认的当前变量和下标

 事件绑定(两种方式bind和catch):

    bindtap=“handleTap1”,
    catchtap="handleTap2"

事件对象

  最重要的地方就是如果想根据这个事件获取一些参数可以
  使用data-*来进行保存最后在时间参数对象event.target.dataset.*
  来进行获取
  data-alpha-beta="1" data-alphaBeta="2“
  event.target.dataset.alphaBeta === 1 // - 会转为驼峰写法
  event.target.dataset.alphabeta === 2 // 大写会转为小写

 

  

0 0
原创粉丝点击