- 博客(71)
- 收藏
- 关注
RSS订阅转载 JavaScript下的setTimeout(fn,0)意味着什么？
web开发近期在研究异步编程的我对于setTimeout之类的东西异常敏感。在SegmentFault上看到了一个问题《关于SetTimeout时间设为0时》：提问者读了一篇文章，原文解释setTimeout延迟时间为0时会发生的事情，提问者提出了几个文章中的几个疑点。读了那篇文章之后发现原文的作者对于setTimeout的理解和自己的认知有点出入，于是编写了相关测试的代码以求答案。最终编
2015-05-09 11:03:25
545
转载 好用的select美化
好用的select美化gucong发布于 2014-1-22 18:44 查看数: 2422评论数: 7帖子模式本帖最后由 gucong 于 2014-1-23 11:07 编辑 目前市面上的select美化组件很多，但主要缺点是拿来用后select要重新实现，原有js要修改这个jQuery.selectui的方便之处在于旧项目中原有的操作select的代码不用改动，即
2014-08-25 14:33:53
809
转载 手机访问页面时，拨打页面中的电话号码~
来源网络下面的这篇文章主要是说，网页中的链接如何写，可以激活电话的功能。例如，页面中展示的是一个电话号码，当用户在手机浏览器里面点击这个电话号码的时候，手机会弹出拨号的面板，或者是短信程序会启动等。1. 打电话在android的浏览器中，如果电话号码是 XXX-XXX-XXXX的型式的话，用户点击的时候，拨号面板会激活，但是如果不是这一特定的格式，那么拨号功能是不会启动的。其实可以通过
2014-08-25 14:29:22
941
转载 iPhone，iPad 等常用设备的 CSS3 Media Queries
什么是 CSS3 Media QueriesCSS3 中的 Media Queries 可以让我们设置不同类型的媒体条件，并根据对应的条件，给相应符合条件的媒体调用相对应的样式表。现在最常见的一个例子，就是可以同时给 PC 的大屏幕和移动设备设置不同的样式表。这功能是非常强大的，它可以让我们定制不同的分辨率和设备，并在不改变内容的情况下，制作的网页在不同的分辨率和设备下都能显示正常，并且不会因
2014-06-26 11:13:52
522
转载 宽度高度不固定的div 如何水平居中以及垂直居中
宽度高度不固定div的水平居中演示如下：水平居中代码：html部分123css部分.container{width:500px;height:80px;background:#C2300B;margin-left:50px;padding-top:10px;text-align:center;}.center{display:inline-block;bor
2014-06-25 16:00:01
649
转载 css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用
FILTER:progid:DXImageTransform.Microsoft.Gradient使用 语法： filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)属性： enabled:可选项。布尔值(Boolean
2014-06-24 17:09:22
964
转载 手机网站开发必修课[2009总结版]
http://ued.taobao.org/blog/2010/01/%E6%89%8B%E6%9C%BA%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91%E5%BF%85%E4%BF%AE%E8%AF%BE2009%E6%80%BB%E7%BB%93%E7%89%88/从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到
2014-05-14 15:38:51
587
转载 jQuery 事件的命名空间
用 jQuery 绑定和解绑事件监听器都是非常简单的。但是当你为一个元素的一个事件绑定了多个监听器时，怎样精确地解绑其中一个监听器？我们需要了解一下事件的命名空间。看下面这段代码：$(“#element”) .on(“click”, doSomething) .on(“click”, doSomethingElse);像上面这样绑定事件监听器，当元素被点击时，doSo
2014-05-14 15:01:05
613
转载 word-wrap和word-break
word-wrap:css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。word-break:css的 word-break 属性用来标明怎么样进行单词内的断句。 貌似从上面两个读着都蛋疼的翻译中找到了一些区别：word-wrap 强调的是是否允许单词内断句，而word-break强调的则是
2014-05-14 14:13:09
398
转载 word wrap 解惑
源起我们经常需要“修复”一个老生常谈的“bug”，那就是文本的自动换行问题。在专业术语上，这种期望得到的渲染现象被称作“word wrap”，即文本处理器有能力把超出页边的整个词自动传到下一行。在现实项目中，尤其是在测试阶段，鉴于测试使用非常极端的测试用例，我们经常需要“修复”如图所示的这个问题：长单词溢出图中，极长的这个英文单词（虽然是生造的）为了保证完整的显示，无奈地超
2014-05-14 10:53:02
619
转载 Border-radius
跳转到主要内容W3CPlus记述前端那些事——引领Web前沿CSS3的圆角Border-radius由 Airen 于 星期二, 04/26/2011 - 10:07 提交前面系统总结了CSS3中Gradient和RGBA的用法，今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法。在CSS2中
2014-05-13 14:47:33
617
转载 margin之百分比（二）
你可能从没注意过它在 margin系列之keyword auto 中，说过了 margin 值为 auto 的情况，这次要聊的是值为百分比的情形。我必须承认这是一个非常基础的知识点，但有一段时间我发现很多人对此有错误的认知。偶尔在面试或者分享的时候，我会问到这个问题，有人会脱口而出的告诉我他对此的感性理解。或许现在大多数人对此不屑一顾，但我仍想说一说，这样以后就可以不再问类似的问题了。
2014-05-08 14:14:01
647
转载 margin之keyword auto（一）
margin的重要性：有个不容置疑的事，前端开发人员没有人能够忽视CSS margin的重要性。CSS coding时，margin的使用频率就如同呼吸般频繁，如果我可以说得夸张点的话。margin作为CSS盒模型基本组成要素之一，是非常Basis的一个技术手段，所以我想对于它的一些基本情况应该不用太介绍了？margin经常被用来做什么？让块元素水平居中；让元素之间留有舒适的留
2014-05-08 14:13:18
525
转载 关于INPUT的autocomplete="off" 属性（浏览器表单默认的记忆功能）
在实现补全提示功能时(Suggest)，都会给输入框(Input)元素添加autocomplete属性，且值设为off。自动补全也成自动完成，最经典的如google的搜索框，输入一个字母后会给用户很多提示选择查看源码会发现input输入框加上了autocomplete="off"，此为了屏蔽浏览器表单默认的记忆功能。即如双击输入框，之前输入过的内容会出现淘宝，百度的搜索框也有该
2014-05-08 11:01:14
14307
转载 <img>元素底部为何有空白？
要理解这个问题，首先要弄明白CSS对于 display: inline 元素的 vertical-align 各个值的含义。vertical-align 的默认值是 baseline，这是一个西文排版才有的概念：可以看到，出现在baseline下面的是 p 啊，q 啊, g 啊这些字母下面的那个尾巴。对比一下 vertical-align 的另外两个常见值，top 和 bottom
2014-01-26 14:04:23
707
转载 animate()的常用options
animate()有些复杂的动画靠上面几个函数不能够实现，这时候就是强大的animate派上用场的时候了,animate()有两种用法.animate( properties [, duration ] [, easing ] [, complete ] )大部分属性都不用解释，properties是个json，属性的值可以是字面量、function、”toggle”、简单表达式，如果
2013-12-31 10:58:13
1633
转载 排序
http://www.w3cplus.com/js/99js-sorting-algorithm.html冒泡排序冒泡的原理是让最大元素或者最小元素”浮起来“ 插入排序，选择排序，快速排序，冒泡排序都是比较排序思路依次比较相邻的两个数，将小数放在前面，大数放在后面。step1：比较第1个和第2个数，将小数放前，大数放后。比较第2个数和第3个数，将小数放前，大数放后，
2013-11-25 17:17:32
425
转载 css选择器优先级
作为一个Web开发者，掌握必要的前台技术也是很重要的，特别是在遇到一些实际问题的时候。这里给大家列举一个例子：给一个p标签增加一个类（class），可是执行后该class中的有些属性并没有起作用。通过Firebug查看，发现没有起作用的属性被覆盖了。这个时候突然意识到了CSS选择器的优先级问题，这里就CSS选择器的优先级问题做了一些总结。51CTO推荐阅读：巧妙地使用CSS选择器选择器
2013-11-25 16:10:57
433
转载 jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
e.stopPropagation()阻止事件冒泡 冒泡事件测试 我们先看这段代码： $(function () { $("table").click(function () { alert("table ale
2013-11-18 16:51:15
411
转载 陷阱！！！！！！！！！
由于 JavaScript “弱语言”的性质，使得其在使用过程中异常的宽松灵活，但也极为容易“掉进陷阱”。这些陷进往往隐藏的很深，所以要多加小心。全局变量JavaScript 通过函数管理作用域。在函数内部声明的变量只在这个函数内部，函数外面不可用。另一方面，全局变量就是在任何函数外面声明的或是未声明直接简单使用的。“未声明直接简单使用”，指的是不用 var 关键字来声明变量。这个我们
2013-11-08 16:50:46
629
转载 关于meta标签
关于meta标签（力求“大全”）前言：HTML/XHTML/DHTML并不简单，我想就单说一个meta标签都不见得有谁能完全掌握好（也许很多人根本都不会关心它）。在我刚刚更新了IE到IE9时，发现了一个小现象，就是用IE9打开我做的页面时会出现“Compatibility View”按钮，而访问Google时就没有，这是为什么呢（你会去考虑这个问题吗）？后来多方查找之后才发现了
2013-11-04 16:49:57
549
转载 get和post
get：在ie浏览器，若用get方式发送请求，浏览器会将数据缓存起来。再次发送请求时，如果请求地址不变，ie不会真正地去请求，只是将之前缓存的数据显示给用户。 解决： 1.用post请求 2.在地址后面加个随机数，Math.random()在以下情况中，请使用 POST 请求：无法使用缓存文件（更新服务器上的文件
2013-11-01 14:28:59
484
转载 “QQ通讯组件”代码详解。
http://wp.qq.com/help.php"QQ通讯组件”代码详解。完全公开代码样例：1) uin为用户QQ号码2) 临时会话图标src是图标链接，自定义图标中可以替换这一部分为自己图片的链接，参数：P=以冒号“:”分隔多个参数第一个参数为版本号，目前为1；第二个为QQ/TM号码；第三个参数为图像风格，支持多种状态。alt
2013-10-30 17:30:28
2768
2
转载 javascript高级选择器querySelector和querySelectorAll
querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。querySelector 和 querySelectorAll 在规范中定义了如下
2013-10-14 14:25:48
450
转载 利器之cssQuery
理论上来说.cssQuery和document.getElementsByTagName方法的作用一样..但cssQuery比后者强大多了..无论是功能还是效率. 感谢Dean Edwards 的成果让我有幸见到如此强大的cssQuery cssQuery官方网站 http://dean.edwards.name/my/cssQuery/如果查找所有的超链接元素,cssQuer
2013-10-14 11:49:08
815
转载 关于$(' ',this)==?
判断点击li标签增加背景色为红色，如果点击的是第2个strong,当前的li增加背景色为绿色，HTML 代码: list item 1 - one strong tag list item 2 - two strong tags list item 3jQuery 代码:$("li").click(function() { var $li = $(this),
2013-10-12 09:26:31
1612
原创 闭包问题
window.onload=function(){ for(var i=1;i document.getElementsByTagName("li").onclick=function(){ alert(i); }; }}
2013-10-11 15:35:40
454
转载 JavaScript的self和this使用小结
一、self 这个非常简单。我们知道，打开任何一个网页，浏览器会首先创建一个窗口，这个窗口就是一个window对象，也是js运行所依附的全局环境对象和全局作用域对象。self 指窗口本身，它返回的对象跟window对象是一模一样的。也正因为如此，window对象的常用方法和函数都可以用self代替window。举个例子，常见的写法如“self.close();”，把它放在标记中：“关闭窗
2013-10-11 11:11:00
561
转载 DOM对象和JQuery对象的区别
jQuery对象和DOM对象使用说明，需要的朋友可以参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下:
2013-10-11 10:13:22
426
原创 js 拖拽
代码：window.onload=function(){ var drag_div=document.getElementById("myDrag"); drag(drag_div);};function drag(oDrag){ var drag_x=drag_y=0;//鼠标相对拖放对象的坐标 oDrag.onmous
2013-10-09 11:40:59
566
转载 document.documentElement和document.body
document.documentElement 对XML以及HTML文档中的文档根结点的引用，如htmldocument.body 对Document对象中的标签的访问，对于定义了框架集的文档，该属性引用最外层的 。 IE在怪异模型（quick mode）下document.documentElement无法正确取到cl
2013-10-09 11:31:06
787
转载 js 事件监听
js事件监听是学习js过程中必然要学习和掌握的。下面是js事件监听的代码function addEventHandler(target, type, func) { if (target.addEventListener) target.addEventListener(type, func, false); else if (target.attachE
2013-10-08 14:48:23
744
转载 前端开发规范文档
1. XHTML的编写代码规范1.1 文档类型声明及编码: 统一为html5声明类型; 编码统一为, 书写时利用IDE实现层次分明的缩进;1.2 非特殊情况下样式文件必须外链至…之间;非特殊情况下JavaScript文件必须外链至页面底部;1.3 引入样式文件或JavaScript文件时, 须略去默认类型声明, 写法如下:…1.4 引
2013-10-08 14:17:53
501
转载 离开页面的判断：window.Onunload与window.onbeforeunload的区别（IE下a标签触发问题）
Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而onu
2013-09-24 11:31:51
2416
转载 Css3弹性盒模型
Css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码:1.body>2.div id="bo
2013-09-10 10:24:51
480
转载 JavaScript之call实例详解
call()方法是做什么用的呢？与其看枯燥的文字解释，还不如看看他都可以用来做些什么来的实惠！但是还要大概知道一下比较好function.call(thisobj,args…)call将指定函数function作为thisobj对象的方法来调用，将参数args传递给function，返回值为function的返回值。thisobj是调用function的对象，在函数主体内thiso
2013-09-05 16:18:45
500
转载 javascript Arguments对象——函数的实际参数
在javascript函数体内，标识符arguments具有特殊含义。它是调用对象的一个特殊属性，用来引用Arguments对象。Arugments对象就像数组，注意这里只是像并不是哈。javascript函数体内，arguments像数组(并不是真的数组，是一个Arguments对象，再次强调)一样，有length属性，可以代表传给函数的参数的个数。引用一个形式参数可以用参数名，
2013-09-05 11:06:22
597
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人