macleer的博客

Linear：线性匀速运动效果；Quadratic：二次方的缓动（t^2）；Cubic：三次方的缓动（t^3）；Quartic：四次方的缓动（t^4）；Quintic：五次方的缓动（t^5）；Sinusoidal：正弦曲线的缓动（sin(t)）；Exponential：指数曲线的缓动（2^t）；Circular：圆形曲线的缓动（sqrt(1-t^2)）；Elastic：指数衰减的正弦曲线缓动；Ba

我们预期只有当鼠标从div中移开的时候才会触发onmouseout事件，可事实上，当我们移到div中的元素时，例如：本例中的a标签时，就会触发 onmousout事件也就是说，移到对象的子对象上，也算onmouseout了。但这往往会达不到我们想要的预期效果。这是由于javascript自身的冒泡特性导致的（即在子元素上触发了事件，并冒泡到了父元素-堆栈后进先出算法）。今天在网上搜了一

1、概述本文以淘宝作为例子，介绍从一百个并发到千万级并发情况下服务端的架构的演进过程，同时列举出每个演进阶段会遇到的相关技术，让大家对架构的演进有一个整体的认知，文章最后汇总了一些架构设计的原则。2、基本概念在介绍架构之前，为了避免部分读者对架构设计中的一些概念不了解，下面对几个最基础的概念进行介绍。1）什么是分布式？系统中的多个模块在不同服务器上部署，即可称为分布式系统，如Tomcat和数据库分别部署在不同的服务器上，或两个相同功能的Tomcat分别部署在不同服务器上。2）什么是高可

1、通过to='xx/xx'直接条状点击2、to=对象，带参数跳转（pathname, query, hash, state(额外数据）），注意:这些参数都被存放到this.props.location中 <Link to={{pathname:"/select", hash:'#ahash', query:{foo: 'bar', boo:'boz'}, state:{d

使用 hashHistory，浏览器上看到的 url 会是这样的: /#/user/haishanh?_k=adseis使用 browserHistory，浏览器上看到的 url 会是这样的：/user/haishanh看起来当然 browserHistory 很好很理想，但 browserHistory 需要 server 端支持。 而使用hashHistory的时候，因为

数组的解构赋值数组的解构赋值需要左边的变量结构需要等于右边的值的结构，即给对应位置的变量声明对应位置的值，变量的取值由位置决定只要某种数据类型具有迭代器(iterator)接口，就可以使用数组的解构赋值，不一定非是数组es6中具有iterator接口的数据类型有：数组，类数组对象，字符串，Set，Map，Generator函数注：对象不具有iterator接口，需要

createClass本质上是一个工厂函数，extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开，因为creatClass本质上是一个函数，传递给它的是一个Object；而class的方式定义方法时务必谨记不要使用逗号隔开，这是ES6 class的语法规范。Reac

转载自：http://sbco.cc/magicCss/html/index.html

1.高度不确定垂直居中transform:translateY(-50%);main> div> I'm a block-level element with an unknown height, centered vertically within my parent. div> main>main {    background

一。renderer 渲染器//开启Three.js渲染器var renderer;//声明全局变量（对象）function initThree() { width = document.getElementById('canvas3d').clientWidth;//获取画布「canvas3d」的宽 height = document.getElementById('canv

借用张大神链接  http://www.zhangxinxu.com/study/201307/background-color-insert-background-image.html##

JS原型对象和原型链在Javascript中，万物皆对象，但对象也有区别，大致可以分为两类，即：普通对象Object 和 函数对象Function。一般而言，通过new Function产生的对象是函数对象，其他对象都是普通对象。举例说明：function f1(){ //todo}var f2 = function(){ //todo};var f

1.window.domain强制设置相关页面 window.domain相同a.html  document.domain = 'a.com';b.htmldocument.domain = 'a.com';2.window.name  同一窗口，动态改变链接 window.name 是不变的，最多保留2M数据a.htmlwindo

Mutation Observer（变动观察器）是监视DOM变动的接口。当DOM对象树发生任何变动时，Mutation Observer会得到通知。要概念上，它很接近事件。可以理解为，当DOM发生变动会触发Mutation Observer事件。但是，它与事件有一个本质不同：事件是同步触发，也就是说DOM发生变动立刻会触发相应的事件；Mutation Observer则是异步触发，DOM发生变

in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。使用delete操作符则可以完全删除实例属性，从而让我们能巩固重新访问原型中的属性。function Person(){}Person.prototype.name = "Nicholas";Person.prototype.age = 29;Person.pro

定义和用法drawImage() 方法在画布上绘制图像、画布或视频。drawImage() 方法也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。JavaScript 语法 1在画布上定位图像：context.drawImage(img,x,y);JavaScript 语法 2在画布上定位图像，并规定图像的宽度和高度：cont

一、前言-索引ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下：forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1.6)lastIndexOf (

1、方法定义call方法:语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Globa

开发环境一般引用的是本机 C:\Program Files (x86)\Microsoft ASP.NET\ASP.NET MVC 3\Assemblies下的System.Web.Mvc.dll，当系统更新时，此文件会更新为高级版本，从而和已经部署到服务器上的System.Web.Mvc.dll版本不一致。从能在线上运行时报下面的错误：Assembly 'TestUnsafe, Versio