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