摘要：
HTML5的CavansAPI可以动态来展示图形、图表、图像以及动画，我们的这个离线系统中，主要用来设计Logo用的。在网页上使用Canvas的时，他会创建一块矩形区域，默认情况下宽为300像素，高为150像素，当然，可以自定义。因为我们离线系统主要职责用于在离线的情况下的工作系统，如在上面写工作日志，工作计划，和保存项目的评估数据；在网络在线的情况下与服务器交互，并将数据保存到Server的数据库中。所以我们的这个离线系统被命名为OFLMAIL，我们就根据这个名字来设计Logo。canvas中的坐标是从左上角开始的，X轴从左到右横向延伸，Y轴从上到下垂直延伸。通过坐标的刻量度来定位它的位置。 阅读全文
摘要：
在这个离线系统中，表单无疑是构成这个离线系统的视图部分，作为最前端，与客户的操作最密切相关的一块，所以我们有必要先了解一下HTML5的FormsAPI，它有如下特性：表单仍然使用Form元素作为容器，我们可以在其中设置基本的提交性质；用户或者开发人员提交页面的时候，表单仍用于向服务器端发送表单中控件的值；沿用之前的表单控件及其使用方法，并不断发展和增加新的控件和功能；可以用脚本操作表单控件；HTML5包含了大量的新的API和元素类型，如下：新的输入型控件：类型用途inputtype=datetime时间和日期输入框inputtype=datetime-local本地的时间和日期输入框input 阅读全文
摘要：
公司的NewCase，有需要离线应用工作系统这一块，目标是网络无论在线或离线情况下都可以执行系统操作，这样员工在无网络的情况下依然可以执行公司的项目任务，进行表单填报和数据的客户端保存，并在网络通畅的时候与服务端进行交付和数据通信。整体设计经过讨论使用HTML5的功能开发，并指定用户使用特定的浏览器。该系统包含了HTML5的FormAPI（表单），WebStorageAPI，CommunicationAPI(用于跨域访问)，WebDataBaseAPI，FileSystemAPI，以及离线应用程序的几个部分的操作，最后做成Chrome的应用程序插件（CRX文件），并发布给客户使用…使用HTML 阅读全文
摘要：
设计场景：Ben负责的书城网用户量不断增加，书城书籍的类型和数量也在不断扩大，这时候就有客户抱怨，说书城网站的购物车不够智能，体现在需点击图书项上的+号小标才能将它加入购物车，而且如果想要查看自己的购物车内容，还需点击页面购物车图标跳转到购物车内容列表去查看，这种跳转的效果相当糟糕，令一些老年客户抱怨不已，因为他们记忆力不佳，经常要返回查看自己买了什么...设计目标： 实现购物车智能化...解决方... 阅读全文
摘要：
一、建立数据库 我们建立一个数据库dbo.LayerData , 包含三个表（bookCatalog，NewBookLog，userInfo），各表详细的字段和属性如下所示： 代码 Code highlighting produced by Actipro CodeHighlighter (free 阅读全文
摘要：
设计场景： Ben最近负责的购书网出现了一点小问题，有很多客户抱怨说他们的搜索不够智能，因为网站有一个比较大的版块是关于老年人生活的书籍列表，这些老年人并不能够很清楚的记住他们所要查找书籍的完整名称...而网站的模糊搜索却无法提供有效的提示，这使得搜索存在很大的不足，于是公司要求Ben来解决这个问题。Ben的想法是做个有效地，及时的弹出层，当用户搜索的时候，随着用户键入的内容的变化，把数据库对应相... 阅读全文
摘要：
设计场景：Ben最近在负责一个购书网站，在网站的首页上，有一个叫做“最新上架”的板块，板块的内容比较简单，只有书籍名称，作者姓名和上架时间（如图），当初设计的时候并i没有过于丰富的构思... 现在问题来了，这个版块不大，更新频率却很高，每天都有十数条最新的信息上去，浏览网站的会员对于最新图书的了解和需求越来越大，因此需要对这个板块进行改良，以满足会员的需求，会员的主要要求有以下几个方面：显示该最... 阅读全文
摘要：
1. 设计场景 某个周末的早上躲在家里睡大觉，突然我们老大（亿网公司的技术总监）一个电话拨过来，他说：智华，你赶紧从床上跳起来，不要刷牙，不要洗脸，滚到电脑面前，打开电脑，我们的印刷网（http://www.51ysw.com/index.html）出问题了... 等我收拾完毕，打开电脑，果然发现印 阅读全文
摘要：
设计场景：当我接手 企讯在线 (www.qx-zx.com) 的时候，确实犯难了，因为又要重复之前我在做 “亿网世界” 和“印刷在线”网站时候的繁琐工作，那就是编写用户注册页面的验证代码... 这确实是一个很糟糕的事情，即使你可以从之前的网站见那些代码拷贝进来，但是修改工作仍然会令你发狂... 所以，我花了点时间将验证做成一个jQuery插件... ... 阅读全文
