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。

现在搞前端开发，不用个什么框架都不好意思说自己是前端，什么React，angular，backbone，只用jquery都不好意思跟别人打招呼。比如说现在想搞一个小项目，选了一个框架，看完文档云里雾里，看别人的实践，更加迷惑，完全不知道他要干什么。

通常在网页中使用的图片有三种格式，jpg，png和gif。jpg是有损压缩格式，就算你在ps里用100%质量保存，保存多次会产生质量损失，而png和gif则不会。因此如果开发者相对图片进行微处理，改动jpg不是明智的选择。png支持透明和半透明，png8不保存alpha半透明通道，而png24可以。但是png24的半透明在IE6下存在兼容性问题，...

前端工程师跟UE设计师好比是两个物种，拥有完全不同的属性和意识，思维习惯不尽相同，而且更致命的是，设计师从来都是在设计师的环境中成长起来的，前端工程师多半是从理工科思维环境中成长起来的，所以这两个物种要在一起合作可谓是难上解难。作为前端工程师，假如我们能多理解设计师的思维习惯，那么在日常生活和工作...

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

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

[链接] dependencies 有package.json的目录下 npm install安装 任意目录下 npm install $package 安装到当前目录 devDependencies 有package.json的目录下 npm install安装 任意目录下 npm install $package --dev 才能进行安装

最近学习node以及express，看例子看的头疼，刚看完cors，写一下记录下来。 以下是index.js {代码...} 首先创建了两个应用，一个是用户访问的app（客户端），另外一个是api作为请求的接口。 {代码...} 一些中间件，把app指向public目录，使用log，body解析为json。 {代码...} 这里我的理解是 api应对目录的请求，响应的时...

工作之余在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版本做了一些调整，一些被抛弃或者被移除的内容页做了删减，并在此感谢原作者[链接]

为移动设备制作前端页面，往往会遇到很多令人迷惑的情况，本文中，我整理了一些相关的概念和方法，与大家分享一下。 设备像素和CSS像素 css像素是固定不变的，浏览器上缩放的话，css像素会被拉伸或者缩小，设备像素不变 100%zoom ： css像素 和设备像素 一致 zoom被缩放 ： css像素在设备像素里 被缩放 屏幕尺寸和窗口尺...

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关键字的理解。

css的媒体查询允许通过@media标签为特定媒体的浏览器设定样式，其中包含众多筛选，功能强大。 @media 的语法如下 {代码...} media types 允许的值包括： {代码...} 同时设定两个媒体可以通过逗号 {代码...} 以上详见：[链接] 媒体查询 CSS media queries 媒体查询可以通过媒体的一些特定来设定特殊的样式，比如 {代码......

相对于程序来说，切图门槛很低，只要有一些ps基础，摸索个五分钟基本也就了解各大概。但是就跟其他的所有技能一样，切图也是有很多技巧性和经验在里面的，这些东西可以让你的切图工作更有效率，更有目的性。本文希望把我几年做切图的心得整理归纳一下，希望对各位前端，程序员，设计师有所帮助。

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

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

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

Sass 和 Scss 区别 sass结尾的文件有着更严格的格式要求，scss文件更贴近原生css 比如sass文件 {代码...} 等同于scss的 {代码...} 编译后为 {代码...} 其中代表父级元素的& 只可出现在头部，否则解析不出来。 嵌套属性 {代码...} 编译为 {代码...} 这个在一些复杂的css3属性上用处比较大，比如animate 字符串内插 使...