26章 应用框架
26.5 已存在的应用框架
我已经用了jQuery有半年多的时间了，所以先跳到这章来看看作者对于不同框架的评价。
作者重点推荐的4种框架：
Prototype 定义是应用最为广泛。
jQuery 轻量级应用框架，更加完备和具有系统性。
Dojo提供完整的UI组件，好像Zend Framework推荐配套的就是Dojo啊，做完Macacus应该研究一下，B/S web应用程序应该才是未来的方向，出色的GUI界面则是基础。
JSVM 国内的框架，我第一次听说过。

其他的框架：
Bindows AJAX应用商业框架（是不是直接支持Socket？）
BackBase .net和Java平台集成比较好，商业框架

其他的不考虑了。
第一部分 概论
第一章 从零开始
作者没有用通用的Hello World来说，而用了一句 翻译的 “程序设计之道无远弗届，御晨风而返”诗书味极浓的作为开篇。
1.1.1 用户需求决定了B/S模式的兴起，这个理由同样是我开发全B/S界面的呼叫中心系统的MacacusCRM的理由，越方便越好。
1.1.2 正确的时候，正确的地方使用JavaScript。
1.1.3 JavaScript 来源于CMM C减减的语言，JavaScript的创造者 Brendan Eith（向他致敬），目前在Mozilla工作，所以Firefox对于标准的支持做的一定比IE好。
**客户端的JS程序可以和嵌入页面的JavaApplet进行交互，这个和JS和Flex的交互应该雷同吧！
JavaScript是基于原型的面向对象，我对这种拗口的对象描述本来就是稀里糊涂的。
1.1.4 警惕！脚本诱惑，我的理解就是少用，尽量少用，不过我的Macacus作为一个局域网的web应用已经挂了十几个JS了，不同的页面还需要调用独立的JS，最后完成程序的时候看样子是要做一次良好的JS精简才行了。
1.1.5 数字高通滤波器，作者给的第一个例子不是传统的 alert(“Hello World “),而是这个几乎我也只是看的懂结构，还不能理解意思的数字高通滤波器模型，怪不得论坛上很多人说作者是炫耀，不予置评。
1.2.1 客户端的JavaScript
<noscript></noscript> 防御性编程，好像我的程序里面没有用到，我默认了所有的客户端都会支持JS，这种只有些骨灰级的用户才会主动关闭JS功能来加快页面浏览或者提高安全性，不过作为一个好的程序，防御性编程还是必不可少的，不能用太多的假设来解决问题。
1.2.2 服务器的端的JavaScript 第一次听说，IIS加net 环境已经可以用，不过不知道有什么用，难道数据交换？
1.4.1 Firefox的地址栏直接支持 如javascript:alert(“ok”)的伪协议。
1.5.2 所有的客户端数据校验都是不安全的，所以在服务器端的PHP程序对于一些非常关键的数据还是要2次校验，普通的工作交给JS去处理。
1.7.1 像程序员一样的思考
第一境界：知器
第二境界：格物
第三境界：明理
第四境界：悟道
博大精深啊，我感觉自己处于格物状态，会的东西已经很多，但是还不能100%的随意揉合自由发挥，路漫漫其修远兮，吾将上下而求索。
用最少的代码做最多的事情，即使只有三行的代码也有需要维护的一天。

第二章 浏览器中的JavaScript
面向接口的JavaScript程序 通过getParameter()方法来捕捉url传递的值，再根据值来做相应的处理，而不通过php来捕捉再回调到JS来处理，是一个新的想法，这样可能对于GUI的无数据库操作有很大帮助。

