- 博客(102)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 欧美优秀博客集锦 注:(私人收藏而已)
http://www.molly.com/books.phphttp://www.adaptivepath.com/http://tinyspeck.com/http://www.alessioatzeni.comhttp://www.shimuuu.com/http://wojodesign.com/ 头部蛮适合的http://darcyclarke.me/http
2012-07-07 19:04:29
6616
原创 web前端面试集锦 （注：私人收藏）
百度面试:http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5593678&page=1#pid30550
2012-07-07 19:03:15
697
转载 个人觉得很好理解的JavaScript原型和继承
前几天看了《再谈js面向对象编程》，当时就请教哈大神，发现文章有的地方可能会造成误导（或者说和ECMA有出入），后来自己翻一翻ECMA，总算找到“标准”的理解……本文适合初学者，特别是对构造函数、原型和原型链概念比较模糊的，大牛请路过，好了，让我们一步步来看看 js 的原型（链）到底有多神秘……一、函数创建过程在了解原型链之前我们先来看看一个函数在创建过程中做了哪些事情，举
2012-06-25 17:51:02
645
原创 HTML5--WebSocket API
1.浏览器检测websocket兼容性if(window.WebSocket){ console.log('支持')}else{ console.log('去死')}2.websocket的对象创建与通信端口连接var url = 'ws://localhost:8080/test'; //ws://前缀表示websocket连接，wss://表示安全的we
2012-05-25 11:09:15
1675
转载 WHAT IS NODE ....
什么是Node？Node不是万能药！但的确能解决一些关键问题。学习Node不是一件轻松事儿，但你所收到的回报是对得起你的付出的。因为当下Web应用开发中的诸多难题唯有JavaScript才能解决。作者：Brett McLaughlin ，翻译：拔赤原文：What is Node?目录专家们的警告！Node：几个小例子Node不是JavaS
2012-05-21 11:15:31
618
转载 ubuntu11.10下安装Nodejs
本文主要对前人所写文章的总结，包括自己在安装nodejs 和express过程中遇到的问题。以备后用，同时能让正在学习node的人少走一些弯路。1.安装环境，由于对linux是菜鸟级别，所以在虚拟机上安装的一个ubuntu11.10 随便玩玩，虚拟机的安装这里就不多说了。2.node.js安装： 第一步，安装依赖包，sudo apt-get install g++ curl l
2012-05-16 16:19:51
1128
转载 Express.js 中文入门指引手册
Express 是基于 Node.js，高性能、一流的web开发框架。express 的安装$ npm install express或者$ npm install -g express创建服务器要创建 express.HTTPServer 的实例，只需简单的调用 createServer() 方法即可。通过 HTTPServer 实例 app 我们可以定义基于
2012-05-15 17:32:21
1689
原创 vertical-align:middle在表单,img与文字实现垂直居中问题
你好:加上font-family:tahoma;的样式就可以实现IE6+等兼容兼容
2012-03-09 17:20:37
1259
转载 事件处理函数/监听函数/事件对象
事件处理器是与特定的文本和特定的事件相联系的JavaScript脚本代码，当该文本发生改变或者事件被触发时，浏览器执行该代码并进行相应的处理操作，而响应某个事件而进行的处理过程称为事件处理。HTML文档事件包括用户载入目标页面直到该页面被关闭期间浏览器的动作及该页面对用户操作的响应，主要分为浏览器事件和HTML元素事件两大类。在了解这两类事件之前，先来了解事件捆绑的概念。HTML文档将元素的常用事
2012-02-17 17:18:18
980
转载 理清apply(),call()的区别和关系
如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆,让JavaScrip慢慢融化以前一套凝固的编程意识,注入新的生机!好,言归正传,先理解JavaSc
2012-02-17 17:16:15
638
转载 javascript事件在IE和DOM浏览器的差异总结
总结于《JavaScript高级程序设计》 IE4最早在其4.0版（1995年）中创建并实现了自己的事件模型，后来Opera和safari成功的支持了DOM标准的事件模型，最后ie成为唯一一个对DOM事件缺乏良好支持的主流浏览器 1、事件处理函数在IE中： 每个元素和windows对象都有两个方法：attachEvent（）和detachEvent（）,看名字就知道第一
2012-02-15 14:48:30
730
原创 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
3300
原创 6爷支持透明PNG
1：IE6 hackp{ width:125px; height:60px; background:url(../images/btn/next.png) no-repeat; position:absolute; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMe
2012-01-11 11:27:43
556
原创 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
874
转载 JavaScript Event学习第八章：事件的顺序
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：“如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？”毫无疑问，看是什么浏览器。基本问题很简单。假设你的一个元素包含在另外一个元素中。1 -----------------------------------| element1 || --------
2012-01-05 16:49:31
487
转载 JavaScript Event学习第七章：事件属性
为了理解Event属性，我将在这里给出一些示例代码。在这个范畴内有非常严重的浏览器兼容性问题。当我们想去读一读关于Event的一些资料时，常常会湮没在大量的属性里面，这些属性其中的大多数不能良好的运行在大多数的浏览器。这里有event的兼容性列表。我不打算给这些属性列个表，因为那些情况实在是太让人晕头了，而且对你的学习也不会有一点点的帮助。在写5段代码前我先要问关于浏览器的5个问题
2012-01-05 16:48:33
416
转载 JavaScript Event学习第六章：事件的访问
在这一章我会讲解如何去访问一个事件对象。现在我们已经注册了事件处理程序，对于事件我们还想更深入的了解。我们想知道事件发生时候的鼠标位置，我们想知道用户按下了哪些键。这些都是可能的，虽然这部分有很多烦人的浏览器兼容性问题。（这里可以快速查看浏览器兼容性列表）。要读出事件的属性，必须要先能访问到事件。浏览器兼容性站在浏览器战争的角度看，Netscape实现了一个访问模型（后来被W3C做
2012-01-05 16:47:57
359
转载 JavaScript Event学习第五章：高级事件注册模型
在这一章我会讲解两种高级时间注册模型：W3C和微软的。因为这两个方法都不能跨浏览器，所以在现在看来他们的使用场合并不多。W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型。虽然对于微软的模型我不是很感冒，但是w3c的还是不错的，除了这个鼠标定位 的问题。不过现在只有小部分浏览器支持。W3CW3C的DOM层面事件规范注意到了传统模式的问题。他对于你想在一个
2012-01-05 16:47:22
403
转载 JavaScript Event学习第四章：传统的事件注册模型
在这一章我会讲解给元素注册事件的最好的一种办法，那就是：确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。在最古老的JavaScript浏览器里注册事件只能通过内联模式。自从DHTML从根本上改变了你操作页面的方法，事件的注册就必须有扩展性而且要有很强的适应性。所以就必须有相应的事件模型。Netscape在第三代浏览器中就开始了，IE在第四代浏览器开始。因为Netsca
2012-01-05 16:46:41
659
转载 JavaScript Event学习第三章：早期的事件处理程序
被第二代浏览器所支持。这些古老的浏览器只支持一种注册事件处理程序的方法，这个方法是Netscape发明的。因为Netscape先发制人，所以如果微软也想做支持JavaScript事件的浏览器就得跟着Netscape走，所以这里没有兼容性的问题。所以这种模式在任何支持JavaScript的浏览器都能运行---除了Mac上的IE3，他根本就不支持事件。注册事件处
2012-01-05 16:45:46
486
转载 JavaScript Event学习第二章：Event
在这一章我将对重要的事件做一个概述，包括一些流行的浏览器的兼容性问题。在这里提出的事件，当他们发生在一个确定的HTML元素上的时候，他们的名字能够被大多数的浏览器所识别。也就是说，浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本，而且会被立即执行。一开始只有为数很少的一些事件。这些事件在几乎所有的JavaScript浏览器都能运行，即使是那些非常古老的。需要注意的是那些早期的事件
2012-01-05 16:36:29
404
转载 JavaScript Event学习第一章：Event介绍
Events是每一个JavaScript程序核心。什么是事件处理，它有什么问题和怎样写出跨浏览器的代码，我将在这一章做一个概述。我也会提供一些有精彩的关于事件处理程序的细节的文章。没有event就没有脚本。可以看看任何有JavaScript代码的网页：几乎所有的例子都有一个事件触发了脚本。原因非常简单。JavaScript就是给你的页面添加内部活动：用户做一些事情然后页面做出回应。因此Ja
2012-01-05 16:35:58
449
转载 HTML5文件实现拖拽上传
通过HTML的文件API ，Firefox、Chrome等浏览器已经支持从操作系统直接拖拽文件，并上传到服务器。 相对于使用了十多年的HTML表单，这是一个革命性的进步。虽然IE的落后让很多开发者还在观望中，但是Gmail邮箱的附件拖拽功能已经给部分用户带来了极大的方便，而需要大量上传文件的CMS（内容管理系统）也将会从中受益。 让我们看一下Firefox
2012-01-05 14:38:11
954
转载 22个很棒的HTML5和CSS3教程 http://www.html51.com/thread-85-1-1.html
HTML5 CSS3可以影响你设计网站的方式。CSS3提供了很多的设计上的新技术和高级功能，使创建网站变得更容易。下面的列表是今年最新的CSS3和HTML5教程。更多HTML5信息，请查看HTML5中国：http://www.html5cn.org1. The Apple.com navigation menu created using only CSS3Apple.com的导航
2012-01-04 16:24:32
2018
转载 Javascript中的线程以及获取动态Dom元素的问题--thread/appendChild/setTimeout
前一段时间做一个东西，出现几次“缺少对象”的错误，总结了一下，都和javascript的执行顺序有关，但是搜索了一下，javascript中好像没有线程的概念，只存在执行的先后顺序（某一个部分完成以后，才开始另外的部分），这种情况一般在用setTiemout或者XMLHttpRequest(Asynchronous)时出现。一、首先是异步XMLHttpRequest(async)的回调函数
2011-12-22 17:11:25
1397
1
转载 深入研究display:inline-block在浏览器中的应用
写在前面的话，在我开发CSS的过程中，我发现很多诡异的问题都是对概念理解有偏差，所以在每篇开始的时候，我都把W3c的解释拿出来晒晒。个人经验，很多的问题看看W3C一般都能够解决，W3C是最好的参考书。官方解释：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 按照这个解释：支持的浏览器有（ie8,ie9,chrome,firefox3
2011-12-20 15:45:46
1315
转载 [转载] 20个令人恐怖的JavaScript导航技术
因为Javascript可以处理和用户的交互，所以使用Javascript会有更好的用户体验。在这篇文章里，你可以看到一些令人恐怖和独一无二的Javascript制作的导航条。1. MenuMatic这个示例主要是展示了一个排序的纵向或横向的下拉式菜单导航条。[/url]演示地址：[url=http://greengeckodesign.com/menumatic]http:/
2011-12-15 16:20:08
739
转载 IE6 PNG终极解决方案（打造W3Cfuns-IE6PNG最强帖）
珍惜生命，远离IE6”，IE6中的bug令很多Web前端开发人员实为头疼，因此不知道烧了多少脑细胞，在众多的Bug中最令人抓狂的就是IE对png图片的不支持，导致设计师和重构师放弃了很多很炫的效果，为了让大家在这方面少烧点脑细胞，KwooShung我就舍身一把，把当前最流行最实用的IE6支持PNG图片的方案整理到本贴内，以供大家学习参考！方案1 - 滤镜解决方案：介
2011-12-15 16:16:04
1216
转载 网页设计之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
2134
转载 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
1225
转载 50 个最佳 CSS3 教程大放送
本文收集了2011年最热门的50个CSS3教程，读者可根据这些教程轻松实现网页的设计。 1. Original Hover Effects with CSS3 本教程讲述应用CSS3实现风格迥异的鼠标悬停效果。2. CSS3 Transitions Without Using :hover 本教程讲述应用CSS3实现动态变换效果。
2011-12-07 18:32:47
791
原创 去掉.svn文件夹
使用svn进行版本控制，每个文件夹下都有.svn文件夹，有些项目在脱离svn版本控制之后，想删除项目中所有的.svn文件夹，可用下面的方法进行快速删除：建立一个文本文件，取名为kill-svn-folders.reg（扩展名由txt改为reg），文件的内容如下：Windows Registry Editor Version 5.00[HKEY_LOCAL_MACHINE
2011-11-07 10:40:23
857
原创 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了，但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。这篇文章中，我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。1. CSS “float” 属性获取给定对象的特定 CSS
2011-11-05 17:29:10
454
转载 十个最常用的javascript自定义函数(1)
如果不使用类库或者没有自己的类库，储备一些常用函数总是有好处的。以下的函数就是我们平时用的各个库（Jquery，dojo，Prototype等）里封装好的平时没去关心的函数罢了，收集与此，可以平时偷偷懒。(1)addEvent网上最流行的版本是Scott Andrew的，据说javascript界曾举行一场比赛（此事件我们可以在Pro Javascript Techniques第100
2011-11-05 17:23:33
1214
转载 十个最常用的javascript自定义函数(2)
（7）inArray()用于判断检查数组中是否存在某个值，下面方法取自Prototype类库。Array.prototype.inArray = function (value) { for (var i=0,l = this.length ; i <l ; i++) { if (this[i] === value) { retu
2011-11-05 17:21:16
621
转载 EL表达式 （详解）
EL表达式 1、EL简介1）语法结构 ${expression}2）[]与.运算符 EL 提供.和[]两种运算符来存取数据。 当要存取的属性名称中包含一些特殊字符，如.或?等并非字母或数字的符号，就一定要使用 []。例如： ${user.My-Name}应当改为${user["My-
2011-10-31 16:10:55
507
原创 详细解读Jquery的$.get(),$.post(),$.ajax(),$.getJSON()用法
一，$.get(url,[data],[callback])说明：url为请求地址，data为请求数据的列表，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。而其中，服务器返回数据的格式其实是字符串形势，并不是我们想要的json数据格式，在此引用只是为了对比说明$.get("data.php",$("#firstName.
2011-10-31 14:23:35
1242
转载 简单理解Struts2中拦截器与过滤器的区别及执行顺序
当接收到一个httprequest , a) 当外部的httpservletrequest到来时 b) 初始到了servlet容器 传递给一个标准的过滤器链 c) FilterDispatecher会去查找相应的ActionMapper，如果找到了相应的ActionMapper它将会将控制权限交给ActionProxy d) ActionProxy将会通过Configuration
2011-10-24 14:28:34
4736
1
转载 JAVA常见的权限控制算法的实现
删除Ａ－－－0 修改Ａ－－－1 添加Ａ－－－2 删除Ｂ－－－3 修改Ｂ－－－4 添加Ｂ－－－5 …… 理论上可以有Ｎ个操作，这取决于你用于储存用户权限值的数据类型了。 这样，如果用户有权限：添加Ａ－－－2；删除Ｂ－－－3；修改Ｂ－－－4。那用户的权限值 purview =2^2+2^3+2^4＝28，也就是2的权的和了。化成二进制可以表示为11100。这样，
2011-10-24 09:50:09
803
jQuery File Tree 实用项目
2011-02-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人