20110516

[PHP]CodeIgniter最新版本不再支持PHP4，所以构造函数中只能用parent::__construct()。还有一些其它的写法的改变，如：class Blog extends CI_Controller，前面都加了一个CI_。

 

[PHP]CodeIgniter的目录结构如图。如果你了解MVC的基本内容，就很容易看懂。application存放你自己的项目文件；system中都是CI的代码。还有很多有趣的目录：helpers, language, libraries。。。

 

[PHP]读取config文件：$this->config->item('css')；加载视图文件：$this->load->view('testview')；传递数据使用$data，传递过去的数据可以直接使用如$mytitle访问。

 

[PHP]CodeIgniter的AR使用起来非常简单，先在config里配置，然后加载$this->load->database();

 

还有set, insert, update, delete等使用方便的语法，同时你可以用$this->db->affected_rows()来查看受影响的记录数；当然你也可直接使用sql语句：$this->db->query("SELECT id, name, url FROM sites WHERE 'type' = 'dynamic'");

 

[PHP]如何加载固定的视图内容呢？比如像header,footer这些。CodeIgniter的建议是在controller里： $data['header'] = $this->load->view('header_view', '', TRUE);这样更符合MVC设计原则。当然，这只是建议，你也可以写在view/视图文件里。

 

[PHP]CodeIgnite使用缓存很方便：$this->output->cache(5);//５分钟。你会在/system/cache目录里看到缓存文件。但要注意此文件不会显示你在控制器里echo 出来的东西，只会显示视图中所显示的内容。还有好多有趣的功能，就不一一记录了，看手册吧。

 

[优化]lazyload是种很不错的优化手段。例如图片到了浏览器可视区域再加载；编辑器在要使用时才进行加载初始化等。适用于占用很多资料的内容，大块的图片、复杂的js功能等。

 

[优化]BigPipe的优化方法好像还不一样。把页面划分成多个pagelet，在服务器端实现并行处理，一个pagelet内容生成后就flush给浏览器。服务器端实现并发使用的是java的多线程或PHP扩展curl模块，进行批处理请求。

 

[优化]BigPipe的每块pagelet生成后flush的是json格式给浏览器，而不是输出html以防止页面结构出问题。另外如果检查到访问爬虫或者禁用Js的浏览器，则换为原有模式，不再使用BigPipe。

 

[CSS3]当你使用border-radius让一个容器产生圆角的时候，容器内的元素不会自动变成圆角，相反，还有可能把容器再变回直角。解决方法就是设置那个靠近边框的元素也为圆角~~

 

[CSS3]看这个5种超酷的Hover效果：http://t.cn/hgBt8V ，发现图片旋转后边缘出现了锯齿(chrome中最明显)，另外在旋转的动画过程中，FF4的图片变得很模糊，旋转完成后才又变清晰，这个变化也很明显。。效果最好的感觉还是Opera啊~~~

 

[CSS3]chrome中旋转完成后，图片还会抖动一下，我勒个汗啊~~~

 

#scrolltopcontrol# 试用了下这个jQuery插件，感觉很不好用。对元素的控制很不方便，同时在ie6中失效。。。

还是感觉这个比较靠谱：http://t.cn/hgDCfj  IE6也做了处理，可以使用。

 

autoResize是一个jQuery插件，可以让textarea元素随着输入内容的多少自动调整自身的高度以让内容完整显示。官方主页是：http://t.cn/hQqvu  用法很简单。

 

outerClick也是一个jQuery插件，实现点击元素范围外的触发事件。这个我很喜欢，很方便啊。

 

开始看《CSS3 For Web Designers》

 

transition的写法，是不是感觉好多啊！还好有缩写：-webkit-transition: background 0.3s ease 0.5s; 最后一个是delay的值。

 

还有这种写法：transition: background .3s ease, color .2s linear;不错吧；如果应用到所有属性上去：transition: all .3s ease

 

Canvas新增方法：toBlob(callback, type, ...)，和toDataURL()序列化成base64不同，它可以把Canvas上的内容异步转换成序列化的图片File文件。So Cool！