摘要：
上一节课，有朋友反映我最后写的操作步骤太琐碎了。其实我只是想表达一下我自己的思想过程，从分析方法到关注点。我觉得这对于新手还是有点作用的。如果你不知道怎么入手解决一个问题，不放跟着我的节奏，进去试试。言归正传，我们接下来编写，电影卡片的模板。还是一样的先分析界面，这个界面是上下结构的，最上方一张图片... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(159)
评论(0)
推荐(0)
摘要：
本章我们将以一个实战项目为主要内容，穿插讲解小程序的各种概念。因为没有UI和后端，所以，我们这里使用豆瓣电影的API和小程序豆瓣评分作为学习材料。最终我们将会完成一个类似下图的小程序。（大家可以搜索小程序，豆瓣评分，线上已经有了。）首先我们来分析一下这个小程序，主要分为电影和个人中心（个人中心我们放... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(127)
评论(0)
推荐(0)
摘要：
这一小节作为第一章的最后一节，其实关于单位的文章，在博客上倒是挺多的。我一直在想，我是不是有必要再写这一节，还是给大家提供一些阅读链接。因为关于单位的定义都是比较官方的。没什么好讨论的，我这里做一个汇总和简单的说明吧。首先本文只以移动设备为例说明。本文摘要：设计师以iphone6为标准出设计稿的话，... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(101)
评论(0)
推荐(0)
摘要：
说明：为了便于理解和分析，此处我们全部使用块级元素div来进行说明。因为要将这个文档应用于博客，所以所有的样式写在style中。公众号不支持，博客样式支持不好，又重新上传了图片，替换了展示效果（泪目）。你们能懂用纯文本编辑器编辑了一天，发现不能用的心情嘛！标题一二三不代表这些概念同级，仅仅代表本文提... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(249)
评论(0)
推荐(0)
摘要：
今天我们来编写整个豆瓣评分的首页界面框架。效果图如下：我们今天主要讲解界面的编写，目的是再一次加强对模板的理解。我们还是拿index文件修改。先去掉原有的元素。修改app.wxss接下来进入今天你的主题。首先我们来修改一下标题和APP的主题色。修改整个app共同的都在app的相关文件中。我们修改ap... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(127)
评论(0)
推荐(0)
摘要：
上一节课，我们已经基本完成了，首页的界面编写。逻辑暂时不理会。但是我们用于展示页面绑定的是我们本地的假数据。接下来我们就来获取真正的数据来展示页面。请跳过划线部分。。。。。绑定假数据编写页面算是前段最早做的一件事情吧。特别是在前后端同步开发，联合测试的时候。服务端会先输出接口文档，然后前后端根据接口... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(179)
评论(0)
推荐(0)
摘要：
上一节课最后，我们遇到了一个警告。说我们太过频繁的调用serData了，因为我们这个页面的三部分数据是通过三个接口获取的。所以我们分别在三个接口返回的时候调用了数据绑定。但是过于频繁的调用setData很容易引起性能问题。要理解为什么会引发性能问题，我们要先看一下setData的工作原理。https... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(82)
评论(0)
推荐(0)
摘要：
首先我们新建一个界面，还记得新建界面的快捷方式吗？ 在app.json的pages里面，新增”pages/user/user” 即 "pages":[ "pages/index/index", "pages/logs/logs", "pages/user/us... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(152)
评论(0)
推荐(0)
摘要：
今天我们接着编写个人中心页面。 首先我们编辑上半部分的内容。 部分内容在之前的课程中已经有涉及了， 所以这里有写部分直接上代码咯。 编写页面的基本元素user.wxml {{userInfo.nickName}} 在user.js中加入获取用户信息的代码 app.getUser... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(128)
评论(0)
推荐(0)
摘要：
继上次教程结束之后，我们的小程序已经完成到如下程度了。 如果你是一个零基础的开发，只要跟着这个教程一步一步完成的，你就能完成这样的界面优美是不是很容易啊。 但是，完成前两章，我们只涉及到页面的编写，很少涉及到页面的功能，那么这一章，我们的主要任务就是编写一些简单的页面逻辑。 我们... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(147)
评论(0)
推荐(0)
浙公网安备 33010602011771号