![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 73
简生
啊啊啊啊啊啊!
展开
-
在浏览器显示时钟
<br /><html><head><mce:script type="text/javascript"><!--function startTime(){var today=new Date()var h=today.getHours()var m=today.getMinutes()var s=today.getSeconds()// add a zero in front of numbers<10startTime()m=checkTime(m)s=che原创 2011-05-22 02:02:00 · 1429 阅读 · 0 评论 -
旋转的辐射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 · 587 阅读 · 0 评论 -
利用 turnjs 做的相簿效果.
turnjs 是一个基于HTML5和jQuery实现模拟真实翻页效果的库.翻页的效果做得很出色,并且: +支持硬件加速 +支持跨平台 +使用简单 +体积仅15k下载地址:压缩版:http://www.turnjs.com/turn.min.js完整版:https://github.com/blasten/turn.js顺便原创 2012-02-09 18:35:46 · 9357 阅读 · 7 评论 -
Lazy Load(1.7.0)中文文档 -- 延迟加载图片的jQuery插件
最近貌似都在做"阅读理解".哈~要自己读懂文档其实不会浪费很多时间.但要通过自己的语言来表述,就需要更深的了解.所以往往把时间花费在研究插件的代码,这样才能更多的了解作者的意图,好转变为自己的文字.毕竟 Lazy Load 已经不是一个新的插件,所以网上也有很多的汉化文档.但前段时间Lazy Load有较大的更新.而且Lazy Load这个插件也不大,还不够200行代码,要是肯花点翻译 2012-02-11 01:15:48 · 8147 阅读 · 0 评论 -
<高性能JavaScript>笔记 [1~3]
这是一本很好的书,主要讨论实际js开发时要注意的性能问题.也算是一本JS的进阶读物,如果要看此书,建议先看一:加载和执行主要讲述了如何更高效的载入JavaScript脚本文件,解决浏览器的阻塞问题.其中最简单的解决方法就是把导入的js文件的标签写在 前,而且不需要使用 onload 事件.尽量把js文件进行压缩和合并,因为每次加载一个外链js文件都需要发送原创 2012-02-26 02:19:20 · 6527 阅读 · 4 评论 -
<高性能JavaScript>笔记 [4~6]
四:算法和流程控制- for, while 和 do-while 循环性能特性相似,所以没有一种循环类型明显快于或慢于其他类型.- 避免使用 for-in 循环,除非你需要遍历一个属性数量未知的对象.(因为会对原型链进行循环,产生不必要的性能损耗)- 改善循环性能的最佳方式是减少每次迭代的运算量和减少循环迭代次数.- 通常来说, switch 总是比 if-else 快原创 2012-03-04 23:20:28 · 3631 阅读 · 2 评论 -
一些有意思的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 · 3582 阅读 · 2 评论 -
<高性能JavaScript>笔记 [7~10]
七:Ajax其实这个章节主要分为了2个部分,数据传输和数据格式。主要描述如何通过客户端语言来实现数据的交互。常用五种向服务器请求数据的技术:XMLHttpRequest(XHR) //也就是所谓的AjaxDynamic script tag insertion //动态脚本注入iframesCometMultipart XH在现代高性能JavaScript中使用原创 2012-04-24 17:36:51 · 2345 阅读 · 1 评论 -
获取对象样式属性函数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 · 2402 阅读 · 0 评论 -
循环绑定事件的两种常用闭包写法(备忘)
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 · 1758 阅读 · 0 评论 -
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 · 1918 阅读 · 0 评论 -
浅谈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 · 515 阅读 · 0 评论 -
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 · 1866 阅读 · 0 评论 -
信息反馈页
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 · 3813 阅读 · 0 评论 -
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 · 3239 阅读 · 0 评论 -
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 阅读 · 0 评论 -
spin.js 简易文档
spin.js是什么?说白了就是一个loading时的菊花图案。官方的地址是:http://fgnass.github.com/spin.js/特点:+ 不含图片,无需外接CSS文件+ 原生JavaScript,不依赖任何库+ 可配置性高+ 没有分辨率限制+ 对旧版IE通过VML实现+ 使用@keyframe实现动画,用setTimeout()对下兼容+翻译 2012-09-03 00:17:28 · 8937 阅读 · 1 评论 -
解决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 · 3559 阅读 · 0 评论 -
Nivo Slider 简要使用文档.
Nivo Slider是一款出色的jQuery幻灯片插件,支持多种切换效果,可定制性强.这个是官方网站:http://nivo.dev7studios.com/但找了一下,却没发现什么相应的文档介绍.于是,干脆自己简单的整理了一下.$.fn.nivoSlider.defaults = { effect: 'random', // 过渡效果 slices: 15, /原创 2012-02-06 02:03:39 · 3323 阅读 · 0 评论 -
实现简单的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 · 708 阅读 · 0 评论 -
图片滚动栏(JS)
图片滚动原创 2011-05-22 01:46:00 · 802 阅读 · 0 评论 -
简单的新闻栏切换窗(JQuery)
New Document原创 2011-05-22 02:03:00 · 562 阅读 · 0 评论 -
Dojo Javascript 编程规范
Dojo Javascript 编程规范前言相当不错的 Javascript 编程风格规范,建议大家采用此规范编写 Javascript。原文链接: http://dojotoolkit.org/developer/StyleGuide 。翻译(Translated by):i.feelinglucky{at}gmail.com from http://www.gracecode.转载 2011-06-05 23:16:00 · 510 阅读 · 0 评论 -
简易jQuery分页代码.
li { display:inline;} a b c 1 1 1原创 2011-09-16 20:44:35 · 858 阅读 · 0 评论 -
快速回到顶部的JavaScript代码
回到顶部aaaaaa...... var n = 450; var gotop=document.getElementById("top"); if(!gotop) { return false; } v原创 2011-08-21 13:51:07 · 623 阅读 · 0 评论 -
jQuery简易左侧分类栏,仿国际版阿里巴巴。
为什么是简易版?因为没有加入国际版阿里巴巴分类栏根据窗口大小调整位置的功能。style.css#sorts-list { position: absolute; width: 150px; border:1px solid #aaa;}原创 2011-09-20 08:31:54 · 815 阅读 · 0 评论 -
jQuery简易展板,仿国际版阿里巴巴。
这次的jQuery代码写得有点繁琐和混乱,而且多次出现重复代码,也懒得去修改了。sd-style.css#slide-down { width:753px; height:80px; position:absolute; top:100px; lef原创 2011-09-21 11:27:04 · 773 阅读 · 0 评论 -
网站意见反馈(限输入字数)
传统的意见反馈页面。现在大多数意见反馈可以通过Ajax做了,根本不需要另外新建一个页面通过表单发送。这里主要就是简单限制输入字数200个,超出200个后不能提交。标题为空或者内容不够10个字符长时,也不能提交。vistor-feedbackCss.cs原创 2011-09-22 16:53:05 · 2019 阅读 · 0 评论 -
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 · 730 阅读 · 0 评论 -
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 · 579 阅读 · 0 评论 -
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 · 797 阅读 · 0 评论 -
js中的变量封装
一般情况下,我们写一些简单的js时,都如下:var name = 'Chris'; var age = '34'; var status = 'single'; function createMember(){ // [...] } function getMemberDetails(){ // [...] }但因为js变量的作用范围问题(function外的变量均翻译 2011-12-01 14:29:58 · 1021 阅读 · 0 评论 -
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 · 2403 阅读 · 0 评论 -
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 · 901 阅读 · 1 评论 -
JavaScript的词法作用域
中,对于JS词法作用域的描述是:JavaScript中的函数是通过词法来划分作用域的,而不是动态地划分作用域的.这意味着,它们在定义它们的作用域里运行,而不是在执行它们的作用域里运行.咋看之下貌似明白了,但细想一下,又貌似有点含糊.还是用例子来显示一下吧.var i = 1;function a() { alert(i); // 1}a(); 上面,变量原创 2012-01-19 19:58:31 · 537 阅读 · 0 评论 -
在网页上Run Code (测试代码) 功能
平时在很多论坛或者博客中,都可以看到作者或者评论者的文章中,都会摆出一段代码,并且能实现在线测试.实现此功能的代码如下:Run Codefunction runCode(textId) { var code = document.getElementById(textId).value; var newWindow = window.open(); newWi原创 2012-02-04 09:06:06 · 1299 阅读 · 0 评论 -
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 · 359 阅读 · 0 评论 -
JavaScript 图书翻页效果 - 20Things_PageFlip_Example
如果有看过Google所设计的网站关于浏览器和网络的 20 项须知>,一定会喜欢上那仿真的翻页效果.不少技术博客都说该网站的源码放出来了:http://code.google.com/p/20thingsilearned/但却找不到下载的链接.经过苦苦寻找,终于在html5rocks上面找到了.下载下来测试一下之后,多少有点失望,功能上相比20thingsilearned,实在弱太原创 2012-02-07 01:42:01 · 2811 阅读 · 4 评论