第三章 开发环境和调试方法
调试是我所关心的，不多的Alert让我晕菜。
作者还没有提到 Aptana，不过提到了1st JavaScript Editor Pro和 JS Eclipse两个工具，1st JavaScript Editor Pro我测试过，当时对中文处理不好。所以我的推荐还是Apatana for Eclipse 结合 Zend studio for Eclipse 来做开发。
Opera对于同样的JavaScript程序处理速度反而是最快的，有点意外哦。
3.4.1 WatchObj方法查看对象内部的属性和值，利用DebugOutput输出调试信息。
3.6.3 Error ，EvalError （表达式计算错误），RangeError（下标越界），TypeError（数据类型错误），SyntaxError（语法错误）。
本章作者用VS来举例，对我没有什么帮助，希望后面能看到基于Firebug和venkman的调试知识。
第二部分 JavaScript核心
第四章 语言结构
JavaScript直接用双字节来处理编码了，并且直接支持了Unicode字符集，所以可以用中文来命名函数和变量了，我马上测试了一下，真的可以，这样是否可以写很容易维护的中文WEB应用呢，可惜PHP还不支持否则？
对于作者反复提到的闭包这个概念，我还一下子不好理解，希望看过第五章可以理解，感觉还是作用域的问题吧。
Switch也有default： aptana的js提示没有那个Default，我也没有查手册，还以为没有呢，真的想想是搞笑 ，怎么可能没有呢？
4.4.5 跳转语句
break 跳出循环或者 switch语句。
continue 开始一次新的迭代
return 指定函数的返回值
try throw catch 还是不觉得好用，看来进步是一起的，什么时候 php的捕获异常用熟悉了，js也估计熟练了。

第五章 数据类型
toString()方法可以转换为不同进制的数，比如toString(2)就是2进制 toString(16)就是16进制。
NaN已经遇到过了，JS数学计算里面常用，代表非数值，可以用isNaN()来检查这个值。
Array，有没有更简单的直接往数组的最后增加新纪录的做法，而不是用s[s.length+1]这样的做法。
在第8章集合里面找到了方法：
s.push(1)就是把1放到数组的最后一个。

JSON 是一个符合规范的对象常量而已，不要想的太复杂了。
5.3 函数
作者这里解释了他所谓的闭包：被调用时候创建封闭环境的函数。
JS函数支持在函数体内定义并返回另外一个函数，我理解就是函数体内嵌套另外一个函数。
5.8.1 浮点数的精度问题
我已经遇到了，用(floor(sX100))/100来解决小数点后2位四舍五入，好像有点傻。作者给出了一个 s.toFixed(2)的方法。

第六章 再次回到函数
6.1.2 函数调用前，先计算参数中的所有表达式，一个函数可以有多个return，但是一次调用只会有一个return语句被执行。
函数的默认参数 : if(!b) b=30 的更优化写法 b=b||30 这个就是我不容易看懂别人js代码的地方，js代码可以写的太简化了。
Arguments形参的对象，Arguments.length读取默认形参的数量。
6.3 函数的顶层调用者是window对象，看到这里有点发晕了。

第9章给出了一个完整的棋谱阅读器，有空可以帮老爸写个自己用的棋谱阅读器啊。

第十章 正则表达式 先跳过。

第三部分 浏览器和DOM
Window对象最基本的浏览器对象。通过Window对象可以实现不同窗口的交互。
Document对象，这些对象好像jQuery封装后的用起来更方便了。
Document.referrer属性用来防止盗链。

第十五章 数据存储的脚本化
之前的关于DOM的操作对于我已经熟悉的很了。而这样的cookie却是我一直想用但是用的很少的，包括PHP我也基本用session而不喜欢用cookie。
jQuery有一个Cookie插件，我之前用它好像更简单。而有一个问题是全AJAX网站的前后导航问题，history对象是没有用的了，那么如何实现前后呢，虽然用的不多，但是作为一个设计良好的软件，前后导航还是很有必要的，忘记了那本书里面特地写了一章，书看的太多也不好，不容易记住。

第四部分 数据交互
第十六章 同步和异步
setTimeout()和 steInterval() 我怎么看都发现区别不大。作者写的我也看不懂，水平是有差异啊。

