介绍


一直来使用过的 JQuery 插件很多,也写过一些 JQuery 库的扩展。

然而要真正了解插件如何扩展 JQuery 库需要对 JavaScript prototype 属性有一些基本的了解。

虽然说不直接使用,但是 JavaScript prototype 属性可通过 jQuery 属性 fn 在后台使用,这是原生 JavaScript prototype 属性的一个 jQuery 别名。

JQuery 自动补全插件(JQuery AutoComplete Plugin)


  • 第一步,定义一个名为 auto

介绍


相信大部分开发 Web 的程序猿,都肯定接触过 HTML input 标签。 很惭愧,在 HTML5 到来后,使用 input 标签仅仅停留在 type=“text | radio | checkbox | button” 的几种类型。

正确使用 input 标签给我们的 type 类型,可以帮助我们省下不少开发时间。

Input Type


  • 常用 Type
描述
button 按钮
checkbox 复选框
file 文件上传
hidden 隐藏输入框
password 密码输入框,值会被隐藏
radio 单选按钮
text 默认,单行输入框
  • HTML5 标签 (Web App 用到情况比较多)
color 拾色器
data 日期,带有 calendar 控件
datetime 日期,带有 calendar 和 time 控件
month 日期字段的月,带有 calendar 控件
week 日期字段的周,calendar 控件
time 日期字段的时、分、秒,带 time 控件
email e-mail 地址的文本字段
number 带有 spinner 控件的数字字段
range 带有 slider 控件的数字字段
search 搜索文本
tel 电话号码
url 用于 URL 文本字段

基于文档的协议


http
图 1-1

HTTP 是一种基于文档的协议。CLIENT 将文档的东西放于信封中,发送于服务器;服务器接收到请求,作为回应将文档存放在信封中并返回给客户端。

HTTP 对信封的格式有比较严格的标准,却无须过多在意信封的内容。

当我们在对一个 Web 页面进行请求访问时候,这里举个访问 http://mouseshi.com 的例子,分析下 HTTP 请求的各个主要部分。

  • HTTP 方法

在图1-1,可以看到 Request Method: GET ,要是熟悉 REST 应该知道 HTTP 各种不同方法。通过不同方法,表示客户端希望从服务器那边怎样去操作资源。这里 GET 当然是客户端想从服务器那边获取一些信息。

  • 路径

URI 里主机后面的部分,对于这个请求,URI 是 http://mouseshi.com/,路径就是 “/” 。

  • 请求报头

是一组 Key-Value 的键值,起元数据的作用。在图1-1,Reqest Headers 里面有9个报头,Accept、Host、Connection,等等。但并不是说所有请求的报头就只有9个,应用程序都是自己定义需要的报头信息。

  • 文档

放于信封里面的文档。一般情况下来说,GET 请求都是没有文档的,因为通过 REST 概念,完成一次 GET 请求所需要全部信息都在路径和报头里面。

HTTP 响应


HTTP 响应也是一个放于信封的文档,形式上面来说与 HTTP 请求是差不多。图1-1,完成了一次对 http://mouseshi.com 的请求,与 HTTP 响应。

  • HTTP 响应的代码(也叫返回代码)

它是通知客户端,对于这次服务器的请求是成功还是失败的数字代码,让客户端知道如何处理信封里面的内容。图1-1,Status Code 是304 (Not Modified),也表示了这次请求是成功的,内容没有改变,浏览器读取缓存内容。

  • 响应的报头

图1-1 Response Headers,与请求的报头形式一样,都是 Key-Valuse 的键值。

  • 响应的文档

同样,也是放于信封的文档,不过在响应里面,它并不是空得,它返回了我们需要的信息。

在这个地方,有一个非常重要的标签是需要注意的,就是 Content-Type 给出的实体主体的媒体类型 (Media Type),在上面请求中,Content-Type 的类型是 text/html - 它表明返回的文档是 HTML 文档来呈现。 较为常见的媒体类型文档有:文本文档(text/html)、结构化文档(application/xml)、图像文档(image/jpeg)等等

