1. 名称:
    wx-movies-demo
  2. 作者:
    lzjk
  3. 来源:
  4. 浏览:
    16356
  5. 下载:
    4045
  6. 最新更新:
    2016-10-23
  7. 收藏0

先来张效果图吧</h2>

项目的数据使用的是在聚合数据上申请的影视资讯接口。分享是件好事儿源码github地址


影讯

资源链接

分享一下学习中用到的工具和资料,建议大家先了解微信的官方文档,没有js和css开发经验的同学可以上<a href="http://www.w3school.com.cn/jsref/jsref_obj_string.asp" target="_blank">W3School了解一些基本的语法(博主也是边写demo边上网站查询的)。界面设计可以学习下flex布局,有点像Android中的线性布局,但更强大一点。弹窗效果可以了解一下css中的定位。</p>

官方文档
开发工具下载</a>
官方Demo源码下载
设计指南
flex布局介绍

项目中遇到的问题

这是博主开发中遇到的一些问题,很多都是一些细节,开发中多注意一点。</p>

js代码的引入</h3>

引入模块化的js代码使用的是相对目录,<code>../类似于<code>cd ..返回上一层目录</p>

var netUtils = require('../../../utils/netUtils.js')

事件的响应处理和传值</h3>

事件详解介绍

事件列表

类型触发条件
touchstart手指触摸
touchmove手指触摸后移动</td>
touchcancel手指触摸动作被打断,如来电提醒,弹窗
touchend手指触摸动作结束
tap手指触摸后离开
longtap手指触摸后,超过350ms再离开

事件分类

事件声明方法作用
冒泡事件bind+事件当一个组件上的事件被触发后,该事件会向父节点传递</td>
非冒泡事件</td>catch+事件当一个组件上的事件被触发后,该事件不会向父节点传递</td>

data的数据设置</h3>
  1. 直接修改 this.data 无效,无法改变页面的状态,还会造成数据不一致。</p>

  2. 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。</p>

that.setData({                categoryList: that.data.categoryList.concat(categoryList),
                hideLoading: true,
                isLoadingMore:false
            })

控件使用问题

控件注意点</th>
scroll-view如果纵向滑动,请设置固定高度field3
swiperswiper只识别swiper-item,其他控件将忽略

动态style设置

在.wxss中写style时属性之间注意使用<code>;</code>分隔

style="color:{{item.bColor}}; width: {{lineWidth}}%"





共0 条评论
  1. 加载评论

评论内容:

发表评论
  1. 全部组件分类
  2. 瀑布流
  3. 示例
  4. 提示组件(ToolTip)
  5. 下拉刷新、上拉加载
  6. Toast
  7. 选项卡(tab)
  8. 图表
  9. 卡片切换
  10. 菜单
  11. 筛选
  12. 星级评分
  13. 选择器
  14. 滑动删除
  15. 手势密码
  16. Switch
  17. 搜索
  18. 游戏
  19. 弹幕
  20. 懒加载
  21. 布局
  22. 应用模仿
  23. Emoji
  24. 转盘抽奖
  25. 插件
  26. UI库
  27. 动画
  28. 下拉列表
  29. SnackBar
  30. HTML解析
  31. 日历
  32. 点餐小程序
  33. 购物效果
  34. 框架
  35. 渲染引擎
  36. 商城
  37. 吸顶停留
  38. 会议
  39. 分享
  40. 其他
最新评论