后面的东西越来越挑战我的耐心，终于我的耐心被磨完了。

2.jQuery Form Plugin
jQuery实现表单提交不是个难事情，但是当你的表单超过10个value的时候就是个很痛苦的事情了，再加上一些动态生成的数组字段的时候要晕菜了。用ajaxForm这个东东就很方便了，并且提供了很强的自定义功能，最好的就是提交前callback，提交后的callback。

3.jQuery Hotkeys Plugin
捕捉一个按钮挺方便，多个按钮的时候就很复杂了，特别是要解决跨浏览器问题的时候，所以用这个插件可以直接写 ctrl+d 这样的写法来捕捉按钮操作，是不是很方便了，适当提供一些快捷键对于web应用程序也是相当有价值的。

4.jQuery Flash Plugin
用HTML代码直接插入Flash要写好多，而且很容易错，现在利用Flex可以干很多事情了，特别是和Socket服务器交互数据，像开心网也在用，macacus CRM 就利用Flash和CTI服务器交互数据，然后FLASH和JS也很方便交互数据，所以用FLASH不一定是播放而成为了一个数据交换的中间件了。

而小网站对于这个应该是没有多大用处的，不过大的网站这个就差别很大了，记得一本介绍CSS的书里面说 AOL还是哪个美国门户网站改TABLE格式为DIV+CSS ，每年节省的流量费用有几百万元，不知道真假，不过你简单算算是有可能的,如果平均每个页面介绍 20KB，那么实际流量是20X8=160Kb 那么 每天如果有1000万次的访问，那么介绍的带宽真的不得了。

原则一：减少HTTPS请求，所有LOGO一张图片，所有JS一个文件，所有CSS一个文件。

CSS Sprites 一张图片总比多张图片好，因为少了n-1次HTTP请求，其实N张图片分割的大小 = 1张大图片的大小，这个和当年用PS拼命割图为了让图片一张张的出来，而不要等很久出来的原理又有不一样了。

data:内联图片模式只有firefox支持，IE这个笨蛋居然又不支持，所以在中国只有2.5%的人用firefox就不用考虑了，但是国外超过25%的人在使用firefox 这个就很有价值了。

看看Macacus B/S 做到1/3的开发量 已经用了7个js 3个css和 和google的1个js 和1个css比有点汗颜，还好我做的intranet用的东西。不过这个对于品酷将来的PIS3 还是有价值的。

原则二：采用CDN加速，这个倒是出钱就能搞定的事情，其实自己也可以做CDN加速，起码我在edong的时候就搞出了一套起码BETA的CDN加速系统了。可惜当时动作完了，没有靠那个赚到第一桶金。

原则三：Expires 图片 样式表 js，好像通过http cache control 可以实现，php5 杜江的书里面我记得有提到，明天去看看，cache看来是重要啊，smarty有，mysql有 不过这都比不过浏览器自身的缓存来的快也节省空间。

原则四：apache gzip压缩html文档和js css文档，可以节省60%。不过这个好像要服务器段处理。

原则五：CSS ON TOP ，css文件不用@import方式 而只用原始的 link方式，这样可以减少白屏方式。

原则六：js要放到页面底部，这个和很多书里讲的不一样不过考虑这个书是为了超大访问量的网站用的所以目前暂不考虑使用了。

原则七：不要用css表达式，这个我到还没有搞清楚怎么去用，并且好像浏览器不是所有都支持的。

原则八：内联css 和 js 理论比外联js 和css快，但是没有了缓存所以还是不建议用，动态加载内联？有点晕。

原则九：延长DNS 更新的时间，TTL值可以是一天，不过突然服务器宕机或者换IP就有点晕了哦。不过macacus看来是用不到的，内网都是IP访问的。

原则十：Minification 精简js ，这个容易理解，去掉所有的换行之类的，就像jquery.js 使用模式。Dojo Compressor 和 JSmin工具，不知道aptana是不是直接有精简工具啊。

