五月西瓜的专栏

在此只记录ECMAScript中广泛使用的认同度最高的创建自定义类型方式：组合使用构造函数模式和原型模式；和通用的继承方式:组合继承（借用构造函数继承和原型继承的组合）；1、创建自定义类型：             构造函数模式用于定义实例属性，原型模式用于定义共享属性和方法，    结构就是每个实例都有自己的一份实例属性的副本又共享着对方法的引用，最大限度的节省了内存空间。

文章概览本文包含新版本react contextAPI的简单介绍、基本用法和实际项目中的使用方法。本文不会介绍context和高阶组件的概念，而是介绍二者如何配合使用。简介react在16.3版本引入了全新的context api，提供一种跨组件传递数据的方法，避免了在多组件层级间手动传递props。基本用法项目中很多组件需要共有的状态比如：主题、地区偏好。如何优雅的处理呢？当然了，借...

codeNirror 是一款非常不错的在线代码编辑插件。现在简单介绍对sql编辑的支持。初始化(function (){ window.top._editor = CodeMirror.fromTextArea($("#codeTypeArea")[0], { mode: 'text/x-sql', inde

页面隐藏form下载文件0 == $("#ExcelForm").length && $(document.body).append('<form target="ExcelIframe" id="ExcelForm">' +'<input type="hidden" id="Excel_queryKey" name="processIds&q

如今前后端分离已经很普遍，后端提供模拟接口或者前端自己模拟数据就可以实现前后端同时开发，缩短项目时间。其中有一点缺陷：将前后端接口联调的风险放到了最后，最后接口的改变可能对前端的代码影响较大。这就需要项目前期有完善的接口文档。以往前端的同学做项目时服务的问题总是让自己很恼火，后端改了配置自己本地就尴尬了，又得请教后端同学，就连配置web容器或者maven什么的。。。说起都是心累

原文：http://blog.youkuaiyun.com/hongweigg/article/details/44035283英文：https://en.wikipedia.org/wiki/Pure_function在计算机编程中，假如满足下面这两个句子的约束，一个函数可能被描述为一个纯函数：给出同样的参数值，该函数总是求出同样的结果。该函数结果值不依赖任何隐藏信息或程序执行处理可能改

事件是先捕获，后冒泡。从最外层向内逐层捕获直到目标（target），再逐层向上冒泡直到标签。所有事件处理程序都会忽略捕获阶段，而在事件冒泡阶段触发事件。使用addEventListener绑定事件并且第三个参数为true，可以让事件在捕获阶段触发，这是唯一让事件在捕获阶段触发的方法。element.addEventListener("click",function(){},true)事件中

当鼠标点击所看到的的按钮时，其实发生了一系列的事件传递，可以想象一下，button实际上是被body“包裹”起来的，body是被html“包裹”起来的，html是被document“包裹”起来的，document是被window“包裹”起来的。所以，在你的鼠标点下去的时候，最先获得这个点击的是最外面的window，然后经过一系列传递才会传到最后的目标button，当传到button的时候，这个事件

1.从url获取指定参数值function requestParam(paras){ var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj = {}; for (i=0; j=paraString[i]; i

jQuery源码对象构建方法： 第一种方式：var A = function(){return A.prototype.init();} A.prototype = {init:function(){this.age = 50;console.log(this);return this;},age:10

工厂模式创建对象不会使用new操作符，而是返回一个对象字面量。例子：function Animal(name) { return { run: function() { alert(name + " is running!"); }; }}var animal = Animal("fox");animal.run();继承：继承也很简单，在获取到anima

将所有属性和方法使用this声明，并放在构造函数中，不使用prototype.例子：function Animal(name) { this.name = name; this.run = function() { alert("running "+this.name) };}var animal = new Animal('Foxie');animal.run();

为什么叫伪经典继承呢，因为javaScript中真的没有类。        这里是两个伪经典继承的例子，第一种看上去更容易明明白，第二种只是在第一种的基础上对继承的细节进行了封装，使用起来更简单友好。多的不说，将代码自己写一遍自然就懂了。注释也有必要的说明。// --------- the base object ------------ //没有对继承细节进行封装 functio

三个函数均不会修改原数组或字符串         substr():返回字符串起始下标（包含）到指定长度的字符串,仅作用于字符串;                       缺省第二个参数时默认返回从起始下标到字符串结尾的子串;                       参数为负数时逆向考虑，逆向初始下标为-1;                       第二个参数为负数

继承本地对象：本地对象是可以被继承的，如Array.prototype保存着全部的Array实例的方法。如果想在自定义对象（假设为myArray）中访问这些方法，办法就是myArray.__proto__ == Array.prototype.来看例子：// constructor function MyArray() { this.stringify = function

装饰模式，让work函数本身不做任何修改的同，在其外部包裹一个额外的函数使其好像具备了新的额外的行为。优点：1、装饰模式可以复用             2、装饰模式可以灵活的组合例子1此处给work函数包裹外层函数后使其具有了一个日志功能，能记录并打印调用work时传递过的参数function work(a,b){ //console.log(a+b);

看了篇英文的。。。。心累说正事，Objects in JavaScript can be converted to primitives in three contexts:javaScript对象在以下三种场景中会转换为原始数据类型。（primitives：英文是硬伤，这个单词意思表达的应该和Java中的基本数据类型一个意思，我会叫它元始数据类型、原语、基本数据。。。）N

try{}catch(exception){}finally{}catch和finally都是可选的，但是在使用try时，至少二选一。catch住的异常对象存在两个基本属性：name:错误类型message:更多的错误描述firefox、Chrome、Opera提供了一个stack属性，由它可以看到导致异常的嵌套调用。关于return

javaScript中一个判断数据类型比较简单快捷的办法： var obj = Object.prototype.toString; console.log(obj.call(123)); //[object Number] console.log(obj.call("123")); //[object String] console.log(obj.call(n

一个function就一个对象，它可以提供一个创建static类型变量的办法。javaScript中没有static关键字，但是我们能直接将此类型的变量放入对象中。如： function f() { f.count = ++f.count || 1 // f.count is undefined at first alert("Call No " + f.co

最近正在写一个数据量比较大的页面，正好偶然看到HTML5的Web Workers可以实现非阻塞处理数据，心中甚喜。终于网上查了一番发现确实是个好东西，然而不适合我的页面，学以备用吧。初次接触只推荐两篇比较好的文章。          《HTML5 Web Worker的使用》《深入 HTML5 Web Worker 应用实践：多线程编程》

转载自：http://www.cnblogs.com/gaojun/p/3394274.html

$().ready(function(){ var url = "http://zhidao.baidu.com/link?url=dYuZUoUbaHiLI&zz=dddd"; var getParam = getvl("zz",url); alert(getParam); //dddd }); function getvl(name,url) { 　　var r

这是一个非常好用的日历插件，使用简单，配置多样且特别方便   详情点这里

http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp