用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

  • TA的每日心情
    开心
    2017-1-23 10:07
  • 签到天数: 2 天

    [LV.1]初来乍到

    171

    主题

    172

    帖子

    958

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    958
    2017-1-23 11:20:51 weikeba 管理员 楼主 0519
    先来张效果图吧
    项目的数据使用的是在聚合数据上申请的影视资讯接口。分享是件好事儿
    游客,如果您要查看本帖隐藏内容请回复

    文件下载:
    游客,如果您要查看本帖隐藏内容请回复

    114719hgnol3zgkv2nqea8.gif
    资源链接
    分享一下学习中用到的工具和资料,建议大家先了解微信的官方文档,没有js和css开发经验的同学可以上W3School了解一些基本的语法(博主也是边写demo边上网站查询的)。界面设计可以学习下flex布局,有点像Android中的线性布局,但更强大一点。弹窗效果可以了解一下css中的定位。
    官方文档
    开发工具下载
    官方Demo源码下载
    设计指南
    flex布局介绍
    项目中遇到的问题
    这是博主开发中遇到的一些问题,很多都是一些细节,开发中多注意一点。
    js代码的引入
    引入模块化的js代码使用的是相对目录,../类似于cd ..返回上一层目录
    1. var netUtils = require('../../../utils/netUtils.js')
    复制代码
    事件的响应处理和传值事件详解介绍
    事件列表
    类型
    触发条件
    touchstart
    手指触摸
    touchmove
    手指触摸后移动
    touchcancel
    手指触摸动作被打断,如来电提醒,弹窗
    touchend
    手指触摸动作结束
    tap
    手指触摸后离开
    longtap
    手指触摸后,超过350ms再离开
    事件分类
    事件
    声明方法
    作用
    冒泡事件
    bind+事件
    当一个组件上的事件被触发后,该事件会向父节点传递
    非冒泡事件
    catch+事件
    当一个组件上的事件被触发后,该事件不会向父节点传递
    data的数据设置

    • 直接修改 this.data 无效,无法改变页面的状态,还会造成数据不一致。
    • 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。
    1. that.setData({
    2.                 categoryList: that.data.categoryList.concat(categoryList),
    3.                 hideLoading: true,
    4.                 isLoadingMore:false
    5.             })
    复制代码

    控件使用问题
    控件
    注意点
    scroll-view
    如果纵向滑动,请设置固定高度
    field3
    swiper
    swiper只识别swiper-item,其他控件将忽略
    动态style设置
    在.wxss中写style时属性之间注意使用;分隔
    1. style="color:{{item.bColor}}; width: {{lineWidth}}%"
    复制代码
    作者/violinlin
    使用道具 举报 回复
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册