综合久久国产,亚洲国产视频二区,亚洲伊人伊色伊影伊综合网

ext grid 删除最后一行数据后�q�是昄��

brock — Thu, 24 Oct 2013 02:40:00 GMT

ext grid 删除最后一行数据后�q�是昄��

grid删除最后一行数据后�Q�store reload ,因�ؓ数据库中已经没有数据了，所以返回null .

但是ext不认�q�个东西�Q�所以在service中进行判断。如果数据�ؓnull �Q�则�q�回

"{total:0,gridData:[]}" ;

重新�~�译�Q�运行后�Q�删除最后一行数据，��׃��看不��C��?/p>

brock 2013-10-24 10:40 发表评论

Google JavaScript �~�码规范指南

brock — Mon, 11 Mar 2013 07:24:00 GMT

摘要: Google JavaScript �~�码规范指南修订�? 2.9Aaron WhyteBob JervisDan PupiusEric ArvidssonFritz SchneiderRobby Walker每个条目都有概述信息, 点击 ▽ 查看详细的内�? 你也可以点击下面的按�?#9661; 展开全部目录JavaScript 语言规范变量 �?.. 阅读全文

brock 2013-03-11 15:24 发表评论

css 布局

brock — Thu, 14 Jun 2007 02:00:00 GMT

��译自：In Search of the Holy Grail
原文�Q�http://www.alistapart.com/articles/holygrail
�q�个��译的页面版权归greengnn所有，转蝲��h��明出�?br>�W�一步：创徏一个结�?br>
xhtml开始于header, footer, and container

CSS先定义container�Q�给��要加入的sideleft�Q�和sideright留下个位�|?br>

#container {
 padding-left: 200px; /* LC width */
 padding-right: 150px; /* RC width */
}

我们的布局现在看�v来是�q�样�?br>

�?——创建框�?br>
�W�二步：增加内容元素

在第一步基��上增加内容元�?code class=code>

然后分别定义widths和float 让元素排列在一条线上，�q�有清除footer的��Q动对�?br>

#container .column {
 float: left;
}
#center {
 width: 100%;
}
#left {
 width: 200px; /* LC width */
}
#right {
 width: 150px; /* RC width */
}
#footer {
 clear: both;
}

�q�里�l�center元素定义�?00% width�Q�让它占满montainer的可用空��_��现在的布局变成了这�?br>

�?�Q�增加内容元�?br>
�W�三步：把left攑ֈ�正确的位�|?br>
要把left攑ֈ�正确的位�|�，我们分两�?br>
1.让left和center在同一水��^�U?code class=code>#left {
width: 200px; /* LC width */
margin-left: -100%;
}
看看效果

�?——left�U�d��完成一�?br>
2.用相对定位，把left�l�箋�U�d��到正��的位置

#container .columns {
 float: left;
 position: relative;
}
#left {
 width: 200px; /* LC width */
 margin-left: -100%; 
 right: 200px; /* LC width */
}

上一步，left�q�需要左�U?00px�Q�就可以了，所以就采用相对定位�Q�将他再向左�?00px,��p��C��惌��的效果。让left距离他右边元素center 200px后，行了�Q�left�l�于到自�׃��|�上了�?br>

�?——left��C��自己的位�|?br>
�W�四步：让right也到自己的正��的位置�?br>
从上囄��Q�我们只需要把right推倒container的padding-right里面,看看怎么�?br>

#right {
 width: 150px; /* RC width */
 margin-right: -150px; /* RC width */
}

好了�Q�现在元素们都正��归位了�?br>

�?——right��C��自己正确的位�|?br>
�W�五步：解决bug让布局更完��?br>如果��览器类型变��_��center��变得比left��了�Q�完��的布局��p��打破�Q�我们给body 讄��一个min-width
来解册��个问题，因�ؓIE不支持他�Q�所以不会有负面影响�Q�调整如�?br>

body {
 min-width: 550px; /* 2x LC width + RC width */
}

�q�时在IE6�Q�完全打开的窗口）下，left元素距离左侧又太�q�了�Q�再调整

* html #left {
 left: 150px; /* RC width */
}

�q�些大小调整是根据上面已�l�定义的宽度来的�Q�你调整的时候也要根据自��q��实际情况�?br>
现在增加padding

内容文字贴着容器的边�Q�相信你看得时候，不会很舒服，调整一�?br>

