单体模式（singleton） 单体是在脚本加载时创建的，能将一系列有关联的变量和方法组织为一个逻辑单元，逻辑单元里面的内容通过单一的变量进行访问； 一个单体主要分为三部分 用于访问内部信息的入口变量（如：Sky） 属性（如：nickName/age/timeInfo） 方法（如：sayHello） 基本结构 代码如下:var Sky = { /* * 作用一，变量管理 */ nickName: "sky", age: "26", /* * 作用二，加载中初始化变量 * 在加载过程中执行并初始化Sky.i...
下面通过文字详解加代码分析的方式给大家分享下javascript设计模式之对象工厂函数与构造函数的相关知识。 概述使用对象字面量，或者向空对象中动态地添加新成员，是最简单易用的对象创建方法。然而，除了这两种常用的对象创建方式，JavaScript还提供了其他方法创建对象。1).使用工厂函数创建对象我们可以编写一个函数，此函数的功能就是创建对象，可将其.概述 使用对象字面量，或者向空对象中动态地添加新成员，是最简单易用的对象...
单体模式（singleton） 单体是在脚本加载时创建的，能将一系列有关联的变量和方法组织为一个逻辑单元，逻辑单元里面的内容通过单一的变量进行访问； 一个单体主要分为三部分 用于访问内部信息的入口变量（如：Sky） 属性（如：nickName/age/timeInfo） 方法（如：sayHello） 基本结构 代码如下: var Sky = { /* * 作用一，变量管理 */ nickName: "sky", age: "26", /* * 作用二，加载中初始化变量 * 在加载过程中执行并初始化Sky....
1.创建对象 代码如下: var person = new Object(); person.name = "RuiLiang"; person.age = 30; person.job = "Teacher"; person.sayName = function () { alert(this.name); }; person.sayName(); 2.工厂模式 缺点：不能识别对象 代码如下: function createPerson(name,age,job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { alert(this.name); }; return o; } var person1 ...
一、设计模式意义：是让代码更加工程化。 二、设计模式的构成： （1）模式名称：模式的一个好记的名字。 （2）环境和问题：描述在什么环境下，出现什么特定的问题。 （3）解决方案：描述如何解决问题。 （4）效果：描述应用模式后的效果，以及可能带来的问题。 三、设计模式 1、单例模式：单例模式保证一个类仅有一个实例，并提供一个访问它的全局访问点 （1）优点：可以来划分命名空间，从而清除全局变量所带来的危险。利用分支技...
本文所指TwoQueues缓存模型，是说数据在内存中的缓存模型。无论何种语言，都可能需要把一部分数据放在内存中，避免重复运算、读取。最常见的场景就是JQuery选择器，有些Dom元素的选取是非常耗时的，我们希望能把这些数据缓存起来，不必每次调用都去重新遍历Dom树。存就存吧，但总得有个量吧！总不能把所有的历史数据都放在内存中，毕竟目前内存的容量还是相当可怜的，就算内存够大，理论上每个线程分配的内存也是有限制的。那么问题...
近几个月来的工作是一个交易系统持续改进项目，迭代发布周期大约为2~3周。最近一次迭代是V16版，在礼拜三完成发布。不幸的是，第二天上午就被老大逮过去。原来老大从生产中揪出了一个bug，大致的问题如下： 系统中有一个常用的自定义控件，目的是协助选择客户，而V16版的持续改进需求是给控件增加两个筛选选项，支持不同的默认值配置。很简单的一个需求，代码修改也简单，其中一个修改是给一个js文件里边的一个函数增加了一个传入参...
var a=new Array(); 如果这样定义：a[3]="a"; alert(a.length) 4 而是的1， 如果定义了，但没有赋值则返回一个undefined (alert(a[0])) 创建数组： 代码如下: arr = [];//是的,一个空中括号 //与下面一句几乎是等价的 arr = new Array();var a=new Array（1,"n",3,"m",5,“m”,8）; var a=[]; //定义一个空数组 var a=new Array(2); ／／定义一个长度为２的数组 var a=[2]; 定义一个初始值为2的数组 var a=[1,2,2,2,3,4,4,4]; 向...
javascript中window.document的属性、方法和事件的总结，有需要的朋友可参考一下本文章。 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节点的定义(只读) Doctype 指定文档类型节点(只读) documentElement 返回文档的根元素(可读写) firstChild 返回当前节点的第一个子节点(只读) Implementation 返回XMLDOMImplementation对象...
javascript Date.setDate()方法按照本地时间设置月份的某一天，在指定的日期。 语法Date.setDate( dayValue )下面是参数的详细信息：dayValue : 从1到31的整数，代表一个月份中某一天。返回值: NA例子： 下面的第二条语句从原来的值到8月24日的变化。JavaScript setDate Methodvar dt = new Date( "Aug 28, 2008 23:30:00" );dt.setDate( 24 );document.write( dt ); 这将产生以下结果：Sun Aug 24 23:30:00 UTC+0530 2008
前面的话 webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。当webpack处理应用程序时，它会递归地构建一个依赖关系图表(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成少量的bundle(通常只有一个)，由浏览器加载。它是高度可配置的，在开始前需要先理解四个核心概念：入口(entry)、输出(output)、加载器(loader)、插...
在之前的介绍中，我们已经知道 Javascript 没有块级作用，只有函数级作用域。代码如下: function test() { // a scopefor(var i = 0; i < 10; i++) { // not a scope// count}console.log(i); // 10 }Javascript 中也没有显示的命名空间，这就意味着一切都定义在全局作用域中。每一次引用一个变量时，Javascript 会往上遍历整个全局作用域直到找到该变量。如果遍历完整个全局作用域仍然没有找到该变量，则抛出一个 ReferenceError ...
本文主要介绍了React Router的基础知识，感兴趣的朋友一起来看看吧。React是个技术栈，单单使用React很难构建复杂的Web应用程序，很多情况下我们需要引入其他相关的技术React Router是React的路由库，保持相关页面部件与URL间的同步下面就来简单介绍其基础使用，更全面的可参考 指南1. 它看起来像是这样在页面文件中 在外部脚本文件中 2. 库的引入React Router库的引入，有两种方式2.1 浏览器直接引入可以引用 这里 的浏览器版本，...
Math对象 Math对象是在高中数学课就学过的内置对象。它知道解决最复杂的数学问题的所有公式，如果给它要处理的数字，即能计算出结果。 Math对象有几个属性，主要是数学界的专用值。下表类出了这些属性：属 性说 明E值e，自然对数的底LN1010的自然对数LN22的自然对数LOG2E以2为底E的对数LOG10E以10为底E的对数PI值πSQRT1_21/2的平方根SQRT22的平方根 虽然这些值的意义与用法不在本书讨论范围内，但如果清楚它们是什么，在需要时...
举例如果在 d3 上点击鼠标，事件流是这样的： 捕获阶段 在 div1 处检测是否有 useCapture 为 true 的事件处理程序，若有，则执行该程序，然后再同样地处理 div2。 目标阶段 在 div3 处，发现 div3 就是鼠标点击的节点，所以这里为目标阶段，若有事件处理程序，则执行该程序，这里不论 useCapture 为 true 还是 false。 冒泡阶段 在 div2 处检测是否有 useCapture 为 false 的事件处理程序，若有，则执行该程序，然后再同样地处理 d...