原则十一：页面重定向不要用，也就是meta refresh这个技术，这个是属于我比较喜欢用的，呵呵，不过一般都是用来定时跳转用的。目录后必须记得加/.

原则十二：减少重复脚本，这个概率应该不大，不过如果我有十几个js 每个js都有上百个函数的时候估计有可能的。

原则十三：Etag是什么东西？跳开。

原则十四：Ajax缓存，没有看懂写的什么，不过jquery好像就有cache一说，不过好像没有ajax缓存的内容。

http://www.myphpbook.com/1590599063-1.zip.

I will focus :Smarty , CAPTCHA , Autocomplete , PHPDoc , XSS CSRF (Security) , log record and subversion.

Some content I have been use for several times like Smarty subversion .

Zend framework is so fussy that I try use it and give up once again like cakephp.

But read the book I think choose a framework maybe let me easy and quick to constuct a website, When I finish my ubuntu 8.10 develop environment I will try it again on 1615 macacus crm project.

web 2.0

Powered by ScribeFire.

布加迪威航车队 150km/h
布加迪威龙车队 150km/h
雅致728 车队150km/h
帕加尼车队 150km/h
劳斯莱斯车队 150km/h
迈巴赫62车队 150km/h
兰博基尼车队 140km/h
法拉利F430车队 138km/h
玛莎拉蒂车队 132km/h
路虎车队 130km/h
沃尔沃X90车队 130km/h
凯迪拉克车队 126km/h
牧马人车队 120km/h
切诺基车队 118km/h
途胜车队 118km/h
PT漫步者车队 118km/h
蒙迪欧车队 118km/h
宝马320车队 114km/h
指南者车队 112km/h
雷克萨斯车队 132km/h
途锐车队 132km/h
保时捷卡宴车队 132km/h
保时捷911车队 132km/h
RIMOR奔驰房车车队 132km/h
BMW宝马 X5车队130km/h
BMW宝马 730车队130km/h
阿斯顿马丁车队 140km/h
林肯加长车队 130km/h
哈雷摩托车队 114km/h
斯巴鲁翼豹车队 118km/h
奥迪A4车队 112km/h
奥迪R8 132km/h
大众甲壳虫车队 113km/h
Mini Cooper车队 114km/h
本田CRV车队 118km/h
牧马人车队 120km/h
宝马Z4车队 120km/h
奥迪TT车队 122km/h
悍马车队 126km/h
奥迪Q7车队 130km/h
奔驰S600车队 134km/h
奔驰豪华大巴车队 136km/h
福特S-MAX车队 110km/h

这个是我最新的10个keyword查询，明显今天几乎都是开心网拉力赛这个关键字。

开心网拉力赛

这个是我本周的统计表，明显今天暴涨了起码有1500次。

那么流量暴涨的原因就是我的这个开心网拉力赛的博客文章因为在google和baidu的搜索里面 开心网 拉力赛 排名第一位。

那么为什么会排名第一位了？我想了一天，找到下面几个理由，不知道对不对，大家一起来探讨一下，希望对企业网站的SEO有帮助。

开心网属于热点关注，有足够的搜索量
拉力赛属于刚冒头的事务，我的这个博客在拉力赛推出不到2个小时就写了，所以时效性也有用
url，我用了wp自带的网址优化，并且因为这个随便写写，所以没有把网址翻译成英文，而就是用了中文的网址，参看下图，貌似google和百度对网址里面就有的关键字更偏爱一点吧，这个属于我臆测了，没有根据
WordPress的博客相应关键字都会比普通CMS的排名要高很多

注意看网址部分 google直接作为关键字列出来了

希望大家一起研究，补充一下哦！

P.S 我没有使用外挂哦，因为我总觉得我研究透了自己去写个玩玩，当我理解点它的原理的时候，发现人家的外挂已经写的太好了，干脆自己慢慢玩吧，享受一下这个数字游戏的乐趣。