#left {
 width: 180px; /* LC fullwidth - padding */
 padding: 0 10px;
 right: 200px; /* LC fullwidth */
 margin-left: -100%;
}

当然不能只增加left��q��完事�Q�要�l�一�p�d��元素都必��d��上，也要调整增加padding�Q�带来的新的bug�Q�调整如�?br>

body {
 min-width: 630px; /* 2x (LC fullwidth +
 CC padding) + RC fullwidth */
}
#container {
 padding-left: 200px; /* LC fullwidth */
 padding-right: 190px; /* RC fullwidth + CC padding */
}
#container .column {
 position: relative;
 float: left;
}
#center {
 padding: 10px 20px; /* CC padding */
 width: 100%;
}
#left {
 width: 180px; /* LC width */
 padding: 0 10px; /* LC padding */
 right: 240px; /* LC fullwidth + CC padding */
 margin-left: -100%;
}
#right {
 width: 130px; /* RC width */
 padding: 0 10px; /* RC padding */
 margin-right: -190px; /* RC fullwidth + CC padding */
}
#footer {
 clear: both;
}

/*** IE Fix ***/
* html #left {
 left: 150px; /* RC fullwidth */
}

header和footer的padding可以随意增加�Q�这里就不提了，�q�有长度单位用em更具亲和力（em可以让用户��用浏览器来调整自己需要的字体大小�Q?br>但是不能混合使用�Q�选择em和px的时候明��Z��,察看效果

元素�{�高问题
采用http://www.positioniseverything.net/articles/onetruelayout/equalheight
有�h��译�q�来的：http://www.blueidea.com/tech/web/2006/3210.asp
里提到的�Ҏ��Q�就不具体解释了�?br>

#container {
 overflow: hidden;
}
#container .column {
 padding-bottom: 20010px; /* X + padding-bottom */
 margin-bottom: -20000px; /* X */
}
#footer {
 position: relative;
}

再解决opera 8的bug�Q�代码调整如�?br>

* html body {
 overflow: hidden;
}
* html #footer-wrapper {
 float: left;
 position: relative;
 width: 100%;
 padding-bottom: 10010px;
 margin-bottom: -10000px;
 background: #fff; /* Same as body 
 background */
}

brock 2007-06-14 10:00 发表评论

brock — Wed, 13 Jun 2007 10:13:00 GMT

brock 2007-06-13 18:13 发表评论

常用CSS�~�写语法�ȝ��

brock — Sat, 30 Dec 2006 03:05:00 GMT

使用�~�写可以帮助减少你CSS文�g的大��，更加�Ҏ��阅读。css�~�写的主要规则如下：

颜色

16�q�制的色彩��|��如果每两位的值相同，可以�~�写一半，例如�Q?br />#000000可以�~�写�?000;#336699可以�~�写�?369;

盒尺�?/h4>
通常有下面四�U�书写方�?

property:value1; 表示所有边都是一个值value1�Q?

property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

property:value1 value2 value3; 表示top的值是value1�Q�right和left的值是value2�Q�bottom的值是value3

property:value1 value2 value3 value4; 四个��g��ơ表�C�top,right,bottom,left

方便的记忆方法是��时针，上右下左。具体应用在margin和padding的例子如下：
margin:1em 0 2em 0.5em;

�Ҏ��(border)

�Ҏ��的属性如下：

border-width:1px;
border-style:solid;
border-color:#000;

可以�~�写��Z��句：border:1px solid #000;

语法�?span class="code">border:width style color;

背景(Backgrounds)

背景的属性如下：

background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;

可以�~�写��Z��句：background:#f00 url(background.gif) no-repeat fixed 0 0;

语法�?span class="code">background:color image repeat attachment position;

你可以省略其中一个或多个属性��|��如果省略�Q�该属性值将用浏览器默认��|��默认��gؓ�Q?/p>

color: transparent
image: none
repeat: repeat
attachment: scroll
position: 0% 0%

字体(fonts)

字体的属性如下：

font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:"Lucida Grande",sans-serif;

可以�~�写��Z��句：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

注意�Q�如果你�~�写字体定义�Q�至��要定义font-size和font-family两个倹{�?/p>

列表(lists)

取消默认的圆点和序号可以�q�样写list-style:none;,

list的属性如�?

list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);

可以�~�写��Z��句：list-style:square inside url(image.gif);

