Ext模块布局

Ext的容器布局分成了11种

BorderLayout
AnchorLayout
ColumnLayout
FitLayout
TableLayout
AbsoluteLayout
FormLayout
AccordionLayout
FormLayout
AccordionLayout
CardLayout
vBoxLayout
HBoxLayout

十一种布局可以归为五大类

Border布局 (BorderLayout)
锚定位布局 (AnchorLayout,AbsoluteLayout,FormLayout)
自适应位置布局  (FitLayout,AccordionLayout,CardLayout)
表列布局 (ColumnLayout, TableLayout)
箱子布局 (vBoxLayout,HBoxLayout)

可变布局的封装

这样一个导航栏，里面有四个容器而且容器的大小可以自己调节．这个组件怎么封装呢?

研究下Ext的layout组件～

用Javascript对图片进行像素级的操作

网页中的图片在非等比操作的时候变形和失真非常严重。Firefox3.5以后的Gecko 1.9.1引擎中在Canvas标签中加入了一个imageData方法，可以把image的数据信息全部存储起来，让脚本来操作。如同flash中的的BitmapData一样的东东。

这儿有一个实例,展示了JS对图片的imageData操作。这里用了索贝尔算法(Sobel operator)，通过查找图像边缘来进行等高横向拉伸

  原图
  Half image, 1 pass algorithm
Full image, 1 pass algorithm
Full image, full iterative algorithm
pure css

对比一下，显然比纯css操作的效果要好得多。不过这种图像学里面的算法怎么玩对我这样的小白还是开飞机，以后HTML5,WebGL用得广泛了。框架多了就自然好操作了，在等待中纠结吧~~~~

并行的Javascript

javascript的运行过程出现错误，会打断HTML DOM TREE的解析，现在google gear的提供了一套解决方案，让js在后台运行．不打断UI的渲染．

不过这个方案还是需要用户点击充许gear的API才行．

继续研究下 WorkerPool