2013年8月16日
Iscroll应用文档
摘要： Iscroll是一个非常不错的区域滑动插件。不过它有个小小的不足，就是它的说明文档。全英文不说，整理的也不咋好，官网上看着很乱，不容易查阅。因此上网找了一些相关的文档说明并加以整理。Iscroll 提供的调用方法destroy顾名思义，是用来销毁你实例化的iScroll 实例，包括之前绑定的所有iscroll 事件。refresh这个方法非常有用，当你的滚动区域的内容发生改变 或是 滚动区域不正确，都用通过调用refresh 来使得iscroll 重新计算滚动的区域，包括滚动条，来使得iscroll 适合当前的dom。scrollTo这个方法接受4个参数x,y,time,relativex 为 阅读全文
posted @ 2013-08-16 21:51 前端攻城师-CZF 阅读(1707) 评论(0) 推荐(0)
2013年7月27日
jdk环境变量配置
摘要： 虽说作为前端，但很多时候我们也要用到服务器环境（比如动态加载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、配置环境变量：右击“我的电脑”-->"高级"--& 阅读全文
posted @ 2013-07-27 15:31 前端攻城师-CZF 阅读(237) 评论(0) 推荐(0)
tomcat虚拟目录配置
摘要： 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 阅读全文
posted @ 2013-07-27 15:21 前端攻城师-CZF 阅读(283) 评论(0) 推荐(0)
2013年7月21日
关于JS闭包
摘要： 今天在敲代码的时候，发现很多JQ插件在写闭包的时候都会用到下面的写法：(function ($) { ... })(jQuery);一时的好奇心驱使，我研究起了这一写法来。大家都知道，在 $ 没有被其他定义覆盖的情况下，$ 和jQuery 是等价的，前者只是后者的缩写而已。那为什么闭包的写法里fuction的形参是 $ 后面括号里却是jQuery 呢？改写成 $ 会怎样？后面括号里的jQuery 实际上又是啥？带着这两个疑问，在网上搜了一番，透过各种资料文档，总算是对闭包这东东有了一定的了解。看了http://www.cnblogs.com/jianghua/archive/2012/05.. 阅读全文
posted @ 2013-07-21 16:17 前端攻城师-CZF 阅读(267) 评论(0) 推荐(0)
2013年7月20日
数据列表里结合负边距做间隔线的技巧需注意的小细节
摘要： 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属性还是有必要的。 阅读全文
posted @ 2013-07-20 14:14 前端攻城师-CZF 阅读(186) 评论(0) 推荐(0)
前端优化技巧笔记
摘要： 首先，很明显，我都是在网上抄的...减少http请求数图片，css，script，flash，等等这些都会增加http请求数，减少这些元素的数量能减少响应时间。把样式表放到顶部我们发现把css放到文档头部会让网页加载得更快。因为这样可以让页面逐渐加载。把样式表放到接近底部的问题是它阻止了页面元素的逐渐显示。这样还会导致“flash of unstyled content” ，即在样式表加载之前页面内容是以没有样式的形式显示出来的，待加载完样式后，页面重绘，内容一闪即改变了样式表现。把脚本放到底部把脚本放到尽可能底部的地方，一个原因是让页面逐渐渲染，另一个是实现更好的并行下载。对于脚本，脚本以下 阅读全文
posted @ 2013-07-20 14:10 前端攻城师-CZF 阅读(183) 评论(0) 推荐(0)
浏览器工作原理相关笔记
摘要： 宏观来看，浏览器的工作流程是：发送请求——（服务器响应，返回各种资源）——对返回的资源进行解析渲染，生成页面——将生成的页面展现给用户其中，解析渲染是核心，解析渲染的过程是：首先，渲染引擎开始解析HTML，将标签转化为dom树中的dom节点。接着，它解析CSS文件及style标签中的各种样式信息，将这些样式信息对应先前解析好的dom树构建另一颗树——render树。然后，对render树上的各个节点进行布局，确定每个节点在屏幕上的确切坐标。最后，遍历render树上个各个节点，对其进行绘制。需要注意的是：为了更好的用户体验，渲染引擎会尽可能早的将内容呈现到屏幕上。也就是解析完一部分内容就显示一 阅读全文
posted @ 2013-07-20 14:05 前端攻城师-CZF 阅读(183) 评论(0) 推荐(0)
工作小心得(关于绝对定位元素)
摘要： 先上代码： 上面的代码，可以看出，绝对定位的元素，在没定义宽高的情况下，可以top，bottom，left，right四个属性同时定义来拉伸出其大小来。这样做的好处是让绝对定位元素的尺寸拥有参照性，适应性。此方法不兼容IE6另外，现在越来越多的公司对table系列标签表示抗拒了。但它的某些优秀特性确实无可否认的。如果既不能用table系列标签，又想用table，不妨用display:table系列样式。来实现div模拟table的效果。W3School相关的说明地址：http://www.w3school.com.cn/css/pr_class_display.asp; 阅读全文
posted @ 2013-07-20 13:55 前端攻城师-CZF 阅读(129) 评论(0) 推荐(0)
关于定位和溢出处理的一些小经历
摘要： 废话不说，上代码： 以上代码是正常的。但，当你把样式中的.scroll里的position:relative;去掉后，你会发现，在IE6和IE7下，overflow:hidden;无效了。以上代码再滚动图片窗里常用到。总结：当带有overflow:hidden;的元素的子元素中存在定位元素时（哪怕是相对定位），都会造成溢出无法隐藏。解决方法是为父元素也加上定位。同理，有时父元素带了overflow:hidden;样式，但其内部的定位子元素又需要显示到父元素外，则父元素不添加定... 阅读全文
posted @ 2013-07-20 13:53 前端攻城师-CZF 阅读(263) 评论(0) 推荐(0)
关于定位和z-index的一些小经历
摘要： 今天在工作过程中，遇到这么一个奇葩问题，搞了好一阵子才找到原因，遂总结了一下...先上DEMO： 当你用IE7执行此段代码(IE6暂未确认是否会出此问题，不过推断也会有这问题，毕竟这两浏览器就是一对奇葩...)你会发现，不管怎么点按钮，红色层死活不肯跑到绿色层上面...而在其他浏览器不会，唯独IE的奇葩兄弟会这样但是...如果你用CSS直接定义一个z-index:3给a1，红框又能盖住绿框了...并且用页面加载事件( 如jquery的$(document).ready(... 阅读全文
posted @ 2013-07-20 13:50 前端攻城师-CZF 阅读(275) 评论(0) 推荐(0)