最近看到一篇讨论 “H5” 技术的文章,瞬间就斯巴达了(哥,咱们不带这样的忽悠滴)!

“H5” 这简称实在是非常地不专业,这已经不是头一两次心里这样的认为了。

近年来,随着微信 WebView 里各式各样花俏的 Web 页面,着实是让 HTML5 技术火了一把;深入一点,令人担忧的事情也随之而来。对一名词亦或是新技术,来一高大上的简称固然不可否认,但关于 “H5” 这词是高大上呢,还是造成的误导,犹如瞬间给你来一剑封喉的感觉……


还记得有一次,公司某位大领导邮件里面写到:不就是几个 “H5” 么,居然要用那么大的人力。

对于以上的话,相信搞技术的兄弟们都或多或少听说过,就如在某某外包网站上面,总是会有那么一两个标题:开发一个XXX即时通讯(和微信差不多),2K全包。

不同的话,却是透露出差不多的意思。大势宣喊着 “H5” 的人,他们究竟明白什么是 HTML5,什么是 Web。身边曾老是会有同事问我:你会开发 “H5” 么? 其实,此时很想反问:“H5” 是个啥东西勒?

那好吧,究竟 “H5” 是个啥东西勒,最为常见的应该是 Web Page 或者是 Web App,还有…有人会指着微信朋友圈中有特效,背景音乐的营销 Web Page,大喊:这 “H5” 页面好炫酷啊!在专业人员看来,会感受到非常不专业甚至反感,非专业的人听来,却是我前面提到过的误导,他们会认为这个就是所谓的 “H5” 技术,实际上是 Java 与 JavaScript 的区别。

相信也会很多提出,其实只要大家明白这词代表含义就可以了,无须过于纠结。但是作为一个从事这行业的人来说,第一要领不就是专业与严谨么,如此误导的词,怎可草草接受。我做不到让所有人都和我一样,去杜绝这样的问题出现,而是希望当大家看到这种技术时候,能会有较为准确词汇来形容。

第一章 风云欲起乌镇城


“轮回六趣,如旋火轮。” 一切众生从无始以来,即已在六道中轮回不息 - 《观佛三味经》

北辽开国291年,腊月二十三,夜。

明月当空,冰冷的阴风吹过棋盘整齐的街道,乌镇城内街道尽皆空空荡荡,人影全无,没有丝毫声音,似乎空气都凝固了。

这时,一阵急速的马蹄声打破了此刻的死寂,越来越近,一名蒙着脸的金大刀卫骑兵从雁塔坊拐角处冲出,沿着东大街自西朝东疾驰。

“大胆,全城宵禁,何人胆敢此刻出城!” 东门城防卫兵拦住喝道,却见那人听若罔闻,依然疾驰,众城防兵大怒,欲纷纷动手将此狂徒拿下,待近处一看,来人金刀金衣金马甲,便知是如殿的十二金大刀卫骑兵,

城防兵长面色巨变,立马给众人使了个眼色,喊道:“快开城门…将军慢走。” 只见那金大刀卫士策马疾飞出城而去。

眼见那金大刀卫骑兵走远,城防兵长孙长公才松了一口气,心想:刚庆幸多瞧一眼,莫不然定让手下误事,如殿十二金大刀卫士,在乌镇城可是仅次于王族的存在,怠慢了,可不是自己这个小小城防兵长能担当得起,心里却十分地诧异,金大刀卫士何故出现于城中。

刚关闭城门,远远地传来更为密集的蹄声,只见又十名金大刀卫骑兵与一白衣白马青年文士提着灯笼疾驰而来,当先那名将军浓眉叫髯,额中央隐约现一刀字深疤,绿袍金甲,身背一大刀,远望那刀身隐约纹一青龙。

待众卫士临近城门, “大刀将军!” 孙长公失声惊呼,急忙翻身下马,朝着当先那名将军半欠身道:“不知大刀将军与众金刀卫骑兵深夜到东门处,是否欲出城?”。