brock 2006-12-30 11:05 发表评论

brock — Sat, 30 Dec 2006 03:04:00 GMT

原文作者：Roger Johansson
作者简介：住在瑞典哥�d堡，1994�q�开始接触和参与web设计�Q?56 Berea Street是他的住址�Q�因此采用这个名字作��Z��的个��Z��域�?
原文出处�Q?a target="new">www.456bereastreet.com
原文发表旉��Q?005�q?�?5�?
阿捷说明�Q�此文原�?CSS tips and tricks"�Q�有2��，我将它们合�ƈ��译在本文中�?

最�q?�l�常有朋友问我一些工作中遇到的CSS问题。他们��L��不能很好的控制CSS�Q�媄响CSS的效率发挥。我来分析�ȝ��一下错误所在，帮助大家更加�Ҏ��使用CSS�?/p>

本文�ȝ��了我开始��用CSS布局�Ҏ��以来所有的技巧和兼容�Ҏ��Q�我愿意把这些与你分享，我会重点解释一些新手容易犯的错�?包括我自�׃��犯过�?�Q�如果你已经是CSS高手�Q�这些经验技巧可能已�l�都知道�Q�如果你有更多的�Q�希望可以帮我补充�?/p>

一.使用css�~�写

使用�~�写可以帮助减少你CSS文�g的大��，更加�Ҏ��阅读。css�~�写的主要规则请参看�?a target="new">常用css�~�写语法�ȝ��》，�q�里��׃��展开描述�?/p>

�?明确定义单位�Q�除非��gؓ0

忘记定义��寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"�Q�但是在CSS中，你必��ȝ��一个准��的单位�Q�比如：width:100px width:100em。只有两个例外情况可以不定义单位�Q�行高和0倹{��除此以外，其他值都必须紧跟单位�Q�注意，不要在数值和单位之间加空根{�?/p>

�?区分大小�?/h4>
当在XHTML中��用CSS�Q�CSS里定义的元素名称是区分大��写的。�ؓ了避免这�U�错误，我徏议所有的定义名称都采用小写�?/p>
class和id的值在HTML和XHTML中也是区分大��写的，如果你一定要大小写�؜合写�Q�请仔细��认你在CSS的定义和XHTML里的标签是一致的�?/p>

�?取消class和id前的元素限定

当你写给一个元素定义class或者id�Q�你可以省略前面的元素限定，因�ؓID在一个页面里是唯一的，而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如：

div#content { /* declarations */ }
fieldset.details { /* declarations */ }

可以写成

#content { /* declarations */ }
.details { /* declarations */ }

�q�样可以节省一些字节�?/p>

�?默认�?/h4>
通常padding的默认��gؓ0�Q�background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突�Q�可以在样式表一开始就先定义所有元素的margin和padding值都�?�Q�象�q�样�Q?/p> * {
margin:0;
padding:0;
}

�?不需要重复定义可�l�承的�?/h4>
CSS中，子元素自动��承父元素的属性��|��象颜艌Ӏ�字体等�Q�已�l�在父元素中定义�q�的�Q�在子元素中可以直接�l�承�Q�不需要重复定义。但是要注意�Q�浏览器可能用一些默认��D��盖你的定义�?/p>

�?最�q�优先原�?/h4>
如果对同一个元素的定义有多�U�，以最接近(最��一�U?的定义�ؓ最优先�Q�例如有�q�么一�D�代�?/p>
Update: Lorem ipsum dolor set

在CSS文�g中，你已�l�定义了元素p�Q�又定义了一个class"update"
p {
margin:1em 0;
font-size:1em;
color:#333;
}
.update {
font-weight:bold;
color:#600;
}

�q�两个定义中�Q�class="update"��被使用�Q�因为class比p更近。你可以查阅W3C的�?Calculating a selector’s specificity�?了解更多�?/p>

�?多重class定义

一个标�{�֏�以同时定义多个class。例如：我们先定义两个样式，�W�一个样式背景�ؓ#666�Q�第二个样式�?0 px的边框�?/p> .one{width:200px;background:#666;}
.two{border:10px solid #F00;}

在页面代码中�Q�我们可以这栯��?/p>

�q�样最�l�的昄��效果是这个div既有#666的背景，也有10px的边框。是的，�q�样做是可以的，你可以尝试一下�?/p>

�?使用子选择�?descendant selectors)

CSS初学者不知道使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这�D�代码：

Item 1
>
Item 1

Item 1

�q�段代码的CSS定义是：

div#subnav ul { /* Some styling */ }
div#subnav ul li.subnavitem { /* Some styling */ }
div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ }
div#subnav ul li.subnavitemselected { /* Some styling */ }
div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ }

