前端优化
文章平均质量分 66
失眠万岁
有前端开发嗜好
追慕html5,css3等技术
和其他程序员一样有邪恶的天分(纯洁的不要理我)
展开
-
高性能JavaScript_编程---笔记一(Loading and Execution加载和运行)
1.javascript加载顺序:尽量在页面底部加载js文件数量:尽量将若干javascript代码块打包成一个js文件引入(打包工具[yahoo!combo hander])js属性defer:若某块js代码添加有defer属性,则在dom元素加载之前不会执行(原创 2011-09-02 10:34:37 · 561 阅读 · 0 评论 -
PaulGuo / In(用In.js颗粒化管理、加载你的Javascript模块)
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载Javascript的方法和框架成为了前端开发的焦点和亮点之一。国外的像基于jQuery的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJ原创 2011-09-29 10:40:29 · 825 阅读 · 0 评论 -
html5本地存储localStorage实战(2)(转)
相对于实战1,这部分的代码更多,明河将其封装成一个组件了,目前没有写成jquery插件,看日后需要,有可能会将其重构成jquery插件,明河把这个类,叫做Histories。Histories主要有以下几个功能:显示浏览历史文章列表可以保存文章数据可以转载 2011-09-29 10:06:21 · 1070 阅读 · 0 评论 -
Eclipse下配置CKEditor3.5.3+CKFinder2.0.2 .(支持java自动以时间命名--见附件CKFinder2.1.jar需要留下你的邮箱)
FCKEditor作为一款强大的页面编辑器已经被CKEditor取代,但是新版的CKEditor不再支持图片和文件的上传功能,需要依赖Ajax文件管理器CKFinder来实现。不过CKFinder是一款付费软件,咱们还是使用破解的吧。CKEditor for Java 最新版本是原创 2011-09-28 14:24:30 · 3063 阅读 · 11 评论 -
《高性能网站建设指南 》书中对web前端优化总结:
都是前端技术 : 1.减少HTTP请求,把能包在一起的都包在一起 2.利用CDN,租用或者自建,看情况 3.添加Expires头,长期缓存 4.压缩组件传输,除了图片和PDF 5.CSS扔在HT原创 2011-08-28 08:44:35 · 602 阅读 · 0 评论 -
用css的border属性实现tip三角
先看看应用实例吧:实现的原来就是:在一个宽高为0像素的块状元素中设置border属性,例如01.box{02 03width:0原创 2011-09-14 16:14:54 · 792 阅读 · 0 评论 -
跨域Iframe高度自适应,浏览器跨域传值
先看一下我们遇到了什么问题?在我们的白社会里,需要嵌入第三方应用,而嵌入的方式是使用 iframe,为了页面美观,这里就有一个最简单的需求:iframe 的高度需要跟随其本身内容的变化而实时变化,这就要求主页面根据 iframe 的内容实时的去设置其样式 height 值转载 2011-09-15 08:56:06 · 1789 阅读 · 0 评论 -
jquery中ajax函数之本地请求不支持chrome浏览器原因
错误:XMLHttpRequest cannot load file:///E等等. Origin null is not allowed by Access-Control-Allow-Origin.然后再在傲游里面运行,OK,那IE内核的浏览器就可以了,但为什么C原创 2011-09-13 09:23:18 · 3772 阅读 · 0 评论 -
position:relative/absolute无法冲破的等级(转)
详情请进:http://bbs.blueidea.com/thread-2720856-1-1.html (谢谢)转载 2011-09-12 11:43:24 · 437 阅读 · 0 评论 -
IE6 中 a:hover 的bug (转)
如上图,在制作数码热销排行的页面时,每种手机的图片都是固定的160×120大小,但是出于页面美观及内容可读性的考虑,在列表页上图片都压缩为原大小的50%显示;也就是80×60像素大小。不过当用户将鼠标移动到缩略图上时,我们会按原图大小显示出来。类似的效果在抓虾上也被应用在显示用户转载 2011-09-12 11:33:44 · 534 阅读 · 0 评论 -
WEB前端开发规范文档(仅供参考)
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则 符原创 2011-09-12 11:26:26 · 621 阅读 · 0 评论 -
使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。
div{width:200px; height:200px; border:1px solid #666; display:table-cell; vertical-align:middle; text-align:center; *float:left;//这里使用fl原创 2011-09-12 11:12:29 · 2349 阅读 · 0 评论 -
在Eclipse里使用ANT合并压缩JS&CSS
Aptana 是一款基于Eclipse的免费开源的软件,非常方便地编写 html, css, js, 有丰富完善的代码提示,包括大部分的 JS 框架的提示,比如 prototype/dojo/jquery/yui 等,相当方便。由于工作开发环境是 JAVA,于是我用 Ecli原创 2011-09-09 11:26:46 · 3629 阅读 · 0 评论 -
Ant 的最完整build.xml(转)
Ant的概念 Make命令是一个项目管理工具,而Ant所实现功能与此类似。像make,gnumake和nmake这些编译工具都有一定的缺陷,但是Ant却克服了这些工具的缺陷。最初Ant开发者在开发跨平台的应用时,用样也是基于这些缺陷对Ant做了更好的设计。 Ant 与原创 2011-09-09 10:35:42 · 747 阅读 · 0 评论 -
认识基础任务标签—ant入门指南(3)
今天这篇文章,带大家认识下前端常用的几个ant常用任务标签。1.concat:合并文件concat标签非常常用,我们前端使用ant的一个核心任务,就是合并js/css文件以减少http请求。1.1 concat的主要属性属性原创 2011-09-09 10:50:07 · 783 阅读 · 0 评论 -
ant入门指南—web前端开发七武器(1)
武器档案名称:apache ant最新版本:1.8.2用途:文件构建工具下载:http://labs.renren.com/apache-mirror//ant/binaries/apache-ant-1.8.2-bin.zipant使用文档:http原创 2011-09-09 10:25:58 · 1046 阅读 · 0 评论 -
用HTML判断IE版本 (转)
1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以下版本可识别 8. IE6以及IE6以上版本可识原创 2011-09-09 10:02:45 · 772 阅读 · 1 评论 -
css圆角渐进增强体现方式一
目前除了IE678浏览器,其他浏览器对css3的圆角都支持的很给力,不得不承认很多前端工程师在圆角制作上面费了很多功夫,css3的圆角 border-radius属性方便了很多(是非常多),虽说有很多方法让ie678也支持css3里面圆角等简单属性,但个人觉得那样增加浏览器加载负原创 2011-09-09 09:52:31 · 515 阅读 · 0 评论 -
使用SVG实现gradient背景渐变(转)
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1957现在现代浏览器都对CSS3的渐变支持良好,加上IE的渐变滤镜,可以在不使用图片的情况转载 2011-09-28 14:42:14 · 2882 阅读 · 0 评论