mmww1024
- 浏览: 96630 次
- 性别:
- 来自: 北京
-
最新评论
-
mmww1024：
爱吃肉的菜鸟 写道楼主你最后那个函数里为什么要加1？因为取得是 ...
【转】JavaScript中常见的字符串操作函数及用法 -
爱吃肉的菜鸟：
懂了
【转】JavaScript中常见的字符串操作函数及用法 -
爱吃肉的菜鸟：
楼主你最后那个函数里为什么要加1？
【转】JavaScript中常见的字符串操作函数及用法
文章列表
JavaScript库比较
- 博客分类：
- JavaScript
1.Prototype(http://www.prototypejs.org/
)
最早成型，对面向对象的编程思想把握不是很到位，导致其结构松散，也在不断改进中。
2.Dojo
(http://dojotoolkit.org/
)
提供其他库没 ...
学习总结：
1.推荐博文 http://www.cnblogs.com/keepfool/archive/2012/01/05/2313692.html#a32
2.jqGrid英文文档 http://www.trirand.com/jqgridwiki/doku.php?
中文 http://www.cnblogs.com/only-copy/articles/2524283.html
3.在线验证json数据格式是否标准 http://jsonformatter.curiousconcept.com/
4.jqGrid在线Demo http: ...
类的组合VS子选择器
类的组合
<style type="text/CSS">
.fl{float:left}
.fr{float:right}
.content{clear:both}
.header{}
.footer{clear:both}
.sidebar{}
.main{}
.w25{width:25%}
.w70{width:70%}
.w35{width:35%}
.w60{width:60%}
</style>
<div class=”header”></div>
&l ...
首先说一下如何切图：
1.色彩丰富，大的切成jpg
2.尺寸小的，色彩不丰富的和背景透明的切成gif或png8
3.半透明的切成png8并用js实现其半透明
方法一：
background:url(../images/x.png) no-repeat left top;
_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/x.png');
此方法可让IE6支持png24，效果甚佳屡试不爽，但是1、图片只能用背景图显示2、不能同时对 ...
wmode属性，用于指定窗口模式，其值有window(窗口)，opaque(非窗口不透明)，transparent(非窗口透明)三种。
默认为窗口模式显示。
窗口类型优先于非窗口类型的元素，显示在页面最顶端，如果同属于非窗口类型的，才回去判断z-index的大小。
所以要想让flash元素在其他元素下面，就要将其设置为非窗口类型opaque或transparent。
eg:
<object width="640" height="90" type="application/x-shockwave-Flash"classi ...
1.水平居中
a.行内元素的水平居中；给父元素设定text-align:center;
b.定宽的块级元素的水平居中；给其设定margin:0px auto;
c.不定宽的块级元素的水平居中；
1.用table标签，设其为margin:0px auto;
2.变块级元素为行内元素，
3.设父元素为：float:left;position:relative;left:50%;
子元素为：float:left;position:absolute;left:-50%;
2.竖直居中
a.父元素高度不确定的文本，图片，块级元素的竖直居中；给父容器设置相同的上下边距；
...
ie下bug:
有时候border会断开，刷新页面或者滚动滚动条的时候，断掉的部分又会连接起来。
原因：
hasLayout属性没有被触发。
解决办法：
设置属性zoom:1，若不行，只能设置positive:relative;尽管它会带来一点副作用。
*注：hasLayout的设计初衷是用于辅助块级元素的合模式解析的，他用于块级元素，若用于行内元素，也会引发一些特殊的效果。
love hate原则:
l
(link)ov
(visited)e h
(hover)a
(active)te
1.选择符前缀法
*html .test{width:60px;} /*only for ie6*/
*+html .test{width:70px;} /*only for ie7*/
2.样式属性前缀法
.test{*width:70px;_width:60px;} /*"_"只在ie6下生效，“*”在ie6和ie7下生效*/
CSS sprite难点
- 博客分类：
- css
1.只能合并用于背景的图片，对于<img src="" />设置的图片，不能合并到CSS sprite中，如合并将影响可读性。
2.对于横向和纵向都平铺的图片，也不能用。若横向平铺，只能合并成一张竖直排列的大图；若纵向平铺，只能合并成水平排列的大图。
3.图片紧凑且不影响扩展性。
4.是否用此技术，取决于网站的流量。
1.权重规则
1'.html标签的权重是1
2'.class的权重是10
3'.id的权重是100
*注：a.如果CSS选择符权重相同，那么样式会遵循就近原则，哪个选择符最后定义，就采用哪个选择符的样式。
b.“就近原则”是指选择符定义的先后顺序，而不是挂class名的先后顺序，<span class="test test2">和<span class="test2 test">没有区别。
2.除非确定html结构非常稳定，一定不会再修改了，否则尽量不要使用子选择器。
3.为 ...
如何处理上下margin
- 博客分类：
- css
1.
如果不确定模块的上下margin特别稳定，最好不要将他写到模块的类里，而是使用类的组合，单独为上下margin挂用于边距的原子类（如mt10,mb20）。
2.
模块最好不要混用margin-top和margin-bottom，统一使用margin-top或margin-bottom。
A.模块与模块之间尽量不要包含相同的部分，如果有相同部分，应将他们提取出来，拆分成一个独立的模块。
B.模块应在数量尽可能少的原则下，做到尽肯能简单，以提高重用性。
语义化标签应注意的问题
- 博客分类：
- html
为了保证网页去除样式后的可读性，并符合web标准，应注意：
1.尽可能少地使用无语义标签div和span;
2.在语义不明显，即可用p也可用div的地方，尽量用p,因为p默认情况下有上下间距，去样式后的可读性更好，对兼容特殊终端有利。
3.不要使用纯样式标签，如b,font,u等，改用CSS设置。语义上需要强调的文本可以包在strong或em标签里，strong和em有‘强调’的语意，其中strong的默认样式是加粗，em是斜体。
CSS Table属性
- 博客分类：
- css
属性
描述
border-collapse
设置是否把表格边框合并为单一的边框。
border-spacing
设置分隔单元格边框的距离。（仅用于 "separated borders" 模型）
caption-side
设置表格标题的位置。
empty-cells
设置是否显示表格中的空单元格。（仅用于 "separated borders" 模型）
table-layou ...