07 2013 档案
摘要：虽说作为前端，但很多时候我们也要用到服务器环境（比如动态加载HTML模版），这时候，我们就需要装服务环境了。TOMCAT是个很不错的选择，然而装TOMCAT之前，你必须装个JDK，然后还要进行一系列的环境变量。so~转了篇JDK配置相关的文章过来~安装了jdk后要进行的环境变量配置：1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-6u14-windows-i586.exe2、安装jdk-6u14-windows-i586.exe3、配置环境变量：右击“我的电脑”-->"高级"--&
阅读全文
摘要：Tomcat6.0虚拟目录配置设虚拟目录 "site"，通过 http://localhost:8080/site 访问物理路径 D:\site 文件夹里面的内容。设置过程如下：1.复制 Tomcat6.0\webapps\ROOT 目录下的 WEB-INF 文件夹到 D:\site 目录下。2.打开 D:\site\WEB-INF 目录下的 web.xml 文件,在 之后加入：3.打开 Tomcat6.0\conf\server.xml 文件，在 和 之间加入：path="/site" 就是虚拟目录的名称docBase="d:\site&qu
阅读全文
摘要：今天在敲代码的时候，发现很多JQ插件在写闭包的时候都会用到下面的写法：(function ($) { ... })(jQuery);一时的好奇心驱使，我研究起了这一写法来。大家都知道，在 $ 没有被其他定义覆盖的情况下，$ 和jQuery 是等价的，前者只是后者的缩写而已。那为什么闭包的写法里fuction的形参是 $ 后面括号里却是jQuery 呢？改写成 $ 会怎样？后面括号里的jQuery 实际上又是啥？带着这两个疑问，在网上搜了一番，透过各种资料文档，总算是对闭包这东东有了一定的了解。看了http://www.cnblogs.com/jianghua/archive/2012/05..
阅读全文
摘要：CSS：.productList{width:185px;overflow:hidden;border:1px solid #eee;}.productList li{height:35px;overflow:hidden;border-bottom:1px solid #000;margin-bottom:-1px;}HTML： aaaaaa bbbbbb cccccc 当.productList里的width属性没有了，在IE6之下，就会多出一条下边来。所以为了兼容IE6，定义一个width属性还是有必要的。
阅读全文
摘要：首先，很明显，我都是在网上抄的...减少http请求数图片，css，script，flash，等等这些都会增加http请求数，减少这些元素的数量能减少响应时间。把样式表放到顶部我们发现把css放到文档头部会让网页加载得更快。因为这样可以让页面逐渐加载。把样式表放到接近底部的问题是它阻止了页面元素的逐渐显示。这样还会导致“flash of unstyled content” ，即在样式表加载之前页面内容是以没有样式的形式显示出来的，待加载完样式后，页面重绘，内容一闪即改变了样式表现。把脚本放到底部把脚本放到尽可能底部的地方，一个原因是让页面逐渐渲染，另一个是实现更好的并行下载。对于脚本，脚本以下
阅读全文
摘要：宏观来看，浏览器的工作流程是：发送请求——（服务器响应，返回各种资源）——对返回的资源进行解析渲染，生成页面——将生成的页面展现给用户其中，解析渲染是核心，解析渲染的过程是：首先，渲染引擎开始解析HTML，将标签转化为dom树中的dom节点。接着，它解析CSS文件及style标签中的各种样式信息，将这些样式信息对应先前解析好的dom树构建另一颗树——render树。然后，对render树上的各个节点进行布局，确定每个节点在屏幕上的确切坐标。最后，遍历render树上个各个节点，对其进行绘制。需要注意的是：为了更好的用户体验，渲染引擎会尽可能早的将内容呈现到屏幕上。也就是解析完一部分内容就显示一
阅读全文
摘要：先上代码： 上面的代码，可以看出，绝对定位的元素，在没定义宽高的情况下，可以top，bottom，left，right四个属性同时定义来拉伸出其大小来。这样做的好处是让绝对定位元素的尺寸拥有参照性，适应性。此方法不兼容IE6另外，现在越来越多的公司对table系列标签表示抗拒了。但它的某些优秀特性确实无可否认的。如果既不能用table系列标签，又想用table，不妨用display:table系列样式。来实现div模拟table的效果。W3School相关的说明地址：http://www.w3school.com.cn/css/pr_class_display.asp;
阅读全文
摘要：废话不说，上代码： 以上代码是正常的。但，当你把样式中的.scroll里的position:relative;去掉后，你会发现，在IE6和IE7下，overflow:hidden;无效了。以上代码再滚动图片窗里常用到。总结：当带有overflow:hidden;的元素的子元素中存在定位元素时（哪怕是相对定位），都会造成溢出无法隐藏。解决方法是为父元素也加上定位。同理，有时父元素带了overflow:hidden;样式，但其内部的定位子元素又需要显示到父元素外，则父元素不添加定...
阅读全文
摘要：今天在工作过程中，遇到这么一个奇葩问题，搞了好一阵子才找到原因，遂总结了一下...先上DEMO： 当你用IE7执行此段代码(IE6暂未确认是否会出此问题，不过推断也会有这问题，毕竟这两浏览器就是一对奇葩...)你会发现，不管怎么点按钮，红色层死活不肯跑到绿色层上面...而在其他浏览器不会，唯独IE的奇葩兄弟会这样但是...如果你用CSS直接定义一个z-index:3给a1，红框又能盖住绿框了...并且用页面加载事件( 如jquery的$(document).ready(...
阅读全文
摘要：昨天由于工作关系，遇上了这个问题，苦恼一日无解——残念。所幸终于在今天早上得到了解决，遗憾的是灵活性不够强，不能根据内容自适应，要配合JS才能达到自适应效果不过总结到这里已经很满意了，毕竟规律已经摆在那里，shadow和content的宽高比main小10px就OK了当然，具体阴影效果做调整后，其他属性值也得作相应调整，遵循此消彼长原则便可还有的不足就是，不支持过低版本的FF和Chrome但估计用这两种浏览器的人，都不会沉沦于低版本的吧，毕竟FF和Chrome的用户群与IE用户群是有所区别的
阅读全文
摘要：1.!important拥有最高的优先级，几乎所有浏览器都支持!important，除了IE6（不完全支持）例1（IE6支持，颜色为#e00）：.cssClass{color:#e00!important;} .cssClass{color:#000;} 例2（IE6不支持，颜色为#000）：.cssClass{color:#e00!important; color:#000} 2.display:inline-block应用此特性的元素呈现为内联对象，四周元素保持在同一行，但可以设置宽度和高度等块元素的属性并不是所有浏览器都支持此属性在低版本IE中对元素使用display:inline-b.
阅读全文
摘要：1.选择器性能排行：$("#ID") > $("Tag") > $(".Class") > $("[attribute=value]")2.链式调用：$("#gbdiv").hide();$("#gbdiv").css("color", "#202020");$("#gbdiv").show();上述代码使用下面的写法，可提高执行效率$("#gbdiv").hide();.css
阅读全文
摘要：今日在工作的时候，遇上了一些和事件绑定有关的问题无法解决，于是在网上找到了以下资料，稍加整理了下。对于事件绑定，jQuery的 bind / unbind 大多数时候可能并不会用到，取而代之的是直接用 click / keydown 之类的事件名风格的方法来做事件绑定操作。但假设如下情况：需要在运行时根据用户交互的结果进行不同click事件处理逻辑的绑定，因而理论上会无数次对某一个事件进行 bind / unbind 操作。但又希望 unbind 的时候只把自己绑上去的处理逻辑给释放掉而不是所有其他地方有可能的额外的同一事件绑定逻辑。这时候如果直接用 .click() 或者 .bind(
阅读全文
摘要：HTML+CSS部分IE6使用PNG的透明问题解决关键字DD_belatedPNG_0.0.8a.jsGoogle或百度一下，下载之说明：fix方法的参数是你需要进行透明化的标签，或者类都可以关于处理浮动的定义：clear:both——清除浮动overflow:hidden——闭合浮动inline-...
阅读全文
