小木马跳跳-优快云博客

原创创造对象

1、工厂模式优：减少重复代码缺：没办法判断对象类型2、构造函数constructor – 每个对象都有构造函数属性与工厂模式区别1、没有显示创建对象 2、属性方法赋值给this 3、无return都是new做的事。优缺点缺： 1、每个方法在每个实例上都要重新创建一遍。不同实例上的同名函数实际上是不同的。 2、优化后的全局函数只能被某个对象调用。3、原型模式prototype – 每个函数

2016-11-17 19:27:04 362

原创 Object.defineProperty

chrome 下Object.defineProperty configurable值描述 true 可以多次使用，任意修改其他属性。 false 仅可以再次将writable由true修改为false，其他均会报错。

2016-11-17 14:57:40 303

原生数据类型Boolean、String、Number、Null、Undefined在传统的编程语言中，原生数据类型存在栈中，而引用类型存在堆中，但是JS彻底的抛弃了这种概念，原生数据类型保存在一个叫做变量对象(Variable Object)的对象中，而引用类型则保存在内存中。判断原生数据类型最好的方法莫过于typeof，除了Nullconsole.log(typeof null); //obje

2016-11-17 11:20:03 209

原创图片上传

.file-upload { position: relative; overflow: hidden; border: 1px solid #C5B7B7; display: inline-block; padding: 10px 10px; border-radius: 3px; margin-top: 10px

2016-09-22 17:03:19 1764

原创构造树

/** * 构建树结构 * * @return {Array} 树结构[{id:树id,children:[]}] */ buildTree() { const CHINA_ID = 998; const FOREIGN_ID = 999;

2016-09-18 14:49:43 1053

原创 padding笔记

源自慕课网张鑫旭老师视频课程笔记http://www.imooc.com/learn/710应用1、inline元素padding断行 <div style="width: 400px;height: 400px;background: red;"> <span style="padding: 39%;background: green;">内有文字若干</span>

2016-09-05 15:02:28 233

原创鼠标事件

mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。$(document.body).

2016-08-30 14:17:31 209

原创 gem

gem基于ruby的一个工具，可以安装一些基于ruby的软件。 gem sources gem sources -r url地址 gem sources -a url地址 gem sources -u(更新源的缓存)

2016-08-30 14:15:36 246

原创 jsDuck

使用ruby 编写的javascript API文档生成器。cd {esui}sudo gem install jsduck mkdir docjsduck --config=jsduck/config.json open doc/api/index.html

2016-08-30 14:15:06 321

原创栅格系统的基础实现

12栅格体系描述12栅格体系实现less @N: 31/636;@P: 24/636;.colWidth (@index) { width: percentage(@N * @index + @P * (@index - 1));}.colHeight (@index) { height: percentage(@N * @index + @P * (@index - 1));}.co

2016-08-19 15:29:42 354

原创移动端自适应

实现形式名称描述缺点流式布局百分比来定义宽度，高度大都是用px来固定。大屏幕的手机下显示效果会变成有些页面元素宽度被拉的很长，但是高度还是和原来一样，实际显示非常的不协调。固定页面宽度超出部分留白大屏幕手机下看起来页面会特别小，操作的按钮也很小。响应式维护性难 viewport js控制viewport 的 initial

2016-07-25 11:48:26 284

原创 web存储过期时间

cookie默认cookies失效时间是直到关闭浏览器，cookies失效（默认值是-1），也可以指定cookies时间。function SetCookie(name, value) { var exp = new Date(); exp.setTime(exp.getTime() + 60 * 2000);//过期时间 2分钟 document.cook

2016-07-20 17:51:34 389

原创对象和数组的深浅拷贝

浅拷贝直接赋值，例如 var newArray = oldArray; var newObject = oldObject;深拷贝数组1、遍历赋值注意多维数组，判断如果是数组的话(arry1[i] instanceof Array)，再递归调用遍历赋值。2、oldArray.slice(0)3、oldArray.concat([])4、$.extend([],oldArray)对象1、遍历赋值

2016-07-19 16:46:02 275

原创判断是否是数组的几种方法

判断objectName是否是数组1、objectName instanceof Array2、objectName.constructor == Array基本数据类型也可以使用此方法。(123).constructor == Number // true1、2判断有误差。 a)在不同 iframe 中创建的 Array 并不共享 prototype b)即使为

2016-07-19 16:21:41 6001

原创 html5shiv

http://www.daqianduan.com/2831.html http://www.jb51.net/html5/151265.html引用位置head部分（因为IE必须在元素解析前知道这个元素，所以这个js文件不能在其他位置调用，否则失效）<!--[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.

2016-07-18 17:15:21 227

原创 mongoose

简介MongoDBMongoDB是基于文档的非关系型数据库(文档型数据库)，文档是按BSON（JSON的轻量化二进制格式）存储的。MongoDB数据逻辑结构文档（document）：键值对，相当于行。集合（collection）：相当于表。多个文档组成一个集合。数据库（database）：多个集合组成数据库。关系型数据库，表结构是固定的，比如某一行由若干列组成，行行都一样，而MongoDB，

2016-07-11 19:48:02 284

shanqianmin_new的博客