a_water_drop的专栏

原创 html中的列布局

列的宽度默认是auto，设置了固定的宽度之后列宽度会变成固定宽度；设置百分比会使列的宽度变成百分比宽度；大的固定宽度会取代小的固定宽度；大的百分比宽度会取代小的那个；百分比宽度会优先于固定宽度，固定宽度会优先于auto；

转载 h5的语义化标签

html5jscss语义,各平台提供兼容性,提高用户浏览速度,优化产品的交互,提供可扩展的接口首页前端技术专栏标签前端导航讨论墙html5jscss首页>html5+css3>html5>HTML 5的革新——语义化标签(一)HTML 5的革新——语义化标签(一)2 评论 11,455 阅读 标签：html5 html5详解 

转载 看到别人用css3写的baymax ，大白，挺萌的

http://www.w3cfuns.com/blog-5455933-5404334.html 这是作者博客，转载和使用请标明。无标题文档*{ margin:0; padding:0;}body{ background:#999;}.Baymax{width:300px; height:600px; margin:20px auto auto auto; position:

转载 竟然有一些小小的访问量，真的是很惊喜。兼容性的问题，贴出来

兼容性问题目前市面上流行的浏览器有多种，这些浏览器在处理一个相同的页面时，表现或行为有时会有差异。这种差异可能很小，甚至不会被注意到；也可能很大，甚至造成在某个浏览器下无法正常浏览。我们把引起这些差异的问题统称为“浏览器兼容性问题”。浏览器的内核各品牌浏览器的内核是不同的，不同的内核处理同一段代码的时候思路不同。因此可以说，浏览器间内核的差异是产生兼容性问题

原创 先手写个angular吧，今天刚接触，可能不太好写

转载 浏览器的缓存机制

浏览器缓存机制浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的节点中加入标签，代码如下：html code上述代码的作用是告诉浏览器当前页面不被缓存，每次访问

转载 比较齐全的正则表达式

整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字："^[0-9]*$"。只能输入n位的数字："^\d{n}$"。只能输入至少n位的数字："^\d{n,}$"。只能输入m~n位的数字：。"^\d{m,n}$"只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。

转载 关于call的继承问题

call 方法 请参阅 应用于：Function 对象 要求 版本 5.5 调用一个对象的一个方法，以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 c

转载 今天看别人的angular的时候，见到了一个奇怪的时钟

人形时钟，真的是很奇怪的。发到了技术群之后，大家都说这个东西的风格真是惊悚啊。现贴上地址。http://files.cnblogs.com/files/Bonker/1_112197632.swf.swf

转载 拉钩的方向感知demo

lang="en">  charset="UTF-8"> 简单的判断鼠标滑过滑块方向的Demo   type="text/css"> .clearfix {*zoom: 1;} .clearfix:before,.clearfix:after{display: t

转载 为什么mvc不是23种设计模式之一？

为什么GOF的23种设计模式里面没有MVC？GoF (Gang of Four，四人组， 《Design Patterns: Elements of Reusable Object-Oriented Software》/《设计模式》一书的作者：Erich Gamma、Richard Helm、Ralph Johnson、John Vlissides)并没有把MVC提及为一种设计模式，而是把

转载 验证码的实现

一.js实现验证码：第一步：建一个login.htm，一个code.js文件，一个code.css文件，准备一张图片code.jpg第二步：编写login.htm文件，内容为：[html] view plaincopyprint?html>      head>      script language = "

转载 用iframe实现弹出窗口

S弹出一个网页对话框，页面背景全变灰。现将这个页面以iframe内嵌在另一页面中，此时弹出效果为页面只能遮盖住这个iframe，不能遮盖住整个页面。请问有什么解决方案？试了将他放在父窗口中但总是不行,请高手指点.以下为代码,c.html所在的FRAME可以变为灰,但是并不是我想的想个页面变灰,请高手修改:----------------------a.html:框架

转载 不大的问题--offsetLeft的问题

http://www.cnblogs.com/jscode/archive/2012/09/03/2669299.html这是url。

转载 正则表达式 - 匹配规则

正则表达式 - 匹配规则基本模式匹配一切从最基本的开始。模式，是正规表达式最基本的元素，它们是一组描述字符串特征的字符。模式可以很简单，由普通的字符串组成，也可以非常复杂，往往用特殊的字符表示一个范围内的字符、重复出现，或表示上下文。例如：^once这个模式包含一个特殊的字符^，表示该模式只匹配那些以once开头的字符串。例如该模式与字符串"once upon a ti

原创 滚屏操作

jq插件完美实现。而且有各种插件！现附上各种地址http://www.jq22.com/jquery/%E6%BB%9A%E5%8A%A8

原创 js和jq中的绑定事件

jquery的思想就是write less ，do more 。而事件的整个过程也是这样践行的。就拿绑定事件来说吧：   示例如下（代码已经过验证，运行失败请自行debug）     在js中的绑定事件是addEventListener和attachEvent（为了兼容IE和FF)，示例如下：      window.onload=function(){

原创 js中的拖拽——两种

This is my first blog!! 今天见识到了一个相比之前简单百倍的拖拽(只是激动而已啦)。原理也是相当简单，就是拿鼠标的位置来控制要拖动的元素的位置，什么，说的不清楚，就是说，令鼠标的client x，y和element的offset left，top的距离固定。嗯，然后添加事件。什么事件呢?当然就是鼠标的点击、移动和放开事件啊！  起一个傲娇的名字吧！！>