开心网外挂程序 GPL发布的，赞一个 http://code.google.com/p/kaixin/ ，真的要用还是去那里下载，很多所谓的绿色软件站都加给程序加料的。

不过貌似我做人还可以，所以基本被人咬光的点数远远高于我去咬人的点数，所以过程是艰苦的，奋斗啊！

开心网咬人

刚发现开心网不卖购车卡和旧车回收卡了，但是我的一个马甲有10辆车了，还有购车卡和旧车回购卡，看来开心网是有某种限制
我库存了三张购车卡，不过也没有用了，不知道开心网怎么想的？
在道具商店买购车卡，20000元， 就可以买70000元同一车型的不同颜色车辆了，所以同一车型最多可以拥有6辆车子可以独立组队，卖车也有个旧车回收卡的，这样就可以换车了。

如果你不到6辆车，那么可以加入好友的车队，只要好友同意一下就可以了，当然车型要一致，所以你如果有哈雷，可以加我的车队，我的车队已经有11辆车子了。

不得不佩服开心网对用户心理的揣度，当你对一样东西开始觉得无聊和厌恶的时候，他又可以搞出点可以玩的东西来。

当我觉得我莫名的搞成了六辆哈雷摩托的时候，就已经没有继续玩这个游戏的动力了，今天上去居然有朋友呼我为什么少了一辆车，我说少了就少了被充公了，然后就发现有这个拉力赛的游戏了，所以开心网不红也难，所以公司职场一定要把开心网kill了，否则工作效率太低了，如果你是个老板，发现员工在玩搞不定，找我啊，帮你搞定。

顺便show一下我的哈雷帮，小贝同志封的，觉得挺好。我的开心网帐号 hatoyu@gmail.com 有空帮我加加油哦。

比赛第一天：
大老张 是悍马联合车队，8辆车比较合算
不过基本感觉就是比谁的马甲比较多，比较好意思去捣蛋而已，因为早上零点，大老张和我几乎同时启动车子，几乎同时有好多加油，然后一看哦，好多都是马甲。

不过给人多了点玩意，多了点兴趣。对于我的博客则是访问量剧增，看来写100篇关于澳洲移民的东西，不如一篇开心网的东西，现在你google baidu一下开心网拉力赛 第一篇文章就是这个。

车辆速度表 感谢 liulang：

哈雷摩托车队 114km/h

斯巴鲁翼豹车队 118km/h

奥迪A4车队 112km/h

大众甲壳虫车队 113km/h

Mini Cooper车队 114km/h

本田CRV车队 118km/h

牧马人车队 120km/h

宝马Z4车队 120km/h

奥迪TT车队 122km/h

悍马车队 126km/h

奥迪Q7车队 130km/h

奔驰S600车队 134km/h

法拉利F430车队 138km/h

奔驰豪华大巴车队 136km/h

福特S-MAX车队 118km/h

开心网拉力赛的规定

拉力赛：

如果你有好几辆相同的车，可以组建车队，与好友在一些著名的汽车拉力赛中一决高下。

目前有达喀尔拉力赛、中国拉力锦标赛、世界拉力锦标赛等6项赛事，每项赛事的获胜者将赢得该赛事的奖杯！

操作步骤
1、在域名的DNS服务器添加或修改一个子域名，CNAME 到 mydomain.feedsky.com；
2、在下面输入你要绑定域名；我的就是 http://feed.hatoyu.com
3、点击更新按钮，保存即可。

不过之前blog的动荡，导致我feedsky的订阅已经降低到了历史最低点了，不写或者乱写自然没有人会看。

修改wordpress的 相应模板 header.php

Subscribe

替换为

Subscribe

使用 Source Code syntax highlighting plugin for WordPress (V1.2) PHP和SQL都ok html不行，css和js没有测试。