love51cto-51CTO博客

原创 42
翻译 3
转载 23

分享：

全部

lovethe51cto 发布于：2016-08-25
0

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

转载

阅读 289

评论 0

收藏 0
lovethe51cto 发布于：2016-08-25
0

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

转载

阅读 571

评论 0

收藏 0
lovethe51cto 发布于：2016-07-21
0

史上最全JS表单验证封装类 /***************************************************************** 表单校验工具类 (linjq) ***********************

转载

阅读 177

评论 0

收藏 0
lovethe51cto 发布于：2016-04-27
0

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

转载

阅读 349

评论 0

收藏 0
lovethe51cto 发布于：2016-04-20
0

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

转载

阅读 555

评论 0

收藏 0
lovethe51cto 发布于：2016-04-15
0

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

转载

阅读 233

评论 0

收藏 0
lovethe51cto 发布于：2016-04-12
0

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

转载

阅读 304

评论 0

收藏 0
lovethe51cto 发布于：2016-04-07
0

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

转载

阅读 210

评论 0

收藏 0
lovethe51cto 发布于：2016-03-28
0

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

转载

阅读 497

评论 0

收藏 0
lovethe51cto 发布于：2016-03-28
0

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

转载

阅读 8894

评论 0

收藏 0
lovethe51cto 发布于：2016-03-18
0

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

转载

阅读 1638

评论 0

收藏 0
lovethe51cto 发布于：2016-02-16
0

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

转载

阅读 150

评论 0

收藏 0
lovethe51cto 发布于：2016-01-13
0

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

转载

阅读 342

评论 0

收藏 0
lovethe51cto 发布于：2016-01-12
0

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

转载

阅读 266

评论 0

收藏 0
lovethe51cto 发布于：2016-01-11
0

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

转载

阅读 970

评论 0

收藏 0
lovethe51cto 发布于：2015-09-11
0

jQuery 获取屏幕高度、宽度做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height());//浏览器当前窗口文档body的高度alert($(document.body).o

转载

阅读 202

评论 0

收藏 0
lovethe51cto 发布于：2015-08-12
0

简单返回顶部代码及注释说明 1. 最简单的静态返回顶部，点击直接跳转页面顶部，常见于固定放置在页面底部返回顶部功能方法一：用命名锚点击返回到顶部预设的id为top的元素html代码<a href="#top" target="_self">返回顶部</a>方法二：操作scrooll函数用来控制滚动条的位置（第一个参数是水平位置，第二个参数是垂直位置）html代码<a

转载

阅读 137

评论 0

收藏 0
lovethe51cto 发布于：2015-07-03
0

给密码框添加一个显示隐藏开关 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>密码显示隐藏</title> <style type="text/css"> @charset "UTF-8";

转载

阅读 153

评论 0

收藏 0
lovethe51cto 发布于：2015-07-03
0

JS判断设备以及区别不同浏览器（微信、手机等） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS区别不同浏览器（微信、手机等）</title> </head> <body> <script type="t

转载

阅读 259

评论 0

收藏 0
lovethe51cto 发布于：2015-06-08
0

CSS3 @font-face @font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体，比如说首页的Logo，Tags以及

转载

阅读 185

评论 0

收藏 0

首页
上一页
1
2
3
4
下一页
末页
共68条记录

lovethe51cto

分享到朋友圈

这个家伙比较懒，还没有个人介绍

关注技术：JavaScript HTML5 web前端
入住博客：2009-03-19 10.5年

七日热门

最近来访

写文章