你可以用下面的方法替代上面的代码

Item 1

Item 1

Item 1

样式定义是：

#subnav { /* Some styling */ }
#subnav li { /* Some styling */ }
#subnav a { /* Some styling */ }
#subnav .sel { /* Some styling */ }
#subnav .sel a { /* Some styling */ }

用子选择器可以��你的代码和CSS更加��z�、更加容易阅诅R�?/p>

�?不需要给背景囄��路径加引�?/h4>
��Z��节省字节�Q�我��不要�l�背景图片�\径加引号�Q�因为引号不是必��ȝ��。例如：
background:url("images/.gif") #333;
可以写�ؓ
background:url(images/.gif) #333;
如果你加了引��P��反而会引�v一些浏览器的错误�?/p>

十一.�l�选择�?Group selectors)

当一些元素类型、class或者id都有共同的一些属性，你就可以使用�l�选择器来避免多次的重复定义。这可以节省不少字节�?

例如�Q�定义所有标题的字体、颜色和margin�Q�你可以�q�样写：

h1,h2,h3,h4,h5,h6 {
font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif;
color:#333;
margin:1em 0;
}

如果在��用时�Q�有个别元素需要定义独立样式，你可以再加上新的定义�Q�可以覆盖老的定义�Q�例如：

h1 { font-size:2em; }
h2 { font-size:1.6em; }

十二.用正��的��序指定链接的样�?/h4>
当你用CSS来定义链接的多个状态样式时�Q�要注意它们书写的顺序，正确的顺序是�Q?link :visited :hover :active。抽取第一个字母是"LVHA"�Q�你可以记忆�?LoVe HAte"(喜欢讨厌)。�ؓ什么这么定义，可以参考Eric Meyer的�?a target="new">Link Specificity》�?/p>
如果你的用户需要用键盘来控�Ӟ��需要知道当前链接的焦点�Q�你�q�可以定�?focus属性�?focus属性的效果也取决与你书写的位置�Q�如果你希望聚焦元素昄��:hover效果�Q�你��把:focus写在:hover前面�Q�如果你希望聚焦效果替代:hover效果�Q�你��把:focus攑֜�:hover后面�?/p>

十三.清除��动

一个非常常见的CSS问题�Q�定位��用��Q动的时候，下面的层被��Q动的层所覆盖�Q�或者层里嵌套的子层��出了外层的范围�?/p>

通常的解军_��法是在��Q动层后面��d��一个额外元素，例如一个div或者一个br�Q��ƈ且定义它的样式�ؓclear: both。这个办法有一点牵强，�q�运的是�q�有一个好办法可以解决�Q�参看这��文章�?a target="new">How To Clear Floats Without Structural Markup�?注：本站��尽快翻译此�?�?/p>

上面2�U�方法可以很好解��x�Q动超出的问题�Q�但是如果当你真的需要对层或者层里的对象�q�行clear的时候怎么办？一�U�简单的�Ҏ��是用overflow属性，�q�个�Ҏ��最初的发表在�?a target="new">Simple Clearing of Floats》，又在�?a target="new">Clearance》和�?a target="new">Super simple clearing floats》中被广泛讨论�?/p>

上面那一�U�clear�Ҏ��更适合你，要看具体的情况，�q�里不再展开��。另外关于float的应用，一些优�U�的文章已�l�说得很清楚�Q�推荐你阅读�Q��?a target="new">Floatutorial》、�?a target="new">Containing Floats》和�?a target="new">Float Layouts�?/p>

十四.横向居中(centering)

�q�是一个简单的技巧，但是值得再说一遍，因�ؓ我看见太多的新手问题都是问这个：CSS如何横向居中�Q�你需要定义元素的宽，�q�且定义横向的margin�Q�如果你的布局包含在一个层(容器)中，��p��q�样�Q?/p>

你可以这样定义��它横向居中：

#wrap {
width:760px; /* 修改��Z��的层的宽�?*/
margin:0 auto;
}

但是IE5/Win不能正确昄��q�个定义�Q�我们采用一个非常有用的技巧来解决�Q�用text-align属性。就象这��P��

body {
text-align:center;
}
#wrap {
width:760px; /* 修改��Z��的层的宽�?*/
margin:0 auto;
text-align:left;
}

�W�一个body的text-align:center; 规则定义IE5/Win中body的所有元素居�?其他��览器只是将文字居中) �Q�第二个text-align:left;是将#warp中的文字居左�?/p>

十五.导入(Import)和隐藏CSS

因�ؓ老版本浏览器不支持CSS�Q�一个通常的做法是使用@import技巧来把CSS隐藏��h��。例如：

@import url("main.css");

然而，�q�个�Ҏ��对IE4不�v作用�Q�这让我很是头疼了一阵子。后来我用这��L��写法�Q?/p> @import "main.css";

�q�样��可以在IE4中也隐藏CSS了，呵呵�Q�还节省�?个字节呢。想了解@import语法的详�l�说明，可以看这里�?a target="new">centricle’s css filter chart�?/p>

十六.针对IE的优�?/h4>
有些时候，你需要对IE��览器的bug定义一些特别的规则�Q�这里有太多的CSS技�?hacks)�Q�我只��用其中的两种�Ҏ��Q�不��微软在卛_��发布的IE7 beta版里是否更好的支持CSS�Q�这两种�Ҏ��都是最安全的�?/p>

1.注释的方�?
(a)在IE中隐藏一个CSS定义�Q�你可以使用子选择�?child selector):
html>body p {
/* 定义内容 /
}
(b)下面�q�个写法只有IE��览器可以理�?对其他浏览器都隐�?
html p {
/* declarations /
}
(c)�q�有些时候，你希望IE/Win有效而IE/Mac隐藏�Q�你可以使用"反斜�U?技巧：
/ \/
html p {
declarations
}
/* */

2.条�g注释(conditional comments)的方�?
另外一�U�方法，我认为比CSS　Hacks更加�l�得赯��验��是采用微��Y的私有属性条件注�?conditional comments)。用�q�个�Ҏ��你可以给IE单独定义一些样式，而不影响��L��式表的定义。就象这��P��

十七.调试技巧：层有多大�Q?/h4>
当调试CSS发生错误�Q�你��p��象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜�Ԍ��q�样��p��很明昄��到层占据多大�I�间。有些�h��用border�Q�一般情况也是可以的�Q�但问题是，有时候border 会增加元素的��寸�Q�border-top和boeder-bottom会破坏纵向margin的��|��所以��用background更加安全些�?

另外一个经常出问题的属性是outline。outline看�v来象boeder�Q�但不会影响元素的尺寸或者位�|�。只有少数浏览器支持outline属性，我所知道的只有Safari、OmniWeb、和Opera�?/p>

十八.CSS代码书写样式

在写CSS代码的时候，对于�~�进、断行、空��|��每个人有每个人的书写习惯。在�l�过不断实践后，我决定采用下面这��L��书写样式�Q?/p> selector1,
selector2 {
property:value;
}

当��用联合定义时�Q�我通常��每个选择器单独写一行，�q�样方便在CSS文�g中找到它们。在最后一个选择器和大括号{之间加一个空��|��每个定义也单独写一行，分号直接在属性值后�Q�不要加�I�格�?/p>

我习惯在每个属性值后面都加分��P��虽然规则上允许最后一个属性值后面可以不写分��P��但是如果你要加新样式时容易忘记补上分可��生错误，所以还是都加比较好�?/p>

最后，关闭的大括号}单独写一行�?/p>

�I�格和换行有助与阅读�?/p>

brock 2006-12-30 11:04 发表评论

综合久久国产,亚洲国产视频二区,亚洲伊人伊色伊影伊综合网

ext grid 删除最后一行数据后�q�是昄���

Google JavaScript �~�码规范指南

css 布局

常用CSS�~�写语法�ȝ��

颜色

�Ҏ��(border)

背景(Backgrounds)

字体(fonts)

列表(lists)

一.使用css�~�写

�?明确定义单位�Q�除非��gؓ0

�?取消class和id前的元素限定

�?多重class定义

�?使用子选择�?descendant selectors)

十一.�l�选择�?Group selectors)

十三.清除���动

十四.横向居中(centering)

十五.导入(Import)和隐藏CSS

十八.CSS代码书写样式

ext grid 删除最后一行数据后�q�是昄��

十三.清除��动