摘要：
今天我们来编写整个豆瓣评分的首页界面框架。效果图如下：我们今天主要讲解界面的编写，目的是再一次加强对模板的理解。我们还是拿index文件修改。先去掉原有的元素。修改app.wxss接下来进入今天你的主题。首先我们来修改一下标题和APP的主题色。修改整个app共同的都在app的相关文件中。我们修改ap... 阅读全文
摘要：
上一节课，我们已经基本完成了，首页的界面编写。逻辑暂时不理会。但是我们用于展示页面绑定的是我们本地的假数据。接下来我们就来获取真正的数据来展示页面。请跳过划线部分。。。。。绑定假数据编写页面算是前段最早做的一件事情吧。特别是在前后端同步开发，联合测试的时候。服务端会先输出接口文档，然后前后端根据接口... 阅读全文
摘要：
上一节课最后，我们遇到了一个警告。说我们太过频繁的调用serData了，因为我们这个页面的三部分数据是通过三个接口获取的。所以我们分别在三个接口返回的时候调用了数据绑定。但是过于频繁的调用setData很容易引起性能问题。要理解为什么会引发性能问题，我们要先看一下setData的工作原理。https... 阅读全文
摘要：
首先我们新建一个界面，还记得新建界面的快捷方式吗？ 在app.json的pages里面，新增”pages/user/user” 即 "pages":[ "pages/index/index", "pages/logs/logs", "pages/user/us... 阅读全文
摘要：
今天我们接着编写个人中心页面。 首先我们编辑上半部分的内容。 部分内容在之前的课程中已经有涉及了， 所以这里有写部分直接上代码咯。 编写页面的基本元素user.wxml {{userInfo.nickName}} 在user.js中加入获取用户信息的代码 app.getUser... 阅读全文
摘要：
继上次教程结束之后，我们的小程序已经完成到如下程度了。 如果你是一个零基础的开发，只要跟着这个教程一步一步完成的，你就能完成这样的界面优美是不是很容易啊。 但是，完成前两章，我们只涉及到页面的编写，很少涉及到页面的功能，那么这一章，我们的主要任务就是编写一些简单的页面逻辑。 我们... 阅读全文
摘要：
场景我是用querySelectorAll()查询了一些标记，并收到了一个NodeList响应。问题节点列表类似于数组。（比如：他们都有一个长度属性，它们都在括号中的索引访问它们的属性或者子元素：NodeList[0]）尝试使用.map,.filter或者.forEach中的任意一个... 阅读全文
摘要：
今天就直入主题吧！调试技巧这里讲一个调试的技巧，因为这个页面是我们点击了首页的更多才进入的，并且他需要携带参数。 所以我们在左侧工具里面 注意点击的是图中红色框框标记的位置，这是一个自定义按钮。 写上路劲和参数就可以了，这样每次启动就是直接携带参数的进入这个页面了。这样也不用反复... 阅读全文
摘要：
继前一篇文章，我们已经实现了小程序中的上拉加载和下拉刷新， 如果用户网络较差的情况下，或者服务端返回处理较慢的情况下， 那么我们的页面在这段时间内没有等待提示。 或者服务端返回数据之后，我们的页面又好像突然之间出现的， 这整个过程中的用户体验并不是很好，不理解什么是用户体验的， 那可... 阅读全文
摘要：
由于获取详情那些接口的豆瓣API，都有权限限制。 所以，电影详情页面和电影搜索页面我们就不做了。 接下来我们来看一些还蛮实用和有趣的小功能。点击查看大图wx.previewImage我们在moviecard模板中加入点击事件。 如图所示，详细的在前面的章节中已经讲解过了。 然后在i... 阅读全文