- 博客(30)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 JS模拟自由落体弹跳动画
——edited by 李家优横向系数： (0-1)纵向系数： (0-1)速度：(20-1000) var i = null;function demo(hp,vp,sp) { var f=document.getElementById('fall'); f.style.right='0px'; f.style.bottom='40px'; i&&clearI
2014-03-28 18:26:30
4377
1
原创 Centos6.4中安装node.JS
先安装gcc-c++编译环境和openssl，yum install gcc-c++ openssl-devel然后下载安装cd /usr/local/srcwget http://nodejs.org/dist/node-latest.tar.gztar zxvf node-latest.tar.gz(cd into extracted folder: ex "cd
2014-03-27 10:01:37
1562
原创 CSS设置hr样式
line-height:1px;clear:both;display:block;overflow:hidden'>hr在ie和ff下表现形式可能有所出入, 可以用 div来代替-----------------------------------用hr的话, 只能是 -----------------------------------hr{color:#3399FF;h
2014-03-26 17:37:31
11262
原创 用NODEJS处理EXCEL文件
——edited by 李家优有一些当时备份成 Excel 文件的旧数据，想把它们的数据结构调整一下，并对相关数据进行合并，以方便数据使用。这其实是之前一直想做的事，当时还在用 vs2008 写 c/s 程序什么的，简易上手的 C# 自己用的也还算熟络，可惜一直没做。再想起来时，电脑里早已没有了开发环境，写 C# 代码的信心也早没了。近期用 nodejs 写了一些本地小程序，读写文件也
2014-03-25 17:08:46
8563
原创 Node 文件读写
var fs = require('fs'); //读取文件 fs.readFile('file.txt', 'utf8', function(err, data) { if(err) { return console.log(err); } console.log(data); //写文件
2014-03-25 17:05:34
807
原创 JavaScript Promises
——edited by 李家优JavaScript 是单线程的，这意味着任何两句代码都不能同时运行，它们得一个接一个来。在浏览器中，JavaScript 和其他任务共享一个线程，不同的浏览器略有差异，但大体上这些和 JavaScript 共享线程的任务包括重绘、更新样式、用户交互等，所有这些任务操作都会阻塞其他任务。作为人类，你是多线程的。你可以用多个手指同时敲键盘，也可以一边开车
2014-03-21 19:26:55
1039
原创 用gulp做部署
Gulp是一款基于任务的设计模式的自动化工具。虽然许多人会推荐Grunt来实现项目的自动化，但了解了下后发现它的学习曲线有点高。这时发现了 Gulp ，它非常易于学习和使用，对我这种喜欢简单喜欢偷懒的人再适合不过了，而且我想要的功能也都有，所以就用它了，:)Gulp通过流和代码优于配置策略来尽量简化任务编写的工作。当使用流时，gulp去除了中间文件，只将最后的输出写入磁盘，整个过程因
2014-03-21 10:25:30
1898
原创 如何在Linux平台上安装Ghost博客平台
Ghost是一个相对较新的博客发布平台，它开始于众筹平台kickstarter上一个£25,000英镑的众筹项目。尽管WordPress依然是网上主流的博客工具，但它现在已然是一个拥有众多第三方开发功能的通用内容管理平台，发展到现在已经逐渐变得笨重、复杂以至于难以维护。但与此同时，仅仅诞生才几个月的Ghost坚持以用户为中心，打造精雕细琢的用户界面，承诺要做一个纯粹的博客平台。在Linux
2014-03-20 18:30:19
1173
原创 jQuery.Deferred对象
——edited by 李家优原文地址：http://javascript.ruanyifeng.com/jquery/deferred.html概述deferred对象是jQuery对Promises接口的实现。简单说，Promises是异步操作的通用接口，扮演代理人（proxy）的角色，将异步操作包装成具有同步操作特性的特殊对象。异步操作的典型例子就是Aja
2014-03-18 17:58:26
1200
原创 jQuery概述
——edited by 李家优原文地址：http://javascript.ruanyifeng.com/jquery/basic.htmljQuery是目前使用最广泛的JavaScript函数库。据统计，全世界57.5%的网站使用jQuery，在使用JavaScript函数库的网站中，93.0%使用jQuery。它已经成了开发者必须学会的技能。jQuery的最大优势有两个
2014-03-18 17:22:25
824
原创 jQuery的选择器中的通配符[id^=‘code‘]
——edited by 李家优1.选择器(1)通配符：$("input[id^='code']");//id属性以code开始的所有input标签$("input[id$='code']");//id属性以code结束的所有input标签$("input[id*='code']");//id属性包含code的所有input标签(2)根据索
2014-03-18 16:47:28
3371
1
原创 jQuery插件开发
edited by 李家优原文：http://javascript.ruanyifeng.com/jquery/utility.html目录插件的编写实例插件的发布参考链接所谓“插件”，就是用户自己新增的jQuery实例对象的方法。由于该方法要被所有实例共享，所以只能定义在jQuery构造函数的原型对象（prototype）之上。对于用户来说，把
2014-03-18 15:46:56
723
原创 JS 时间与时间戳
——edited by 李家优 New Document //取得当前时间function getTimeStamp(){ // 声明变量。 var d, s; // 创建 Date 对象。 d = new Date(); s = d.getFullYear() + "-"; s += ("0"+(d.getMonth(
2014-03-18 15:01:54
1050
原创 javascript性能提升——合理使用if-else 和switch
——authored by 李家优使用if-else 或者switch 是基于测试条件的数量：条件数量较大，倾向于使用switch 而不是if-else。这通常归结到代码的易读性，如果条件较少时，if-else 容易阅读，而条件较多时switch更容易阅读。考虑下面几点：if (found) { //do something } else { //do somethi
2014-03-18 10:56:05
12624
原创 7个很有用的HTML5学习资源
——edit by 李家优虽然HTML5还是很新，没有被所有主要浏览器支持，但现在还是有许多设计师和开发人员使用。毫无疑问，几年下来，HTML5将对web开发起着很重要的作用。我注意到很多人都在使用它，但也有许多人还没有接触过HTML5。为了帮助学习这个任务，我们收集了7个有用的HTML5学习资源。一、HTML5开发者指南这个文档举例说明了如何编写HTML5文档，为初学者提供了
2014-03-17 18:34:29
1075
原创 javascript性能提升——Duff‘s Device
即使是循环中最快的代码，累计迭代上千次也会慢下来。此外，循环体运行时也会带来小性能开销，不仅仅是增加了总体运行时间。减少迭代次数能获得更加显著的性能提升，最广为人知的一种限制循环迭代次数的模式被称为“达夫设备（Duff's Device）”。Duff's Device是一种循环体展开技术，它使得一次迭代中实际执行了多次迭代的操作。一个典型的实现如下：
2014-03-17 11:16:54
3114
4
转载 九个超实用的PHP代码片段
每位程序员和开发者都喜欢讨论他们最爱的代码片段，尤其是当PHP开发者花费数个小时为网页编码或创建应用时，他们更知道这些代码的重要性。为了节约编码时间，笔者收集了一些较为实用的代码片段，帮助开发者提高工作效率。>>>点击查看PHP代码片段（一）1)Whois query using PHP ——利用PHP获取Whois请求利用这段代码，在特定的域
2014-03-15 20:59:00
918
转载 分享12款最佳的Bootstrap设计工具
设计师总会渴望有一些新奇有趣的设计工具来提高工作效率，而Bootstrap就是您的不二选择。2013年Bootstrap得到了广泛普及，它是开发者较为常用的框架之一，本文我们将分享12款最佳的Bootstrap设计工具，帮助你做出特别清爽同时又专业美观的页面。12.Bootstrap DesignerBootstrap Designer是一款在线运行工具，无需下载和安装
2014-03-14 09:55:55
2440
原创 精选6款神奇的HTML5 Canvas动画特效
——authored by 李家优在HTML5的Canvas画布上，我们基本可以实现和Flash相同的功能，但是HTML5的优点是通信方便，所以随着浏览器的升级，我们现在已经很习惯利用HTML5来制作动画和游戏了。下面我们精选了6款神奇的HTML5 Canvas动画特效，分享给大家。1、HTML5鲸鱼动画 又一款超酷HTML5动画之前看到过同样效果的一款鲸鱼动画，不过可惜
2014-03-14 09:14:52
4724
1
原创 10 款高质量的 jQuery 表单验证插件
本文整理了几款高质量的jQuery表单验证插件，可以节约web开发者的时间。希望对你有帮助！列表如下：1)A Jquery Inline Form Validation2)Form Validation Using Jquery3)Using Jquery and Ajax to validate Form4)Word
2014-03-13 18:20:58
788
原创 自己动手开发jQuery插件
因为工作需要，所以这几天琢磨了一下关于jQuery插件开发的问题，经过一天鏖战，终于完成自己动手做的第一个jQuery插件，对于俺这种见了css就头痛的人来说，一天时间8小时，保守估计有5个小时在弄css(我css文盲级别，形容得还不够贴切，如果说文盲不会写字，只会说话，那我是连话都不会说的级别。)，好了，废话少说，切入正题。51CTO推荐专题：jQuery从入门到精通jQuery给力插
2014-03-13 18:06:25
740
原创 12个最佳javascript类库
Javascript是一个解释性的编程语言。最初作为浏览器的一部份在浏览器中运行，可以和用户交互，并且控制浏览器，异步通讯，修改显示的document。在这篇文章中，我们收集了12款最新的Javascript类库，帮助你更好的搭建网站和开发web应用。相关阅读：10个用来处理键盘事件的JQuery插件和JS类库1. Cut.jsCutJS是一个帮助你开发高性
2014-03-13 10:05:08
3297
原创 8款最新超酷HTML5/CSS3特效及源码
1、CSS3/jQuery全屏立体焦点图 时尚大气jQuery是一个非常流行的Javascript框架，今天我们要分享一款基于jQuery和CSS3的焦点图动画，该jQuery焦点图插件是全屏立体的效果，看上去非常时尚和大气。而且，焦点图在图片滑动的时候非常流畅，性能应该也还不错。在线演示 源码下载2、HTML5/CSS3文字投影特效 乳白阴影文字效果
2014-03-13 10:03:09
3553
原创 7款HTML5/CSS3应用新鲜出炉 功能强大实用
1、HTML5/CSS3发光文字 可自定义文字色彩 效果很赞前几天我已经向大家分享了两款HTML5/CSS3文字特效，尤其是这款HTML5 Canvas字母文字颗粒动画 可设置重力感应，更是动感。今天要分享的这款HTML5/CSS3文字效果也十分帅，鼠标滑过文字时，文字会出现发光的特效，并且我们可以自定义文字和颜色。在线演示 源码下载2、HTML5/C
2014-03-13 09:44:11
1462
原创 javascript性能提升——减少循环迭代的工作量
常用的循环类型有for循环、while循环、do-while循环、for-in循环，一个典型的数组处理循环可以采用前三种循环中的任何一种。 for (var i = 0; i < items.length; i++) { process(items[i]); } var j = 0; while (j < items.length) { process(it
2014-03-11 20:18:22
1175
原创 解决乱码，让Sublime Text 2支持GB2312和GBK
Sublime Text 2是一个非常不错的源代码及文本编辑器，但是不支持GB2312和GBK编码在很多情况下会非常麻烦。不过Sublime Package Control所以供的插件可以让Sublime Text 2几乎完美地支持CJK编码的文本。安装Sublime Package Control非常简单，在Sublime Text 2上用Ctrl+～打开控制台并在里面输入以
2014-03-09 22:55:57
1731
原创 JS中decodeURI()与decodeURIComponent()区别
本文章就是介绍两个解码的函数，他们就是decodeURI()和decodeURIComponent()函数，这两个函数可以对特定函数生成的密码字符串进行解密操作，就可以生成为未解密的字符串，比较实用，下面来看看这两个函数的用法和实例，你就会用了：decodeURI()定义和用法：decodeURI() 函数可对 encodeURI() 函数编码过的URI 进行解码。语法：decod
2014-03-06 16:04:52
2118
原创 javascript性能提升——最小化重绘和重排
页面的重绘和重排会产生计算消耗，为了提升性能，我们应该尽可能的降低页面的重绘和重排。用展开/折叠的方式来显示和隐藏部分页面是一种常见的交互模式。它通常包括展开区域的几何动画，并将页面其他部分推向下方。一般来说，重排只影响渲染树中的一小部分，但也可能影响很大的部分，甚至整个渲染树。浏览器所需重排的次数越少，应用程序的响应速度就越快。因此当页面顶部的一个动画推移页面整个月下的部分时，会导致一次
2014-03-05 10:10:12
888
原创 javascript性能提升——采用nextSibling方法来查找DOM节点
通常我们需要从某个DOM元素开始，操作周围的元素，或者递归查找所有子节点。我们可以使用childNodes得到元素集合，或者用nextSibling来获取每个相邻元素。考虑以下两个等价的例子，都是以非递归的方式遍历元素子节点： function testNextSibling () { var el = document.getElementByID('mydiv'),
2014-03-03 09:48:05
1394
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人