编程模式，是源自经验和探索总结出的最佳实践方案，既有助于可读性和可维护性，也有助于提升整体性能。 行为隔离 总则：结构、样式和行为之间两两隔离。避免在结构中使用内联事件尽量少用 <script> 标签考虑 JavaScript 被禁用的情况，添加一些替换标签 命名空间 为了减少命名冲突，优化 JavaScript 性能，尽量只定义几个全局变量，并将其他变量和方法定义为这几个变量的属性。//定义全局变量 var MYAPP = window.MYAPP || {}; //定...
此文的目的是分析函数的四种调用形式，弄清楚函数中this的意义，明确构造函对象的过程，学会使用上下文调用函数。 在JavaScript中，函数是一等公民，函数在JavaScript中是一个数据类型，而非像C#或 其他描述性语言那样仅仅作为一个模块来使用. 函数有四种调用模式，分别是：函数调用形式、方法调用形式、构造器形式、以及apply形式. 这里所有的调用模式中，最主要的区别在于关键字 this 的意义. 下面分别介绍这个几种调用形式. ...
函数表达式//匿名函数 var anonymous = function(){ return true; };//命名函数 var named = function named(){ return true; }//IIFE 函数 Immediately-Invoked Function Expression (function(){console.log('Hello!'); })(); 不要再非函数块中（if while etc）声明函数，尽管浏览器允许你分配给函数一个变量，但是不同的浏览器解析方式可能不同。 ECMA-262把块定义为一组语句，但函数不是一个语句。//good var test ; if(aaa){ ...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>* {margin: 0;padding: 0;}div {width: 200px;height: 100px;background-color: pink;position: absolute;}</style></head><body><input type="button" id="bt" value="显示效果"/><div id="dv"></div><script src="common.js"></script><script>//点击按钮，使元素的宽度到达一个值，高度到达一个值//获取任意元素的任意属性值function getSty...
构造函数方式：a. 代码： var myClass = function(name){ this.name = name } myClass.prototype.sex = "male" var myClass = new myClass(‘lee‘) myClass.sex = "female" console.log(myClass.name) console.log(myClass.sex)b. 输出：lee female工厂函数方式（推荐）：a. 代码： var myFactory = function(name){ return {name:name } } myFactory.prototype.sex = "male" var myFactory = new myFactory(‘lee‘) myFactory.s...
?1234567891011121314151617181920varglobalVariable=null; varglobalObject={ init:function(){ $.extend({method:function(e){e}}); //jquery static method extend $.fn.extend(); //jquery instance method extend String.prototype.reverse=function(e){this} //js method extend this.method; //initailize object method $(function(){ globalObject.method; //...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Title</title> </head> <body> <div ></div><div ></div><script> // 动态时钟 function showDateTime() {var sWeek = new Array("日", "一", "二", "三", "四", "五", "六"); //声明数组存储一周七天var myDate = new Date();...
问题描述在实现业务时，大量用到了 if（a === b）这样的判断，但有一个类似判断一直进不去这个if条件， a === b 返回的一直是false，但是其他几个类似判断，都正常触发条件。原因分析我们都知道 === 是严格相等，首先要两个值的类型相等，无法触发条件的这个判断，a和b都是Array对象，且通过打印，看到数组中的元素是一样的。于是写了几个测试判断，如下：通过上图可以看到，对于javascript的基础类型Number、String，如c2和d2都等...
技术很多，例子很多，只好慢慢学，慢慢实践！！现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记23.3 响应鼠标动作图3-2的效果已经有了，需要鼠标来操作展示想看的照片，这就需要在相应的地方加上事件。3.3.1 响应小照片单击动作在3.2.3的代码里提供了显示小图列表的eg.showThumb()方法，在单击小图片时要显示大图片，这需要调用eg.showBig...
Combination Sum IIGiven a collection of candidate numbers (C) and a target number (T), find all unique combinations in C where the candidate numbers sums to T.Each number in C may only be used once in the combination.Note:All numbers (including target) will be positive integers.Elements in a combination (a1, a2, … , ak) must be in non-descending order. (ie, a1 ≤ a2 ≤ … ≤ ak).The solution set ...
这是我的第一篇博客，从今天开始会记录自己学到的东西，希望自己能学到越来越多。JavaScript输出：document.write()四种方式：1.直接输出双引号里的内容 document.write(" ");2.输出变量名，如： var mychar="hello";document.write(mychar);3.利用加好"+"：document.write(mychar+"hello");4.输出html标签，标签使用双引号" "括起来：document.write(mychar+"<br/>"); 我刚没想起来这个，又回去看了一遍，真的是渣渣orz! 再追加下...
1 <html xmlns="http://www.w3.org/1999/xhtml">2 <head>3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>4 <title></title>5 <script type="text/javascript">6 onload = function () {7//单击显示按钮显示层 8 document.getElementById(‘btnShow‘).onclick = function () {9 document.getElementById(‘dv‘).style.display = ‘block‘; 10 ...
早就听说网上有人仅仅用60行JavaScript代码写出了一个俄罗斯方块游戏，最近看了看，今天在这篇文章里面我把我做的分析整理一下（主要是以注释的形式）。 我用C写一个功能基本齐全的俄罗斯方块的话，大约需要1000行代码的样子。所以60行乍一看还是很让人吃惊的。 但是读懂了代码之后发现其实整个程序并没有使用什么神秘的技术，只不过是利用一些工具或者JavaScript本身的技巧大大简化了代码。 总结起来主要是以下三点 ...
var originObj = { name: "小明", array:["666","777","888"], object:{ name:"lgq", prop:["good","beautiful","cool"], obj:{O age:"18", sex:"boy" } }}var targetObj = {}; /*** 浅克隆*/function clone(origin,target){ var target = target || {};//target若不定义,默认为空{} for(var prop ...
/* //复习 var obj= new Number(2); alert(Number.MIN_VALUE);var num = new Number(22e3); alert(num); alert(isFinite(num));//判断是否超出了规定的范围var person={fname:"John",lname:"Doe",age:25}; var txt=""; for (x in person){txt=txt + person[x];}alert(txt); ------------------------------------------正则表达式(regular expression) 创建方式： 1.使用new运算符 var reg = new RegExp("box"); alert(reg);//ret...