什么是 rem

可能在你使用收音机或者用其他音乐播放器之前，就已经听过“R.E.M.”这个词了。在这个乐队眼中，这个词是“浅睡眠时眼球的快速转动”的缩写，而在 css 中，rem 代表着“以根元素为参照物的 em 单位“。他不会让你抛弃你的宗教信仰也不会让你相信那个远在月球的人，但是它可以帮助你实现一个和谐、平稳的设计。

根据 W3C 规范中对 1rem 的定义：

1rem 与等于根元素 font-size 的计算值。当明确规定根元素的 font-size 时，rem 单位以该属性的初始值作参照。

WEB服务器、应用程序服务器、HTTP服务器有何区别？IIS、Apache、Tomcat、Weblogic、WebSphere 都各属于哪种服务器？这些问题困惑了很久，今天终于梳理清楚了：

Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL。与客户端的网络浏览器配合。因为Web服务器主要支持的协议就是HTTP，所以通常情况下HTTP服务器和WEB服务器是相等的(有没有支持除HTTP之外的协议的web服务器，作者没有考证过)，说的是一回事。

应用程序服务器(简称应用服务器)，我们先看一下微软对它的定义：”我们把应用程序服务器定义为“作为服务器执行共享业务应用程序的底层的系统软件”。 就像文件服务器为很多用户提供文件一样，应用程序服务器让多个用户可以同时使用应用程序（通常是客户创建的应用程序）”

通俗的讲，Web服务器传送(serves)页面使浏览器可以浏览，然而应用程序服务器提供的是客户端应用程序可以调用(call)的方法(methods)。确切一点，你可以说:Web服务器专门处理HTTP请求(request)，但是应用程序服务器是通过很多协议来为应用程序提供(serves)商业逻辑 (business logic)。

在JavaScript中，对对象进行拷贝的场景比较常见。但是简单的复制语句只能对对象进行浅拷贝，即复制的是一份引用，而不是它所引用的对象。而更多的时候，我们希望对对象进行深拷贝，避免原始对象被无意修改。

对象的深拷贝与浅拷贝的区别如下：

• 浅拷贝：仅仅复制对象的引用，而不是对象本身；
• 深拷贝：把复制的对象所引用的全部对象都复制一遍。

一. 浅拷贝的实现

浅拷贝的实现方法比较简单，只要使用是简单的复制语句即可。

1.1 方法一：简单的复制语句

/* ================ 浅拷贝 ================ */ function simpleClone(initalObj) { var obj = {}; for ( var i in initalObj) {
        obj[i] = initalObj[i];
    } return obj;
}

一. 无中生有

起初，什么都没有。

造物主说：没有东西本身也是一种东西啊，于是就有了null：

现在我们要造点儿东西出来。但是没有原料怎么办？

有一个声音说：不是有null嘛？

另一个声音说：可是null代表无啊。

造物主说：那就无中生有吧！

于是：

当人们尝试学习 JavaScript , 或者其他编程技术的时候，常常会遇到同样的挑战：

• 有些概念容易混淆，特别是当你学习过其他语言的时候。
• 很难找到学习的时间（有时候是动力）。
• 一旦当你理解了一些东西的时候，却很容易再一次忘记。
• 可以使用的工具甚多且经常变化,所以不知道从哪里开始入手。

幸运的是，这些挑战最终都可以被战胜。在这篇文章里，我将介绍 6 个思维技巧来帮你更快的学习 JavaScript ，让你成为一个更快乐更多产的程序员。

对于很多学习 JavaScript 的人来说，他们问的第一个问题是选用哪个框架（现有框架非常多）。但是如果你还不熟悉原生的 JavaScript ，那这就是个不该问的问题。你会花费你全部的时间去查询不同的框架并且不会取得任何进展。

基本类型值有：undefined，NUll，Boolean，Number和String，这些类型分别在内存中占有固定的大小空间，他们的值保存在栈空间，我们通过按值来访问的。

今天在微博上看到了 有人分享了下面的这段函数式代码，我把代码贴到下面，不过我对原来的代码略有改动，对于函数式的版本，咋一看，的确令人非常费解，仔细看一下，你可能就晕掉了，似乎完全就是天书，看上去非常装逼，哈哈。不过，我感觉解析那段函数式的代码可能会一个比较有趣过程，而且，我以前写过一篇《函数式编程》的入门式的文章，正好可以用这个例子，再升华一下原来的那篇文章，顺便可以向大家更好的介绍很多基础知识，所以写下这篇文章。

先看代码

这个代码平淡无奇，就是从一个数组中找到一个数，O(n)的算法，找不到就返回 null。

下面是正常的 old-school 的方式。不用多说。

//正常的版本 function find (x, y) { for ( let i = 0; i < x.length; i++ ) { if ( x[i] == y ) return i;
  } return null;
} let arr = [0,1,2,3,4,5] console.log(find(arr, 2)) console.log(find(arr, 8))

前言

随着 Hybrid 应用的丰富，HTML5 工程师们已经不满足于把桌面端体验简单移植到移动端，他们觊觎移动原生应用人性化的操作体验，特别是原生应用与生俱来的丰富的手势系统。HTML5 没有提供开箱即用的手势系统，但是提供了更底层一些的对 touch 事件的监听。基于此，我们可以做出自己的手势库。

手势

常用的 HTML5 手势可以分为两类，单点手势和两点手势。单点手势有 tap（单击），double tap（双击），long tap（长按），swipe（挥），move（移动）。两点手势有 pinch（缩放），rotate（旋转）。

接下来我们实现一个检测这些手势的 javaScript 库，并利用这个手势库做出炫酷的交互效果。

当涉及到Web开发时，JavaScript框架往往是一些开发人员和企业的平台。可能，你有机会尝试过一两个的JavaScript框架，但你仍然有点不确定哪个才是最佳的最值得掌握的，或者哪个值得你建议你的开发人员选择用于下一个web开发项目。

JavaScript正在以惊人的速度前进，并且添加新的技能到你的存储库变得有不断的压力。为了做到这一点，知道和了解更多的JavaScript框架在现在看来是必要的。在ValueCoders进行了彻底的研究后，我们入围了其中七个框架，它们是：

1.AngularJS 2.0&1.x

在最受期待的AngularJS 2.0正式发布之后，框架的普及已经达到了一个新的水平。然而，如果你不确定的话，跳到新版本仍然是一个冒险的决定。让我们通过这个流程图来帮助你做出决定：

最近项目遇到一个小问题代码我会简化成小例子展示给大家。

用心看到最后会有收获哈，基础扎实的童鞋可以直接跳到数组类型使用。

说到 indexOf 大家并不陌生，判断字符串是否包涵子字符串时特别常用（正则不熟练同学的利器）。

String 类型的使用

温习一下大家熟知的字符串用法，举个例子

let str = 'orange';

str.indexOf('o'); //0 str.indexOf('n'); //3 str.indexOf('c'); //-1

这里 0 和 3 分别是 o 和 n 在字符串中出现的位置。起始下标是 0。而 -1 代表未匹配。