找到相关内容 187
JavaScript奇淫技巧之遍历数组
正常的for循环就不提了,直接进入正题。如下: //示例1 for(var i=0,a;a=["jack" , "tom" , "lily" , "andy"][i++];){ console.log(a); } //示例2 var ary = ["jack" , "tom" , "lily" , "andy"]; for(var i=0,a;a=ary[i++];){ console.log(a); } 从F
http://www.cyqdata.cn/cnblogs/article-detail-31672 
javascript 模板系统 ejs v7
本版本只要是对其易用性进一些修改,去掉两个冗余的功能。 我发现我的模块系统天生就能实现模块套嵌,因此有关子模板导入的两个操作符去掉。 对参数也做了一些简化,可简单地传入一个字符串来指定目标元素的选择器或目标文件的URL(通过url(http://)来区分)与一个参数对象,也可以像EXT那样传入一个哈希。 //dom.ejs v7 by 司徒正美 //http://www
http://www.cyqdata.cn/cnblogs/article-detail-31637 
如何编写高质量的Javascript代码
优秀的Stoyan Stefanov在他的新书中(《Javascript Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写API文档,同事的review,使用JSLint。这些习惯都能帮助你编写更加高质量的、更易于理解的、可维护的代码(让你的代码在多
http://www.cyqdata.cn/cnblogs/article-detail-31635 
Javascript1.6数组新特性和jquery的几个工具方法
JavaScript 1.6 引入了几个新的Array 方法,具体的介绍见:New in JavaScript 1.6 。这些方法已经被写进了ECMA262 V5。现代浏览器(IE9/Firefox/Safari/Chrome/Opera)都已经支持,但IE6/7/8不支持。jquery的工具方法中提供了类似的功能。1、Array.forEach()和jquery的$().each()。在数组中的
http://www.cyqdata.cn/cnblogs/article-detail-31580 
[原创]如何确保JavaScript的执行顺序 – 之jQuery.html深度分析
上一篇:[原创]如何确保JavaScript的执行顺序 – 之实战篇 1.      引言 在上一篇文章《如何确保JavaScript的执行顺序 - 之实战篇》中,我们发现jQuery的html函数能够确保动态加载的JavaScript按照引入顺序执行。   我们先来简单回顾下HTML源代码(test2.htm): <
http://www.cyqdata.cn/cnblogs/article-detail-31565 
Javascript变量作用域
变量的作用域指的是变量的可见性,而生命周期则(存活期)则是从另一个角度考察变量。JS中变量的作用域分为全局变量和局部变量,函数内定义的称为局部变量,函数外的称为全局变量。(“函数外的称为全局变量”是相对的,另此处讨论的前提是用var显式声明的变量,函数内不用var定义的变量默认是全局变量,当然忽略var声明变量是不赞成的)。 var glob = 4;//函数外声明全局变
http://www.cyqdata.cn/cnblogs/article-detail-31559 
又一款 javascript 代码优化工具 UglifyJS
冒着被人骂的风险发来主页,要是我火星了。请无视我吧…… jquery 1.5 发布的时候 john resig 大神说所用的代码优化程序从Google Closure切换到UglifyJS,新工具的压缩效果非常令人满意。 UglifyJS 是一个服务端node.js的压缩程序。据说很黄很暴力…… 我测试了一下压缩率确实比
http://www.cyqdata.cn/cnblogs/article-detail-28730 
[原创]如何确保JavaScript的执行顺序 – 之实战篇
1.     引言 我曾在文章《如何在多个页面使用同一个HTML片段 - 续》的最后提到JavaScript顺序执行的特性。虽然现代浏览器可以并行的下载JavaScript(部分浏览器),但考虑到JavaScript的依赖关系,他们的执行依然是按照引入顺序进行的。   为了更好的测试这个过程,我写了一个简单的HTTP处理程序页面 serv
http://www.cyqdata.cn/cnblogs/article-detail-28701 
Javascript闭包演示
有个网友问了个问题,如下的html,为什么点击所有的段落p输出都是5,而不是alert出对应的0,1,2,3,4。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>闭包演示</title> <style type="text/css">
http://www.cyqdata.cn/cnblogs/article-detail-28696 
Javascript中匿名函数的多种调用方式
Javascript中定义函数的方式有多种,函数直接量就是其中一种。如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数。好,看看匿名函数的如何被调用。 方式1,调用函数,得到返回值。强制运算符使函数调用执行 (function(x,y){ alert(x+y); return x+y; }(3,4)); 方式2,
http://www.cyqdata.cn/cnblogs/article-detail-28664 
高性能JavaScript 笔记之 第1章 加载和执行
《高性能JavaScript》,一本不可多得的好书,打算这个月把它看完。每章做个笔记,免得以后忘了~ 阻塞特性: JS 有个很无语的阻塞特性,就是当浏览器在执行JS 代码时,不能同时做其他任何事情,无论其代码是内嵌的还是外部的。 脚本位置: 浏览器在碰到一个引入外部JS 文件的<script>标签时会停下所有工作来下载并解析执行它,在这个过程中,页面渲染和用户交互完全被阻塞了,为了避
http://www.cyqdata.cn/cnblogs/article-detail-25469 
JavaScript游戏之跳云
最近在android手机上,发现一款小游戏,叫跳云,玩法很简单,点击一下屏幕,小人就会往下跳,要站在云上,不然就结束了,在跳的过程中,会收到风的影响,使下落偏移。所以我就想用js来迅速山寨一个来试试。 发觉以前的js游戏,都是用了很多个setTimeout的计时器,效率不咋D,所以采用html5的写法来写js游戏,用一个setInterval来实现。思路跟以前很不同。 玩法很简单,单击游戏屏幕就可
http://www.cyqdata.cn/cnblogs/article-detail-25370 
【分享】JavaScript版几种常见排序算法
说明 写这个主要是为了锻炼自己,并无实际意义。 每个浏览器测试得出的数据会不一样。比如我用chrome 测试 一般快速排序都会最快,IE 则根据数组长度有可能希尔最快。 不要用太大数据去测试冒泡排序(浏览器崩溃了我不管) 如果有兴趣可以  下载测试页面 个人理解 冒泡排序:最简单,也最慢,貌似长度小于7最优 插入排序: 比冒泡快,比快速排序和希尔排序慢,较小数据有优势 快
http://www.cyqdata.cn/cnblogs/article-detail-25145 
简析javascript的this
昨天跟朝沐同学讨论到this指针,今天决定凭感觉来写一篇,或许对某些同学有帮助。惭愧,一直以来,写码只是凭感觉,没有系统的学习过这套那套理论,所以先申明,以下内容大多是感觉描述,没有去对照权威参考,多有错漏。 很小白的百度知道一下“javascript this”,搜到了这个:http://zhidao.baidu.com/question/87695812.html?si
http://www.cyqdata.cn/cnblogs/article-detail-15023 
尝试实现一个JavaScript MVC方案
此方案是一次将MVC的思想引入客户端的尝试. 结合AJAX , 并借鉴了一些ASP.NET MVC的实现模式.   示例是一个简单的事件管理系统, 只有一个页面, 用户可以提交事件(post), 回复(reply). 页面打开时列表方式展现事件及回复.   Controller公开一系列action 给调用方. action主要做三类事: 1. 使用ajax方式与服务
http://www.cyqdata.cn/cnblogs/article-detail-12614 
Unobtrusive JavaScript in ASP.NET MVC 3
Unobtrusive JavaScript 是什么? <!--以下是常规Javascript下写出来的Ajax--> <div id="test"> <a href="/" onclick="Sys.Mvc.AsyncHyperlink.handleClick(this, new Sys.UI.DomEvent(event), { insertionMode
http://www.cyqdata.cn/cnblogs/article-detail-11386 
JavaScript跨域问题
遇到过几次此类问题,上一次用了JQUERY的JSONP,而这次用了普通的JS写法,其实两者是完全一样的,贴出来分享一下也便于以后自己查找 首先是JQUERY的JSONP方法: 假设有一个静态页面上的某些功能需要通过判断IP来授权访问,而这个网站是静态的没办法自己实现判断IP功能,这时候就可以用跨域来解决代码如下: var CheckUrl=function(){ $.getJSON('
http://www.cyqdata.cn/cnblogs/article-detail-4835 
javascript 懒加载技术(lazyload)简单实现
1.前言   懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页,淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/l
http://www.cyqdata.cn/cnblogs/article-detail-4296 
关于JavaScript中Function Declaration与Function Expression的进一步说明
引子 我在1月12日发表了《解读ECMAScript[2]——函数、构造器及原型》一文,文中提到了函数声明(Function Declaration)与函数表达式(Function Expression)的概念。在那篇文章中,重点对两者与ECMAScript内置对象Function之间的关系进行了论述,而对两者的区别未加以详细说明。昨天晚上对Web前端颇有研究的jee.ch
http://www.cyqdata.cn/cnblogs/article-detail-4165 
smipleChart 简单图标类 javascript
  支持 线性图 区域图 柱状图 饼图 支持多浏览器 用到的是svg  vml   之后加上 多层饼图 分段图 和组合图   另 js浮点精度问题 不好解决 求助。。。。。。。。。 水平有限 难免问题多多 望赐教。。。。。。。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN
http://www.cyqdata.cn/cnblogs/article-detail-2985