Redux通过解构赋值...state,保留了state里未修改的部分，并覆盖修改的部分，那么现在问题来了，这里的新对象通过解构得来的...state，是否是原来属性的引用赋值呢？

最近出去面试，栽在这个问题上，提到vuejs，面试官一般会让你说vuejs的特点，一般就要回答virtual dom tree, dom tree diff, 以及数据双向绑定,然后面试官会追问你，vuejs是如何实现数据双向绑定的，前面的问题算基础的话，能答出这个就更上一个台阶，说明你的思考能力不停留在表层，遗憾的是我只能大概说出Object.defin...

译者：闭包都被讨论烂了，不理解闭包都不好意思说自己会js，但我看到这篇文章还是感觉眼前一亮，也让我对闭包有了一些新的理解，并且涉及了一些类和原型链的知识，这是一篇2012年的文章，稍微有点早，内容也略微基础，但是很明晰，希望能给读者带来新的理解。

本文解释javascript中深拷贝和浅拷贝的区别。 浅拷贝/Shallow Copy 浅拷贝指拷贝了引用值。 {代码...} [链接] 注意: 浅拷贝中，原始值和副本共享同样的属性。 浅拷贝只拷贝了对象引用。 浅拷贝中如果修改了拷贝对象会影响到原始对象，反之亦然。 js中，数组和对象的赋值默认为浅拷贝。 深拷贝/Deep Copy 深拷贝指递归的...

好久没写文章了，之前一直有一个想法，就是做一个根据用户行走的路线，获取地理位置，然后把它们绘制出来，最后产生的效果，类似蜗牛行走留下的痕迹。

vuejs是一个建造web界面的库。配合其他工具，你也可以称它为“框架”（尽管它更多的看起来像是一堆配合很好的工具集）。如果你从未听说过vue，你可能会想，好吧，我懂了，又一个js框架。事实上Vue并不新，因为我两年以前就开始了它的原型开发，第一个正式版发布于2014年2月，随后不断更新进步，至今已经有很多产品在使用Vue。

作用域有两种常见的模型，一种叫做 词法作用域 Lexical Scope，一种叫做动态作用域 Dynamic Scope。其中词法作用域更常见，被大多数语言采用，包括javascript。

You-Dont-Know-JS是github上一个拥有9000多枚星星的JS教学文档，评价很高，为了避免和其他翻译文一样，容易陷入不宜读的混乱，也试图避免原文中过多数的术语导致我露怯，我只提取提取我理解的一些点，通俗的讲出来。今天先从第一章作用域开始吧：

工作之余在codewars上看了一个问题，题目如下 写一个正则，验证密码，保证以下几点， 0.位数大于六 1.必须包含小写字母 2.必须包含大写字母 3.必须包含数字 好吧，我搞了半天没搞出来，各位看官，你们知道怎么解吗？ 答案我参考了google，使用一条正则表达式是这样的 {代码...} 这里包含了几个基础知识点，我说明一下 正...

[链接] 这里看了一个关于js mvc框架的ppt，作者是一位google的工程师，感觉挺全面挺有意思，适合像我这种入门级人士，简单翻译一下，有很多术语是猜的，如有不对还请各位看官指正。

一个圆，中心点x,y坐标，半径r 给自己绑定一个点击事件，删除自己，创建四个新圆，中心点位置分别是当前+- 半径/2,四种组合，半径设为一半

Object.defineProperty，顾名思义，为对象定义属性，但是疑问是，我们有太多的办法去定义一个对象的属性了,比如foo['bar'] = 100,比如foo.bar = 100，为什么还要用它？会不会是自找麻烦呢？

提到require.js大多数人会说提到模块化开发，AMD等等，其实require.js并没有这么多复杂的概念，这里我就希望排除这些概念，从实用的角度来简单说一下require.js是干什么的，我们要怎么用它。

说明： 这篇文章写于2010年，作者在视频里使用的是jQuery 1.4版本，我根据视频里讲到的内容，对应目前的1字头1.11版本做了一些调整，一些被抛弃或者被移除的内容页做了删减，并在此感谢原作者[链接]

Function Function.prototype.apply() fun.apply(thisArg, [argsArray]) Function.prototype.call():fun.call(thisArg[, arg1[, arg2[, ...]]]) Number Number.prototype.toFixed():numObj.toFixed(digits) 转换成小数模式，参数为小数点位数 Number.prototype.toString():numObj.toString(radix) 转换成字符串，参数为...

arr.concat(value1, value2, ..., valueN) 合并数组，返回新数组 str = arr.join(separator) 连接数组元素，返回字符串 arr.pop() 移除最后元素，返回该元素 arr.shift() 移除第一个元素，返回该元素 arr.push(element1, ..., elementN) 尾部插入若干元素，返回操作后length arr.unshift(element1, ..., elementN) 头部...

最近在读这本评价颇高的《JavaScript语言精粹》，其作者Douglas Crockford 是JSON的创造者，在业界颇有名气。以下是阅读过程中认为比较有用的摘录的代码，希望能对各位有所启发

javascript 中的关键词 this 代指 执行上下文（Execution Contexts），函数作用域中的this，理解上来说是指调用这个函数的对象。相信以下几个实验可以加深对this关键字的理解。

由于绑定的回调函数是一个匿名函数，所以文中把造成这个现象的原因归结为 这个函数是一个闭包，携带的作用域为外层作用域，当事件触发的时候，作用域中的变量已经随着循环走到最后了。

如果你回答逐个绑定那估计可以直接回家了，面试官希望的答案是你来高谈阔论事件委托，你应该能给出方法并写出解决方案。 接下来，考官一定要问，这么做的好处是什么，或者你为什么用事件委托。

在看 js的作用域链，顺便画了一张示意图，不知大家能看懂吗？ 箭头的方向应该说反了，因为这里是先取局部变量后一层层往上取的

MDN上的解释为 Matches like * and + from above, however the match is the smallest possible match.

这两天有点迷Codewars ， 这上面的好处是奖励系统，我为了升段位晚上像打游戏升级一样的在做js习题，想想老外哪怕这简单网站的任务系统做的可真够好啊。

但是作为一个知错就改的好少年，我要发扬不懂就问，不懂就去研究的优良传统。于是今天花了些时间把我有印象的题目和我的思考写出来，按照面试官的说法是基础，但是基础是重中之重啊，希望可以对各位有些帮助，如果你们有机会去XX公司面试前端，这也算作前车之鉴了。