trace的技术备忘专栏

变量名的前缀标记法:数组   aValues   布尔   bFound浮点   fValues函数   fnMethod整型   iValues对象   oType正则   rePattern字符串  sValues变型    vValues5种原始类型(primitive type):Undefined,Null,Boolean,Number,Stringtip:浮点数在计算之前,

先是写了一个此功能的jQuery插件,但是一时写不出如何使用鼠标进行滚动方向的切换,于是又写了另一个可以实现切换的版本... 原理:   1.把滚动的内容复制2份放到原内容左右,这样无论向左右滚动都不会出现断掉的情况   2.改变内容样式的left值实现滚动效果,向左或向右滚动一个内容的长度后,还原并继续滚动,这样看起来就像无缝一直滚动的样子了(视觉上的效果,^_^)   3.

 把前阵子写的JQ插件函数(alterBgColor )改写成不基于JQ的代码,还添加了一个click样式效果 代码风格还是按照JQ插件风格来写,使用了闭包来循环设置TR元素的样式 function TableCss(options){ //如果没参数,就退出 if(arguments.length < 1 || !document.getElementById

 自己写的,功能很简单,只有一些自己想到的常用的方法.以后想到其它的再添加就是了. 文本内容处理工具--><!--* { margin:0; padding:0;}.wrap { margin:0 auto; width:800px; }.m { width:800px; height:360

在网上找的这段,比较喜欢1.驼峰转连字符:    var s = "fooStyleCss";  s = s.replace(/([A-Z])/g,"-$1").toLowerCase();//利用正则进行替换,简洁明了,很棒 2.转驼峰var s1 = "foo-style-css";s1 = s1.replace(//-(/w)/g, function(all, l

无意中看到此题,做一下玩玩: HTML:*{ margin:0; padding:0;}.box { position:relative; width:315px; height:279px;}#box1,#box2,#box3 { background-color:#CDD8DA; text-align:center; font-weight:bold;}

在论坛里看到果果写那么强大的调色板,自己也试试先写个简单的玩下. <!--* { margin:0; padding:0;}#tb { border-collapse:collapse; width:253px;}#tb td { border:1px solid #000; width:6px; height:6px;}-->* { margin:0; padding:0

自己抽空做了一个画像素画的小工具,界面比较简单,但也可以画着玩.呵呵.有意思的地方在于可以把画的内容保存为一个数组,可以很方便地还原成图案... 主要的JS代码://画板表格var iconTable = { curColor : "#FF0000",//当前颜色值 box : $("box"), //画板表格的容器 border : "none", l :

 按自己的思路,写出最简单的一个版本,可用于ul,ol,dl等相似的标签.后面还需要添加一些动画效果,比如:第一行渐隐最后消失,第一行高度渐小最后消失等等,之后再继续补充,先在此留个标记.  主要函数: function ScrollContent(id,interval,stopAble){ if(!document.getElementById(id) ) r

   var ie = !-[1,];alert(ie);  解释： [1,]实际上浏览器的操作是toString()转换成字符串的操作，-[1,]是将字符串强制转换为数字。而 IE 将会返回 NaN，但是遗憾的是 NaN 并不是一个数字，因为[1,]转换成字符串后的”1,”里面带有逗号。而其他标准浏览器会返回 -1，这是一个非 0 的数字。你知道，NaN 转换

 来源:https://developer.mozilla.org/en/New_in_JavaScript_1.6#Array_extras indexOf if (!Array.prototype.indexOf){ Array.prototype.indexOf = function(elt /*, from*/) { var len = thi

JS_小游戏_扫雷

 对这些概念一直很模糊，今天仔细看了一下。 一，网页的绝对与相对大小 二，网页相对大小每个元素的clientHeight,clientWidth = 元素内容+paddingvar D = document;function getViewport(){ if(D.compatMode == "CSS1Compat"){ return { w :

// Readyvar elem = document.getElementById("myCanvas");var context = elem.getContext(2d); //2D context API----线条context.fillStyle = #00f;  //填充色context.strokeStyle = #f00; //边框色conte

//文本对象var TextUtil = new Object();   //文本框最大长度 TextUtil.isNotMax = function(oTextArea)...{  return oTextArea.value.length!=oTextArea.getAttribute("maxlength"); }   //阻止无效的字符 TextUtil.blockChars = fu

第7章  正则表达式--JAVASCRIPT 内置支持正则表达式已经很久了,甚至要久于一些高级语言,如JAVA.定义: var reCat = new RegExp("cat","gi"); var reCat = /Cat/gi;简单模式: 元字符: +*/   ([]{}) /^$  转义: var reQMark = //?/;       var reQMark = new R

 以下是完整的功能性代码.可方便使用. //FormUtil.js var FormUtil = new Object;// 找到第一个表单的第一个元素,并得到焦点FormUtil.focusOnFirst = function ()...{  if (document.forms.length>0)...{  //检测是否有一个表单     for(var i=0;idocu

一、什么是匿名函数？在Javascript定义一个函数一般有如下三种方式：函数关键字(function)语句： function fnMethodName(x){alert(x);}函数字面量(Function Literals)： var fnMethodName = function(x){alert(x);}Function()构造函数： var fnMethodName = new F

JS:<!--/** * CreateBar (FF,IE6/7/8,opera) * * verson: 3.0 (20081224) * author: yangf * email: yan-guofeng@126.com */ function id(elem){ return document.getElementById(elem) ||

// JavaScript Document//调试级别var DebugLevel = {Info:1,Warning:2,Error:3,Off:4};var Debug = { level:DebugLevel.Info, //调试等级 _output:alert, //输入方法,可为document.write //watch method,监视

var bigFunctionA = function(){ var s = 0; for(var i=0;i<10000;i++){ s += i; } return s; }var bigFunctionB = function(){ var s = "a"; for(var i=0;i<100;i++){ s += i; } ret

   今天看了海啸地盘上转的关于提升JS运行速度的译文.   大概意思是说,有四个方面的原因可能导致运行缓慢,直到脚本失控.   这四多就是:        1.太多的操作在循环中        2.太多的操作在函数里        3.太多的递归        4.太多的DOM操作   其中针对1,2,3提到的一个解决方法,思路看似都一样:如果几个操作没有特定的执行顺序,而且互相不是信赖关系

 1. CSS "float" 值访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为"header"的的 background-color值，我们使用如下句法：document.getElementById("header").style.backgroundColor= "#ccc";但由于"fl

一个简易的拖放效果 简易拖放效果<!--var isIE = (document.all) ? true : false;// 是否ievar $ = function (id) { //返回id对象 return "string" == typeof id ? document.getElementById(id) : id;};var

发现在使用五笔输入法时，keyup事件失效，郁闷。GOOGLE一下，据说是GOOGLE首页上使用的解决方案：onfocus时使用setInterval进行间隔检查，onblur时clearInterval，缺点是消耗资源。。呃~~

在网页上直接播放语音，只要安装了flash播放器就可以用:var VoicePlayer = { player: null, player_id : 'voice_player', voice_box_id : 'voice_box', //准备dom结构 ready: function() {