lovethe51cto的最近发布

$(function(){})和$(document).ready(function(){})

document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）二是onload，指示页面包含图片等文件在内的所有元素都加载完成。用jQ的人很多人都是这么开始写脚本的：$(function(){// do something});其实这个就是jq ready()的

图片

document

信息

function

转载精选 2016-08-25 22:32:36 735 阅读

OS X 效率启动器 Alfred 详解与使用技巧[转自少数派]

问：为什么要在 Mac 上使用效率启动器类应用？答：在非特殊专业用户的环境下，（每天）用户一般可以在系统中进行上百次操作，可以是点击，也可以是拖拽，但这些只是过程，而我们的真正目的是想获得结果，也就是完成一些工作。如果你希望得到一些效率上的提升，能且只能从「过程」中下手。既然如此，那么你要针对的单位环境就能立刻确定：时间。而「启动器应用」正是帮助用户节省「操作时间」的绝佳途径。与竞争对手

消费者

启动器

Alfred

转载精选 2016-08-25 09:53:11 1337 阅读

史上最全JS表单验证封装类

/***************************************************************** 表单校验工具类 (linjq) ***********************

return

function

转载精选 2016-07-21 15:38:21 424 阅读

jQuery页面滚动图片等元素动态加载实现

一、关于滚动显屏加载常常会有这样子的页面，内容很丰富，页面很长，图片较多。比如说光棍节很疯狂的淘宝商城页面。或者是前段时间写血本买了个高档耳机的京东商城页面，或者是新浪微博之类。这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。乖乖，估计黄花都变成黄花菜了。所以，我们得做点什么，避免这种糟糕的状况发生。目前很流行的做法就是滚动动态加载，显示屏幕之外的图片默认是不加

浏览器

淘宝商城

光棍节

京东商城

新浪微博

转载精选 2016-04-27 23:36:22 813 阅读

Web动画API教程：可爱的运动路径（Motion Path)

这是介绍浏览器中web动画API的系列教程的第五篇。如果你有什么问题/想法，或者发现我理解错了规范的内容，或是希望我在接下来的文章中对某部分内容进行探讨的话，请在Twitter给我留言吧~@dancwilson。这篇文章的一个比较早期（简单）的版本在我的CodePen Blog上也有，在Chrome声明支持Motion Path之后发表的。终于。沿路径的动画，不再是SVG的专利！Motion Pa

浏览器

文章

Chrome

Opera

Twitter

转载精选 2016-04-20 00:42:24 1093 阅读

生成二维码的 jQuery 插件：jquery.qrcode.js

jquery.qrcode.js 是一个纯浏览器生成 QRcode 的 jQuery 插件，它使用非常简单，生成的 QRcode 无需下载图片，并且不依赖第三方服务，比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用，并且压缩之后大小小于 4K。jquery.qrcode.js 使用1. 加载 jQuery 和 jquery.qrcode.js：&l

Google

浏览器

二维码

第三方

下载图片

转载精选 2016-04-15 11:28:18 606 阅读

Gif多图：我常用的 16 个 Sublime Text 快捷键

Gif多图：我常用的 16 个 Sublime Text 快捷键这里有一个15 16 个快捷键的精选列表(1个自定义快捷键)，以gif动画展示，我每天使用。享受吧!(译者注：原文所列快捷键均为OS X环境，为了方便Windows和Linux环境童鞋的学习，译者将备注Windows和Linux下对应的快捷键)选择选择一个选中项的下一个匹配项选择一个选中项的所有匹配项选择与光标关联

网页设计

信息安全

数据库设计

Android

别惹蚂蚁

转载精选 2016-04-12 16:30:28 817 阅读

浅谈CSS3 Filter的10种特效

必须要说明的是，这里的CSS3 Filter与我们所熟悉的CSS Filter是完全不同的两个概念，也不是我们所熟悉的IE滤镜，它是指通过CSS或SVG渲染元素概念可以描述的元素，包括它的子元素。关于CSS3 Filter的具体解释您可以参考《Filter Effects 1.0》这篇文章。接下来我们就开始探讨如何使用CSS3 Filter实现我们想要的效果。首先，我们

图片

文章

video

filter

如何

转载精选 2016-04-07 13:01:39 524 阅读

百度插件uaredirect.js电脑版跳转到手机版网站

一、介绍这段时间，有好多朋友问我，跳转到手机版的那个JS是怎么写的。其实这个JS也不是我写的，是百度siteapp下的一款跳转的产品，使用起来很方便。你可以用这款JS跳转到手机版，也可以跳转到任何你想跳转的位置。二、JS下载百度下载地址： http://siteapp.baidu.com/static/webappservice/uaredirect.js三、使用方法首先说明

下载地址

title

下载百度

百度插件

手机版

转载精选 2016-03-28 20:39:59 1426 阅读

RGB和RGBA之间的转换

function RGB2RGBA(rgb_color,alp){//注：rgb_color的格式为#FFFFFFFvar r = parseInt("0x" + rgb_color.substr(1,2));var g = parseInt("0x" + rgb_color.substr(3,2));var b = parseInt("0x" + rgb_color.substr(5,2));v

rgb

rgba

转载精选 2016-03-28 13:43:39 10000+阅读

jquery获取元素颜色css('color')的值返回RGB。如何转十六进制

css代码如下：a, a:link, a:visited { color:#4188FB; }a:active, a:focus, a:hover { color:#FFCC00; }js代码如下：var link_col = $("a:link").css("colo

type=color 获取值转十六进

转载精选 2016-03-18 22:43:44 3112 阅读

Javascript闭包（Closure）

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言

闭包

转载精选 2016-02-16 14:57:59 347 阅读

CSS3新增样式大解析：[8]animation之元素动画

CSS3中添加的新属性animation是用来为元素实现动画效果的。但是animation无法单独担当起实现动画的效果。这个我们会在后面讲到。我们先来讲讲animation的相关用法。这里我的代码均是采用标准的css3规范书写，大家使用的时候为了兼容可加上-webkit-、-o-、-ms-、-moz-、-khtml-等前缀以适应不同的浏览器。方法/步骤1animation有且可以设置许多个值，这意

浏览器

动画

元素

animation

先来

转载精选 2016-01-13 15:04:10 462 阅读

css3动画简介以及动画库animate.css的使用

在这个年代，你要是不懂一点点css3的知识，你都不好意思说你是个美工。美你妹啊，请叫我前端工程师好不好。呃。。好吧，攻城尸。。。呵呵，作为一个攻城尸，没有点高端大气上档次的东西怎么能行呢，那么css3的动画就绝对是值得你拥有了，虽说IE9以及更早版本的IE浏览器都不支持css3动画，但是IE6-8浏览器已是江河日下，使用谷歌浏览器、火狐浏览器、IE10+浏览器以及移动端浏览器等这些支持

工程师

火狐浏览器

谷歌浏览器

transition

转载精选 2016-01-12 13:36:12 444 阅读

鼠标滚动插件smoovejs和wowjs

前言鼠标滚动特效很常见，当鼠标滚动到特定的位置时才会触发相应的CSS特效，这里简单聊两款鼠标滚动特效插件smoovejs和wowjs。smoovejssmoovejs基于jQuery，所以在引入smoovejs之前确保先引入jQuery，相关版本的smoovejs的cdn可以点击这里或者下面的链接查看。http://www.bootcdn.cn/jquery-smoove/激活smoovejs如下

wow

wowJs

smoove

smoove.jquery.js

转载精选 2016-01-11 17:37:03 1583 阅读 1收藏

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

love51cto