摘要：
一、异常的处理异常处理，是所有程序都应该有的功能，尤其是网络异常，在 APP 更是常见。我们来看看 ChiTu Store 是如何处理异常。异常主要分两种情况：1、服务端引发的异常，也就是服务端返回来的错误信息，当服务端异常后，返回的错误JSON信息为：{ Type: 'ErrorObjec... 阅读全文
随笔档案-2015年12月
项目分享八：基于按钮点击事件的弹窗
2015-12-23 14:06 by 麦舒, 2864 阅读, 收藏, 编辑
摘要：
基于按钮点击事件的弹窗，是各种软件中一项最为基本的功能。如下图所示，点击取消订单按钮，将会弹出一个窗口，让用户确认是否要取消订单。ChiTu Store 封装了两种类型的弹窗，confirm 和 toast，前者是确认，后者是在点击事件的函数，执行成功后弹出一个提示窗口，并关闭。一、窗口的 HTML... 阅读全文
项目分享七：客户端防止表单重复提交
2015-12-22 10:24 by 麦舒, 4961 阅读, 收藏, 编辑
摘要：
防止表单数据重复提交，是 APP 常见而又必须具备的功能。客户端最常见的做法是，当用户点击按钮的时候，首先把按钮给禁用，待数据完全提交到服务端后，再让按钮处于启用的状态。如下图中的“结算”按钮。道理很简单，实现起来也不难。但是如果全部代码都这样子去写，未免太烦琐。我们看一下 ChiTu Store ... 阅读全文
项目分享六：图片的延迟加载
2015-12-17 21:20 by 麦舒, 2620 阅读, 收藏, 编辑
摘要：
一、关于延迟加载图片的延迟加载，是 APP 里常用的一种技术，图片首先会生成一张预览图，等到原图下载完成后，再替换掉。 如下面二张图所示。实现起来，虽然不是很难，但要把它封装好，也不大容易。在这里主要讲解一下 ChiTuStore项目中是如何封装。二、图片的绑定我们打开 App/Module/Hom... 阅读全文
项目分享五：H5图片压缩与上传
2015-12-17 15:27 by 麦舒, 32942 阅读, 收藏, 编辑
摘要：
一、简介图片的压缩与上传，是APP里一个很常用的功能。我们来年看ChiTuStore是怎样做的。相关文件 App/Module/User/UserInfo.html,App/Module/User/UserInfo.ts二、HTML布局HTML 文件中，有如下二句，第一句就是上图所看到的图片，其中的... 阅读全文
项目分享四：购物车页面的更新
2015-12-16 16:12 by 麦舒, 1619 阅读, 收藏, 编辑
摘要：
注：项目分享系统，都是基于我开源的一个电商前端项目，为了帮助各位朋友理解那套代码而写。所以阅读的时候，最好能和项目结合起。一、购物车的流程在我们这个项目里面，使用 konckout js 来进行数据绑定的，对面的更新，基本上都是通过对 model 的更新来实现的。我们以购物车作为实例，隐聊如何对页面... 阅读全文
项目分享三：页面之间的传值
2015-12-16 11:08 by 麦舒, 2081 阅读, 收藏, 编辑
摘要：
一、回调函数的使用我们首先来看一下，页面间传值的一个经典例子，列表页与明细页之间的传值，如下面二张图所图。在列表页点击评价晒单，进入评价晒单页面，当用户在该页面完成操作后，列表页对应的选项，相应地改为“已评价"。那么这个是怎么实现的呢？在这个案例里面，使用的是回调函数 ，我们来看一下相关的代码。下面... 阅读全文
项目分享二：APP 小红点中数字的处理
2015-12-15 23:33 by 麦舒, 2641 阅读, 收藏, 编辑
摘要：
小红点，是 APP 中最常见的一个功能，我们先来看一下面的案例，下图中，待评价的商品有 2 个，点击“评价晒单”按钮进行评价后，那么待评价数量应该变成 1，那么这个功能是如何去实现的呢？一般来说，实现的方法有三种：一、刷新整个页面的数据就是说，每显示一次，都重新从服务端把数据拉下来，这种方法虽然简单... 阅读全文
项目分享一：在项目中使用 IScroll 所碰到的那些坑
2015-12-15 19:28 by 麦舒, 19549 阅读, 收藏, 编辑
摘要：
最近做了个 WEB APP 项目，用到了大名鼎鼎的 IScroll，滚动的效果的确很赞，但是坑也是特别多，下面总结一下，希望自后来者有帮助。该项目现已开源在 github 上，https://github.com/ansiboy/ChiTuStore一、 使用 absolute 定位顶栏和底栏最好不... 阅读全文