原来此人乃当年仅率领十一名金大刀卫骑兵便平定辽北乱党,后被圣上封为辽国神将的大刀,额中那一刀字深疤,让人望了不怒自威。此事全国皆知,十年来,神将大刀虽已退出军界,少问兵戎政事,但其威名依然存在。

此刻城防兵长孙长公见神将大刀,激动恐慌之下,连声音也不由得颤抖起来。

神将大刀目光望远,沉稳地问道:“刚可有一金大刀卫骑兵出城?”

“禀大刀将军,刚确有一金大刀卫骑兵将军出城” 孙长公道。

“往何处去了?” 大刀身后,另一光头,燕颔虎须的金甲将军急切地问道。

“朝北一路疾飞而去” 孙长公指着北方小心地回答道。

孙长公话毕,光头将军欲策马前去,眼望神将大刀,却见大刀神态依然不急不躁,目朝东边,双眉稍皱,眼望苍天,仿佛刚没听见任何声音,光头将军稍一犹豫,停住了追势。

光头将军纵使心如着急,无耐大刀一动不动,只好按耐住急心,拼命朝白衣青年使眼色。

仔细看那白衣青年,细眉方脸,眉目透着雅儒,却顶着一头与他年龄不相符的白发。对于光头将军的眼色,白衣青年也是无耐地怂了怂肩,示意不明,而后转身恭敬地朝大刀问道:“爹,不追么?”

大刀这才似乎回过神来,朝白衣青年点了点头道 “克儿,你与寺中速带卫士去寻缘儿,务必保全她的安危。老夫,先于此会一会一老朋友!”

一旁早已吓呆的孙长公这才认出面前二人,此白衣白发青年名叫无克,乃神将大刀长子,辽国十大年轻俊杰之一,金大刀卫士的下一代接班人。那一头白发让人见一次就心中永记。至于那光头将军是当年平定辽北乱党的另一功臣郭寺中,据传此人双臂力大惊人,刀法如神,刀法于辽国中仅次于神将大刀。

白发无克与光头寺中待大刀言毕,轰然应诺,领其余七金大刀卫士驰马北去。

临出城门,无克略微停马,转身看了一眼父亲,只见大刀依然保持坐骑骏马,双眉紧皱,目望东方的姿势。这些年来,在无克心中,父亲历经大战小战,不下百场,从未有此神情,何故今夜如此。无克暗自咬了咬下牙,将心中疑惑暂时放下,转身尾随众人驰北而去。

孙长公见众人离去,神将大刀依旧保持原有地姿势,唯有态度尊敬地等候大刀吩咐,一时也不知该如何是好。城防兵卒们见领头这样,也都个个顶着冷风,呆立原地,。

风势越吹越大,远空中黑云滚滚翻腾而来,顿时天昏地暗,飞沙走石。“轰”地一声,东城门内一颗松树突然被焦雷劈中,烈火熊熊。孙长公立忙大声吆喝吩咐兵卒们往正楼拿水桶,于井里打水灭火。

突然,天空又“轰”地一声,一道闪电般亮光直往大刀处劈去,忙于在正楼指挥兵卒灭火的孙长公见此异况,刹时心都提了上来,还未能有所反应,转眼间,亮光落下,光芒剧闪,瞬间令众人无法直视,激起了地上阵阵尘埃,一时劈中处发生何事。

片刻,待沙落尘消,地上硬生生被劈出30寸宽凹坑,坑正中一人手提齐人金刀,手拉一骏马,绿袍随风飘起,身穿金甲,宛如战神般安然无恙伫立于原地,不是神将大刀,会是何人。

孙长公急忙跑过去坑边,呐呐问道:“大…人…这…这刚才是…是什么玩意?”

大刀依旧目视东边,冷冷地道:“非人” 而后翻身骑马,一手扭转金刀背于身后,驰马往城门外去,刚过城门,勒马回缰,转身对孙长公吩咐道:“明日起,乌镇城许进不许出,待我归来再作其他安排。” 言毕一刻不留往东边而驰。

孙长公这才稍微松了口气,一边急忙命人关闭城门,一边找来马,骑马往城主殿汇报今晚发生事情。