美食福利Get-今日美食美食微信小程序

wechat-todayFood微信小程序模仿今日美食美食新手微信小程序，嗯，不错，很有趣！所以我自己做了一个？别看标题就说我是吃货，我可不想这么快就暴露，不过这个小程序实在是太有趣了。好了，言归正传，我们去看我的demo吧。开发工具：下载开发者工具：微信小程序官网，下载后即可开始开发。如果你想发布你的小程序，你需要在创建小程序时获取AppId。你可以去https://mp.weixin.qq.com了解更多；这是一本开发小程序的好书，里面包含各种组件，API，框架等等...　3.　EasyMork：easy-mock，一个可以快速生成模拟数据的服务，它可以为我们提供数据接口url，然后使用wx.request({url:url,.....})发送数据请求。我的大部分数据都是Mork模拟的；创建小程序后：是自动生成一些基础文件：page文件夹，page文件夹包含你所有的页面文件，至少.js.wxml.wxs后缀文件，.json可选utlis文件夹，放置一些需要全局使用的js文件app.js控制全局逻辑结构app.json配置一些全局数据，所有页面都要在这里注册*app.wxml内容结构*app.wxss全局样式页面注册："pages":["pages/index/index","pages/detail/detail"],效果预览：项目功能：*在首页插入一组图片，实现跳转　*scroll-view的使用，可滚动视图区域生成　*视频播放,视频组件的使用　*发表评论　*评论展示　*获取数据和互动反馈　*获取用户信息　*动态获取评论时间　*使用mock传输数据　具体功能分析1.插入一组图片，实现跳转　因为我们要插入一组图片，所以可以使用wx:for={{}}实现HTML结构　　jsConfiguration我这里插入了图片的地址信息，在data数组中//事件处理函数bindViewTap:function(e){console.log(e.currentTarget.id)varid=e.currentTarget.idwx.navigateTo({url:'../detail/detail?id='+id})　},２.　scroll-view的使用，需要设置滚动区域时生成可滚动视图区域，使用scroll-view标签将内容包裹在HTML结构{{videoInfo.title}}{{videoInfo.number}}{{videoInfo.time}}{{videoInfo.desc}}}{{item.昵称}}{{item.time}}{{item.desc}}