Javascript 深入浅出闭包

作者:JerryXia | 发表于 , 阅读 (18)
function example(){n=1;}example();alert(n); // 1夹不到菜,怎么让大人帮忙?就好比小孩在饭桌上吃饭,由于手比较短,只能在自己力所能及的范围内夹菜,也就是夹自己面前的菜(执行环境);但是我们可以借用闭包(大人帮忙)的方式来夹别的菜。
当我们需要得到函数内的局部变量时,正常情况下,是取不到的,只有通过巧妙的方法去实现。
解决方法:就是在自己的函数内部在定义一个函数E,然后再将函数E的值 return 回去,不就可以被访问了。废话少说,上菜!!!
function example(){var n=1;function example2(){alert(n);}return example2;}var result=example();result(); // 1好像有点明白了,但是怎么用呢?闭包不仅可以读取函数内部的变量,上面也提到了,还能让这些变量的值始终保持在内存中。
我们再来看下面这个例子
function example1(){var n=1;Add = function(){n+=1}function example2(){a...阅读全文

Javascript 深入浅出this

作者:JerryXia | 发表于 , 阅读 (20)
只有正确掌握了 JavaScript 中的 this 关键字,才算迈入了 JavaScript 这门语言的门槛。
What ’s this?要学一样东西,首先得了解它的含义,this 关键字的含义是明确且具体的,即指代当前对象;细心的童鞋发现了 当前对象 中”当前” 这两个字;说明这个 this 是在某种相对情况下才成立的。

由于其运行期绑定的特性,JavaScript 中的 this 含义要丰富得多,它可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式:作为对象方法调用,作为函数调用,作为构造函数调用,和使用 apply 或 call 调用。下面我们将按照调用方式的不同,分别讨论 this 的含义。
This 被分为三种情况:全局对象、当前对象或者任意对象;判断处于那种情况,这完全取决于函数的调用方式,JavaScript 中函数的调用有以下几种方式:作为函数调用作为对象方法调用作为构造函数调用使用 apply 或 call 调用这他娘的太可怕了,我要问的是 This 到底是什么鬼,你好家伙,给我罗列那么多,要...阅读全文

合理的可视化图表设计

作者:JerryXia | 发表于 , 阅读 (15)
可视化最终的目的是为了传达数据本身。
定义合适的可视化图形,可以说是最为关键的,视觉可视化设计方面正在高速的进步与发展,表格、图形、地图,甚至包括文本在内,都是信息的表现形式,无论它是动态的或是静态的,都可以让我们从中了解到我们想知道的内容,发现各式各样的关系,达到最终解决问题的目的。信息可视化的意义就是在于运用形象化方式把不易被理解的抽象信息直观地表现和传达出来。
可控性
作为一名可视化设计师,你可以尝试使用独特且新奇的图表类型,比如流动图、关系图、力学导向图,但作为用户是不应该花费过多的学习成本去了解新发明或者新创造的图表类型的。
在大多涉及情况下,更应该使用常见的图表类型,比如条形图、饼图、折线图,面积图。
可读性
作为一般的图表使用法则,如果你真的需要使用饼图,请尝试将切片保持在五个以下;饼图的切片越多,用户理解的难度就会越大,同时过多的切片会引起识别困难;所以根据不同的图表类型和适用性来决定使用哪种图表类型比较合适一些。
适用性
除非是处理日期类型的数据,否则你可以通过对数据进行升序或者排序来大大的提高图表的可读性,帮助观者降低理解的难度,排序更加适用与条形/...阅读全文

React 时尚的开发环境

作者:JerryXia | 发表于 , 阅读 (19)
"scripts": {"test": "echo \"Error: no test specified\" && exit 1","build": "webpack","start": "webpack-dev-server --devtool eval --progress --colors --hot","deploy": "NODE_ENV=production webpack -p","deploy-windows": "SET NODE_ENV=production & webpack -p ","validate": "npm ls"}添加 React Router (路由组件)$ npm install -S react-router使用 react-router 时你可以把它当成一个组件看待。添加 React Redux (状态管理)$ npm install react-redux --save如果你的应用没那么复杂,就没必要用 Redux,另一方面,Redux 只是 Web 架构的一种解决方案,也可以选择其他方案(Flux);当你用上 Redux 时,搭配 Imm...阅读全文