小应用,利用jquery页面及时更新数据

2009-04-22,星期三 | 分类:Js+ajax | 标签: | 528
项目中新加了一个功能,就是要填写包裹单,每条订单记录对一个包裹单号,这个包裹单号用于验证订单的真实性?(有没有效不清楚,但这是条件之一)。这个做起来很简单,在订单修改页面加一条就ok了。 但是在用户体验方面,我们要考虑到就最佳的效果,简单,快捷。通产每个商家每次有N条订单记录(n>20?),反正一条一条打开页面去修改很浪费时间,所以准备在订单列表页面加上一个及时输入框,便于商家对他的订单及时快速有效地输入各个订单的包裹单号。 这样的效果如今遍地多是,今天主要是扫盲,纯碎是一个例子,便于大家学习,高手请绕路。 模拟订单列表 鼠标点击后 输入后 保存后

什么是微格式及经典实例演示

2009-03-03,星期二 | 分类:web设计, xhtml+css | 标签: | 338
首先,请不要一厢情愿地把微格式(Microformat)理解为某种语言的简化,这是完全错误的字面理解,事实完全相反,从经典个例“hCard 微格式”看出,它是把XHTML语言在Web中的应用“冗余”话了。当然初识它的人都难免会犯类似错误。什么是微格式呢?它存在的意义又是什么?本文或许 会让你对Microformat有所了解,并对其蕴含的巨大潜力及广泛用途折服。 什么是微格式 微格式:建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式(microformats.org官方定义)。是把语义嵌入到 HTML以便有助于分离式开发而制定的一些简单约定,是兼顾人机可读性设计的数据表达方式,对Web网页进行语义注解的方法。这种方法依托于标准的Web 页面写作技术,例如,XHTML,这样引入语义信息对浏览器等所有现存的Web技术冲击最小。采用Microformat的 Web页面,在XHTML文档中给一些标签(Tag)增加一些属性(attribute),这些属性对信息的语义结构进行注解,处理XHTML文档的软 件,例如,浏览器等,如果不认识这些属性可以跳过,并不造成任何不良影响(ITPUB)。

如何搭建下一代 Web 应用

2008-12-16,星期二 | 分类:互联网 | 标签: | 486
时过境迁,搭建 Web 应用连“轮子”都要自己做的时代已经过去了,如果你需要构架一套小型或者是中型的 Web 站点,现在已经不需要为服务器、机架、托管和安装系统而操心,选择一家优秀...  时过境迁,搭建 Web 应用连“轮子”都要自己做的时代已经过去了,如果你需要构架一套小型或者是中型的 Web 站点,现在已经不需要为服务器、机架、托管和安装系统而操心,选择一家优秀的网格托管技术提供商,再搭配一个构架在“云端”的虚拟存储服务(如果有大量数据存储的需求),挑选你自己最擅长的 Web 应用开发技术和前端呈现技术,最后再实现当下流行的各种 Widget 和 Social 接口,就能将自己的 Web 服务武装到牙齿了,而且噱头十足。 Dion Hinchcliffe 先生在他的《Tips for Building Next Generation Web 2.0 Applications》一文中为这些应用架构做了清晰的总结,indigo 将他的图稍作了一些更加概括性的调整。 新一代 Web 服务的四层架构:基础层、应用层、分布层 和 社会层

57个常用GOOGLE 产品,你知道几个

2008-06-23,星期一 | 分类:懒得分类 | 标签: | 499
谷歌的产品很多,有的真的没有听说过,你有多少个没有听说过的谷歌产品呢? 必备 01.谷歌阅读器(Google Reader):网页版RSS阅读器,方便订阅,组织和分享新闻。有手机版。 02.个性化主页(iGoogle):显示Gmail,日历,天气,新闻等等,多模板。 03.谷歌相册服务(Google Picasa):提供照片的下载和编辑软件,用这个软件Email,上传,张贴照片到博客,也可以直接使用网络相册。 04.谷歌文件(Google Docs):您不再需要桌面版的Office了,这个是谷歌的在线Office,你可以创建,发布,共享和协作在线文档和幻灯。 05.谷歌记事本(Google Notebook):剪贴文本,图片和链接页面,可以保存,检索或共享。 06.谷歌桌面(Google Desktop):桌面搜索,可以搜索你电脑里的电子邮件,计算机文件,音乐,照片,聊天和Web历史记录,和iGoogle类似,也安装小工具。

对Web页面元素的绝对唯一引用方法

2008-05-27,星期二 | 分类:懒得分类 | 标签: | 454
  我们知道要在Web页面中引用一个HTML元素,最简单的方法就是使用getElementById方法,或其类似的一组getElementsByXxx方法。可是这里需要注意的是,这些方法其实都不能完全绝对的唯一确定对一个元素的引用。至于getElementsByXxx我们不说了,它本身就是getElements,很明白了,那么getElementById也不能唯一确定一个元素吗?当然是,不能。由于html的不严格性,在同一页面中重复元素的id是被允许的。   那么怎么才能唯一的确定对一个元素的引用呢?使用DOM之间的引用结构来查找?这个方法虽然是行的,但是可操作性是在是太差了。这里需要说说html属性uniqueID,它是微软为HTML元素扩充的专有属性,不遵循W3C的规范。这个uniqueID有一些undocumented的特性,uniqueID其实也是和id类似的一套元素表示体系,只是它是纯客户端的标示方案。我们主要说说它的特性。