- 博客(53)
- 资源 (2)
- 收藏
- 关注
原创 CSS3 动画属性(备忘)
其实用CSS3实现动画效果主要涉及到3个CSS3属性:transition,animation 和 transformtransition CSS3过渡属性,通过transition指定css属性,当该属性的值发生变化时,就会产生流畅的过渡效果。transition主要包含四个属性值,分别为:执行变换的属性:transition-property变换延续的时
2012-09-15 17:36:17
3551
原创 解决img对大部分CSS样式不支持的问题
主要参考:http://webdesignerwall.com/demo/css3-image-styles/http://www.qianduan.net/css3-image-styles.html详情到上面两个连接看。主要自己整理一下,顺便把jQuery的代码专为JavaScript,做个备忘。DEMO:http://jsfiddle.net/QkRKC/
2012-09-14 23:21:05
3576
翻译 spin.js 简易文档
spin.js是什么?说白了就是一个loading时的菊花图案。官方的地址是:http://fgnass.github.com/spin.js/特点:+ 不含图片,无需外接CSS文件+ 原生JavaScript,不依赖任何库+ 可配置性高+ 没有分辨率限制+ 对旧版IE通过VML实现+ 使用@keyframe实现动画,用setTimeout()对下兼容+
2012-09-03 00:17:28
8959
1
原创 Web Workers入门
如何创建一个 Web Workers ?var worker = new Worker('task.js'); worker.onmessage = function(event) { console.log(event.data + " Jan!"); }; worker.postMessage("Hello");worker.onerror = functio
2012-07-30 01:50:53
2520
原创 mj_v0.1
/* * mj JavaScript Library v0.1 * Copyright 2012, Maple Jan * About:一个极简的工具库,简化常用DOM操作。 */var mj = new function() { //遍历指定元素的所有后代元素 var eachChild = function(elem, arr) { var child = elem.chi
2012-07-10 19:51:36
3244
原创 信息反馈页
1.加了类新浪微博的闪烁提醒;2.正则判断内容是否空格;body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,ul,li{margin:0;padding:0;}table{border-collapse:collapse;bor
2012-06-30 02:08:26
3818
原创 Ajax访问JSON(备忘)
(function() { var createRequest = function() { var request; try { //support IE7+, Firefox, Chrome, Safari and Opera. request = new XMLHttpRequest(); } catch(tryMS) { try { request = n
2012-06-28 15:16:28
1870
原创 popup弹窗(备忘)
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en""http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> new document #btn { text-align:center; margin:2px 1px; border: 1px
2012-06-13 17:19:02
1928
原创 循环绑定事件的两种常用闭包写法(备忘)
for(var i = domSpans.length; i--; ) { domSpans[i].onclick = function(num) { return function() { alert(num); } }(i);}for(var i = domSpans.length; i--; ) { (function(num) { domSpans[n
2012-06-08 00:11:41
1766
原创 获取对象样式属性函数getStyle()
function getStyle(elem, styleName){ if(elem.style[styleName]){ //获取内联样式 return elem.style[styleName]; } else if(elem.currentStyle){ //IE特有的属性 return elem.currentStyle[styleName]; } else if(wi
2012-06-07 18:08:36
2407
原创 CSS3的transition属性
transition :CSS3动画属性更详细的内容去: http://www.w3cplus.com/content/css3-transitiontransition主要包含四个属性值: 执行变换的属性:transition-property : none | all | [ ] [ ',' ]* 变换延续的时间:单位s
2012-06-07 10:47:12
2026
1
原创 <高性能JavaScript>笔记 [7~10]
七:Ajax其实这个章节主要分为了2个部分,数据传输和数据格式。主要描述如何通过客户端语言来实现数据的交互。常用五种向服务器请求数据的技术:XMLHttpRequest(XHR) //也就是所谓的AjaxDynamic script tag insertion //动态脚本注入iframesCometMultipart XH在现代高性能JavaScript中使用
2012-04-24 17:36:51
2350
1
转载 Flash OBJECT和EMBED标签
一直都几乎没写过Flash的插入代码,因为几乎用不上Flash。就算以前初学DW时,只要点击几下鼠标就可以插入Flash,也没研究过里面的标签。直到现在已经脱离了DW的魔掌,投入了“文本党”的行列,当要插入Flash的时候,才发现自己的脑子居然是一片空白。下面这篇东西很好的介绍了插入Flash的标签objece和embed的用法,在此做备忘之用。原文链接:http://www.xpb.
2012-03-07 16:52:32
2154
原创 <高性能JavaScript>笔记 [4~6]
四:算法和流程控制- for, while 和 do-while 循环性能特性相似,所以没有一种循环类型明显快于或慢于其他类型.- 避免使用 for-in 循环,除非你需要遍历一个属性数量未知的对象.(因为会对原型链进行循环,产生不必要的性能损耗)- 改善循环性能的最佳方式是减少每次迭代的运算量和减少循环迭代次数.- 通常来说, switch 总是比 if-else 快
2012-03-04 23:20:28
3652
2
原创 <高性能JavaScript>笔记 [1~3]
这是一本很好的书,主要讨论实际js开发时要注意的性能问题.也算是一本JS的进阶读物,如果要看此书,建议先看一:加载和执行主要讲述了如何更高效的载入JavaScript脚本文件,解决浏览器的阻塞问题.其中最简单的解决方法就是把导入的js文件的标签写在 前,而且不需要使用 onload 事件.尽量把js文件进行压缩和合并,因为每次加载一个外链js文件都需要发送
2012-02-26 02:19:20
6548
4
原创 Console API介绍
原文:http://getfirebug.com/wiki/index.php/Console_API#console.log.28object.5B.2C_object.2C_....5D.29Firebug插件 和 Chrome的JavaScript控制台 都有一个全局变量conslole .console.log(object[, object, ...])
2012-02-15 21:39:09
5696
1
原创 一些有意思的JavaScript题目.
在博客园 汤姆大叔的博客 看到的一些有意思的JavaScript题目.在 中:判断下面代码弹出的结果.Q1:if (!("a" in window)) { var a = 1;}alert(a);Q2:var a = 1, b = function a(x) { x && a(--x); };alert(a);
2012-02-15 15:23:01
3587
2
转载 提问的智慧
这是一篇很好的文章,多年前看到,一直受用至今.文章摘自China Linux Forum, 因为全文比较长, 所以我进行了节选.节选出那些我认为很受用的道理,它们不但对IT行业的人员有用, 对于任何人也同样受用.==============================================================简介:
2012-02-14 15:20:11
2096
翻译 Lazy Load(1.7.0)中文文档 -- 延迟加载图片的jQuery插件
最近貌似都在做"阅读理解".哈~要自己读懂文档其实不会浪费很多时间.但要通过自己的语言来表述,就需要更深的了解.所以往往把时间花费在研究插件的代码,这样才能更多的了解作者的意图,好转变为自己的文字.毕竟 Lazy Load 已经不是一个新的插件,所以网上也有很多的汉化文档.但前段时间Lazy Load有较大的更新.而且Lazy Load这个插件也不大,还不够200行代码,要是肯花点
2012-02-11 01:15:48
8179
原创 利用 turnjs 做的相簿效果.
turnjs 是一个基于HTML5和jQuery实现模拟真实翻页效果的库.翻页的效果做得很出色,并且: +支持硬件加速 +支持跨平台 +使用简单 +体积仅15k下载地址:压缩版:http://www.turnjs.com/turn.min.js完整版:https://github.com/blasten/turn.js顺便
2012-02-09 18:35:46
9410
7
原创 JavaScript 图书翻页效果 - 20Things_PageFlip_Example
如果有看过Google所设计的网站关于浏览器和网络的 20 项须知>,一定会喜欢上那仿真的翻页效果.不少技术博客都说该网站的源码放出来了:http://code.google.com/p/20thingsilearned/但却找不到下载的链接.经过苦苦寻找,终于在html5rocks上面找到了.下载下来测试一下之后,多少有点失望,功能上相比20thingsilearned,实在弱太
2012-02-07 01:42:01
2842
4
原创 Nivo Slider 简要使用文档.
Nivo Slider是一款出色的jQuery幻灯片插件,支持多种切换效果,可定制性强.这个是官方网站:http://nivo.dev7studios.com/但找了一下,却没发现什么相应的文档介绍.于是,干脆自己简单的整理了一下.$.fn.nivoSlider.defaults = { effect: 'random', // 过渡效果 slices: 15, /
2012-02-06 02:03:39
3330
原创 浅谈JavaScript 继承机制的实现
对象冒充的方法实现:function Human() { //定义Human类 this.species = "Human";}function Sex(sex) { //定义Sex类 this.sex = sex;}function Chinese(name,sex) { this.name = name; this.newMethod1 = Human; //对象冒充,
2012-02-04 20:20:08
520
原创 JavaScript 中函数定义的差异问题
try { fun1();} catch(e) { alert(e);};try { fun2();} catch(e) { alert(e);};function fun1() { alert("this is fun1.");}var fun2 = function() { alert("this is fun2.");}try { fun2();}
2012-02-04 13:52:25
368
原创 在网页上Run Code (测试代码) 功能
平时在很多论坛或者博客中,都可以看到作者或者评论者的文章中,都会摆出一段代码,并且能实现在线测试.实现此功能的代码如下:Run Codefunction runCode(textId) { var code = document.getElementById(textId).value; var newWindow = window.open(); newWi
2012-02-04 09:06:06
1316
原创 JavaScript的词法作用域
中,对于JS词法作用域的描述是:JavaScript中的函数是通过词法来划分作用域的,而不是动态地划分作用域的.这意味着,它们在定义它们的作用域里运行,而不是在执行它们的作用域里运行.咋看之下貌似明白了,但细想一下,又貌似有点含糊.还是用例子来显示一下吧.var i = 1;function a() { alert(i); // 1}a(); 上面,变量
2012-01-19 19:58:31
539
原创 jQuery选择器的性能测试
在https://github.com/doomhz/jQuery-Tweaks 上面看到jQuery性能测试工具:/*** Doom Tweaks for Javascript Projects** @author Dumitru Glavan* @version 1.1 (16-JUL-2011)* @requires jQuery* @link http://dumitr
2011-12-23 15:33:31
923
1
原创 text-overflow:ellipsis,让溢出文本显示省略号
语法: text-overflow : clip | ellipsis 参数: clip : 不显示省略标记(...),而是简单的裁切 ellipsis : 当对象内文本溢出时显示省略标记(...)text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强
2011-12-22 17:25:00
529
原创 JSMin的用法
http://www.crockford.com/javascript/jsmin.zip在上面的链接下载使用与MS-DOC的文件,下载完成后运行cmd,然后在命令提示符输入:C:\jsmin.exe C:\after.jsC:\jsmin.exe 为jsmin.exe的位置;C:\before.js 为需要压缩的文件位置和文件名;C:\after.js 为压缩后的文件
2011-12-14 15:02:45
2414
原创 CSS3的一些特性(备忘)
RGBA:RGBA 可以应用于与颜色的任何属性,如字体颜色,边框颜色,背景颜色,阴影颜色等。background:rgba(red, green, blue, Alpha);Alpha:0 = 透明,1 = 不透明其他三色分别为0到255---------------------------------------------------------------
2011-12-10 09:23:43
469
翻译 js中的变量封装
一般情况下,我们写一些简单的js时,都如下:var name = 'Chris'; var age = '34'; var status = 'single'; function createMember(){ // [...] } function getMemberDetails(){ // [...] }但因为js变量的作用范围问题(function外的变量均
2011-12-01 14:29:58
1031
原创 实现简单的Canvas画图
定义变量:var startX;var startY;var endX;var endY;var radius;var canvas = document.getElementById("myCanvas");var context = canvas.getContext("2d");var select = document.getElementsByTagName("se
2011-11-25 09:04:39
715
原创 旋转的辐射Logo
var canvas = document.getElementById("myCanvas");var context = canvas.getContext("2d");var startP = [0 , 0.67 , 1.34 ];var endP = [0.3 , 0.97 , 1.64];var n = 0.01;var animate;window.onload = ini
2011-11-25 08:58:59
592
原创 Chrome的Uncaught Error: SECURITY_ERR: DOM Exception 18
当用Chorme浏览器访问本地网页时,该网页对drawImage在Canvas上面的图像进行getImageData时,就会报UncaughtError: SECURITY_ERR: DOM Exception 18 的错误.经测试后,Chrome,FireFox都有这样的情况出现.而Safari和Opera都不会抛出这样的错误.但通过http协议访问服务器上的网页
2011-11-25 08:51:24
4377
原创 JS判断浏览器的平台
var str = navigator.platform; if(!( str.match(/win32/i) || str.match(/mac/i) || str.match(/linux/i) )) { //判断主流电脑操作系统 window.location.replace("url"); } else if( str.match(/linux/i) ) { /
2011-11-25 08:44:11
804
转载 html5的localStorage和ie的userData简答用法,可实现微博未发布文字保留功能。
var editor = document.getElementById("editor"); editor.value=""; var UserData = { userData : null, name : location.hostname, //this.name = "css88.com"; init:fu
2011-11-18 17:34:06
583
原创 jQuery制作的幻灯片``
slide-style.css文件:#slide-show { width:930px; height:300px; position:relative; border:1px solid #aaa;}#slide-img { width:930px; he
2011-10-12 22:14:49
736
原创 网站意见反馈(限输入字数)
传统的意见反馈页面。现在大多数意见反馈可以通过Ajax做了,根本不需要另外新建一个页面通过表单发送。这里主要就是简单限制输入字数200个,超出200个后不能提交。标题为空或者内容不够10个字符长时,也不能提交。vistor-feedbackCss.cs
2011-09-22 16:53:05
2028
原创 jQuery简易展板,仿国际版阿里巴巴。
这次的jQuery代码写得有点繁琐和混乱,而且多次出现重复代码,也懒得去修改了。sd-style.css#slide-down { width:753px; height:80px; position:absolute; top:100px; lef
2011-09-21 11:27:04
779
原创 jQuery简易左侧分类栏,仿国际版阿里巴巴。
为什么是简易版?因为没有加入国际版阿里巴巴分类栏根据窗口大小调整位置的功能。style.css#sorts-list { position: absolute; width: 150px; border:1px solid #aaa;}
2011-09-20 08:31:54
822
编译原理课后习题答案 清华大学 第二版(双答案)
2010-11-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人