
web前端
文章平均质量分 64
失眠万岁
有前端开发嗜好
追慕html5,css3等技术
和其他程序员一样有邪恶的天分(纯洁的不要理我)
展开
-
修改Input File的样式
http://lsz1023-126-com.iteye.com/blog/1169179原创 2012-07-06 12:45:18 · 846 阅读 · 0 评论 -
【总结】IE和Firefox的Javascript兼容性总结
长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置;原创 2011-10-19 11:00:01 · 1029 阅读 · 1 评论 -
JavaScript本地存储实践(html5的localStorage和ie的userData)
本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。借用网上的一张图来看下目前主流的本地存储方案:原创 2011-10-08 17:26:14 · 1756 阅读 · 0 评论 -
如何做好一份前端工程师的简历?(转)
一、你是前端工程师虽然简历都会有一些常规信息,但职业决定了这份简历核心内容和求职成败。所以,这份简历应该尽可能体现你自己是一个合格的前端工程师。专业的前端工程师是什么可以看看去年Nate Koechley的演讲《Professional Frontend Engine转载 2011-10-07 11:35:52 · 1745 阅读 · 0 评论 -
7 项 Web 开发者需要了解的新技术
Web 开发者需要经常更新他们的知识,学习新的技术,如果他们还想继续在 Web 开发领域混并混得还不错的话。下面将为你展示 7 项新的 Web 开发技术,作为一个 Web 开发人员,你需要了解、熟悉并学会的技术。 1、CSS3 media queri转载 2011-10-17 08:14:20 · 767 阅读 · 0 评论 -
三谈Iframe自适应高度(http://ued.koubei.com/?p=1217)
为什么是三谈为什么是三谈呢?一是因为这真的是一个被说烂的话题,二是因为太师傅在n年前就写过这篇再谈iframe自适应高度。之所以再提该问题,是因为之前项目中确实遇到了这个问题的方方面面,有必要总结一下。希望对各位有帮助,有错误请指正。同域、子页面高度不会动转载 2011-10-06 16:35:45 · 1025 阅读 · 0 评论 -
Javascript面向对象编程(三):非构造函数的继承------------------------------非构造函数的继承
这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。 var Chinese = {转载 2011-10-15 11:54:41 · 438 阅读 · 0 评论 -
Javascript 面向对象编程(一):封装----------------------javascript封装
学习Javascript,最难的地方是什么?我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。下面就是我的学习笔记,希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍:转载 2011-10-15 11:55:52 · 530 阅读 · 0 评论 -
javascript之对象学习笔记(一)--对象基础知识
1: 创建对象(简单)var point = new Object();point .x=10;point .y=10;2:对象直接量使用(对象直接量个人理解,以json格式初始化对象)var原创 2011-10-15 08:44:40 · 387 阅读 · 0 评论 -
详细解读Jquery的$.get(),$.post(),$.ajax(),$.getJSON()用法
一,$.get(url,[data],[callback])说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明$.get("data.php",$("#firstName.原创 2011-10-31 14:23:35 · 1310 阅读 · 0 评论 -
IE中的CSS3不完全兼容方案
转自:http://whosemind.net/content/ie%E4%B8%AD%E7%9A%84css3%E4%B8%8D%E5%AE%8C%E5%85%A8%E5%85%BC%E5%AE%B9%E6%96%B9%E6%A1%88到Internet Explorer 8为止,IE系列是不支持CSS3的。在IE中要做一些常用的效果如圆角、阴影,就需要用一些冗余而无意义的元素和图片转载 2011-12-09 12:16:13 · 1254 阅读 · 0 评论 -
网页设计之CSS @font-face应用网页字体自定义
网页设计之CSS @font-face应用网页字体自定义 CSS 中@font-face应用,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自转载 2011-12-09 12:27:20 · 2173 阅读 · 0 评论 -
vertical-align:middle在表单,img与文字实现垂直居中问题
你好:加上font-family:tahoma;的样式就可以实现IE6+等兼容兼容原创 2012-03-09 17:20:37 · 1285 阅读 · 0 评论 -
事件处理函数/监听函数/事件对象
事件处理器是与特定的文本和特定的事件相联系的JavaScript脚本代码,当该文本发生改变或者事件被触发时,浏览器执行该代码并进行相应的处理操作,而响应某个事件而进行的处理过程称为事件处理。HTML文档事件包括用户载入目标页面直到该页面被关闭期间浏览器的动作及该页面对用户操作的响应,主要分为浏览器事件和HTML元素事件两大类。在了解这两类事件之前,先来了解事件捆绑的概念。HTML文档将元素的常用事转载 2012-02-17 17:18:18 · 1025 阅读 · 0 评论 -
理清apply(),call()的区别和关系
如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆,让JavaScrip慢慢融化以前一套凝固的编程意识,注入新的生机!好,言归正传,先理解JavaSc转载 2012-02-17 17:16:15 · 671 阅读 · 0 评论 -
HTML5文件实现拖拽上传
通过HTML的文件API ,Firefox、Chrome等浏览器已经支持从操作系统直接拖拽文件,并上传到服务器。 相对于使用了十多年的HTML表单,这是一个革命性的进步。虽然IE的落后让很多开发者还在观望中,但是Gmail邮箱的附件拖拽功能已经给部分用户带来了极大的方便,而需要大量上传文件的CMS(内容管理系统)也将会从中受益。 让我们看一下Firefox转载 2012-01-05 14:38:11 · 991 阅读 · 0 评论 -
IE6,IE7下设置body{overflow:hidden;}失效Bug
问题重现:There are no scrollbars on this page in sane browsershtml, body, p { margin: 0; padding: 0; } body { overflow: hidden; } p { width: 5000px; height: 5000px; }IE6 IE7下不生效(IE6下横向纵向滚动条都在 IE7下原创 2012-02-03 11:24:05 · 3375 阅读 · 0 评论 -
js获取浏览器高度和宽度值(多浏览器 图解-经典)
document.write("屏幕尺寸:"+screen.width+"*"+screen.height)document.documentElement.clientHeight IE下为0. 加上: 则没问题。 否则用bodyIE中:document.body.clientWidth ==> BODY对象宽度document.body.clien原创 2012-01-10 10:57:16 · 903 阅读 · 0 评论 -
[转载] 20个令人恐怖的JavaScript导航技术
因为Javascript可以处理和用户的交互,所以使用Javascript会有更好的用户体验。在这篇文章里,你可以看到一些令人恐怖和独一无二的Javascript制作的导航条。1. MenuMatic这个示例主要是展示了一个排序的纵向或横向的下拉式菜单导航条。[/url]演示地址:[url=http://greengeckodesign.com/menumatic]http:/转载 2011-12-15 16:20:08 · 789 阅读 · 0 评论 -
深入研究display:inline-block在浏览器中的应用
写在前面的话,在我开发CSS的过程中,我发现很多诡异的问题都是对概念理解有偏差,所以在每篇开始的时候,我都把W3c的解释拿出来晒晒。个人经验,很多的问题看看W3C一般都能够解决,W3C是最好的参考书。官方解释:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 按照这个解释:支持的浏览器有(ie8,ie9,chrome,firefox3转载 2011-12-20 15:45:46 · 1346 阅读 · 0 评论 -
javascript之对象学习笔记(二)--对象原型,继承
这里使用rectangle()函数作为例子1.简单函数 function rectangle(w,h){this.width = w;this.height = h; }var test = new rectang原创 2011-10-15 09:40:19 · 443 阅读 · 0 评论 -
html5本地存储localStorage实战(1)(转)
web本地存储方案总结本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。借用网上的一张图来看转载 2011-09-29 10:04:08 · 1434 阅读 · 0 评论 -
PaulGuo / In(用In.js颗粒化管理、加载你的Javascript模块)
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载Javascript的方法和框架成为了前端开发的焦点和亮点之一。国外的像基于jQuery的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJ原创 2011-09-29 10:40:29 · 852 阅读 · 0 评论 -
IE6 中 a:hover 的bug (转)
如上图,在制作数码热销排行的页面时,每种手机的图片都是固定的160×120大小,但是出于页面美观及内容可读性的考虑,在列表页上图片都压缩为原大小的50%显示;也就是80×60像素大小。不过当用户将鼠标移动到缩略图上时,我们会按原图大小显示出来。类似的效果在抓虾上也被应用在显示用户转载 2011-09-12 11:33:44 · 609 阅读 · 0 评论 -
WEB前端开发规范文档(仅供参考)
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则 符原创 2011-09-12 11:26:26 · 656 阅读 · 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 · 2393 阅读 · 0 评论 -
Ant 的最完整build.xml(转)
Ant的概念 Make命令是一个项目管理工具,而Ant所实现功能与此类似。像make,gnumake和nmake这些编译工具都有一定的缺陷,但是Ant却克服了这些工具的缺陷。最初Ant开发者在开发跨平台的应用时,用样也是基于这些缺陷对Ant做了更好的设计。 Ant 与原创 2011-09-09 10:35:42 · 779 阅读 · 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 · 1106 阅读 · 0 评论 -
css圆角渐进增强体现方式一
目前除了IE678浏览器,其他浏览器对css3的圆角都支持的很给力,不得不承认很多前端工程师在圆角制作上面费了很多功夫,css3的圆角 border-radius属性方便了很多(是非常多),虽说有很多方法让ie678也支持css3里面圆角等简单属性,但个人觉得那样增加浏览器加载负原创 2011-09-09 09:52:31 · 558 阅读 · 0 评论 -
认识基础任务标签—ant入门指南(3)
今天这篇文章,带大家认识下前端常用的几个ant常用任务标签。1.concat:合并文件concat标签非常常用,我们前端使用ant的一个核心任务,就是合并js/css文件以减少http请求。1.1 concat的主要属性属性原创 2011-09-09 10:50:07 · 819 阅读 · 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 · 824 阅读 · 1 评论 -
position:relative/absolute无法冲破的等级(转)
详情请进:http://bbs.blueidea.com/thread-2720856-1-1.html (谢谢)转载 2011-09-12 11:43:24 · 470 阅读 · 0 评论 -
ie7 下hack的方法
以前在ie5.01、ie5.5、e6、firefox下已经显示正常的页面现在遇到了ie7,可能就会显示的不一样。这和ie7支持了important有很大的关系.所以现在使用简单的选折符关于更具体的介绍,看下html中介绍吧!!!!div.Explorer{原创 2011-09-12 11:49:00 · 692 阅读 · 0 评论 -
愚人节页面翻转效果的实现
昨天愚人节,逛pinterest.com的时候,发现页面上的有些地方翻转了,着实被愚了一把。所以在自己的博客上也加了一下效果,具体的实现通过ie滤镜和css3旋转,具体代码:1html{filter:fliph}/*ie fli原创 2011-09-14 16:24:46 · 522 阅读 · 0 评论 -
HTML5 localStorage本地存储实际应用举例(转)
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1952一、引言HTML5虽未来到其鼎盛时期,但这并不妨碍我们在实际项目中渐进使用H转载 2011-09-28 14:45:25 · 1000 阅读 · 0 评论 -
html5本地存储localStorage实战(2)(转)
相对于实战1,这部分的代码更多,明河将其封装成一个组件了,目前没有写成jquery插件,看日后需要,有可能会将其重构成jquery插件,明河把这个类,叫做Histories。Histories主要有以下几个功能:显示浏览历史文章列表可以保存文章数据可以转载 2011-09-29 10:06:21 · 1105 阅读 · 0 评论 -
Log4j使用总结
一、介绍 Log4j是Apache的一个开放源代码项目,通过使用Log4j,我们可以控制日志信息输送的目的地是控制台、文件、GUI组件、甚至是套接口服务 器、NT的事件记录器、UNIX Syslog守护进程等;我们也可以控制每一条日志的输出格式;通过定义每一条日志信息的级别,原创 2011-08-31 11:37:08 · 641 阅读 · 0 评论 -
jquery显示本地文件插件 使用笔记
jQuery File Tree 需要用到4个文件 分别为 jquery.js (jquery核心库) jqueryFileTree.js (jqueryFileTree核心库) jquery.jqueryFileTree.jsp (在connectio原创 2011-02-28 11:30:00 · 3214 阅读 · 0 评论 -
JavaScript框架编程(iframes)
使用JavaScript框架 在讲述 window 对象的时候,我们提到过,一个框架内的网页也是 window 对象,也就是说,Frame 对象也是 window 对象。用最容易理解的话说,每一个 HTML 文件占用一个 window 对象,包括定义框架的网页(“框架网页”转载 2011-09-15 16:57:20 · 909 阅读 · 0 评论 -
JavaScript高级培训-自定义对象(转)
一,概述在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类、Hashtable类等等。目前在Javascript中,已经存在一些标准的类,例如Date、Array、RegExp、Stri转载 2011-09-15 14:32:48 · 487 阅读 · 0 评论