Cookie一直以来在我心中，是一个熟悉但是又陌生的东西。在书本知识上，各种面试题等，多多少少都有涉及Cookie相关话题。觉得，好像懂了Cookie，但是也都是纸上谈兵。这次工作中遇到一个涉及登录同步的问题，算是真正走入了cookie的机制。

什么是Cookie

HTTP Cookie（也叫Web cookie或者浏览器Cookie）是服务器发送到用户浏览器并保存在浏览器上的一块数据，它会在浏览器下一次发起请求时被携带并发送到服务器上。比较经典的，可以它用来确定两次请求是否来自于同一个浏览器，从而能够确认和保持用户的登录状态。Cookie的使用使得基于无状态的HTTP协议上记录稳定的状态信息成为了可能。

场景

在一次偶然的需求中，遇到了这样一种情况：输入对应的查询条件之后，点击按钮，向后端发送请求，由后端进行验证（前端无法验证一些情况），假设后端返回true，则打开一个新窗口，否则进行错误提示。

场景

我们经常会遇到这样的场景， 有这样的图片数组对象，dom遍历出来，而用户又需要选择一个主图，因此遍历出来的单选按钮是一个组合，只能有一个被选中。于是乎，我们的问题就来了。

年后开始真正开始接手公司的wap项目了，从之前的管理后台常驻人员将眼界开向了用户端。用了半年多的Angular，再重新拾起react做需求的时候，就遇到了声明周期这个绊脚石，决心整理一波~

React通过React.createClass(object)方法来创建组件，每个组件都是一个状态机。React为每个组件提供了生命周期钩子函数去响应不同的时刻——创建时、存在期以及销毁期。
那么接下来，我们从以下几个一一探索钩子函数的奥妙。

一、初始化

首先，每个组件渲染都有一次初始化（也称组件挂载），在这个阶段，会依次执行下图中的函数。这些函数（除render外），在组件的声明周期内，只会(only)执行一次。

什么是作用域

解释型语言与编译型语言

• 编译型语言在程序执行之前，有一个单独的编译过程，将程序翻译成机器语言的文件，运行时不需要重新翻译。如c、c++。
• 解释型语言是在运行的时候将程序翻译成机器语言，相对速度要比编译型语言慢。如典型的basic

其实，之前本人对编译型语言和解释型语言的界限简单定位是否有中间文件，但是注意！！有些情况下， 我们很难简单地去区分语言到底属于编译型还是解释型， 比如业界比较有争议性的java。还有， 我们比较熟悉的javascript。

尽管通常将JavaScript归类为“动态”或“解释执行”语言，但事实上它是一门编译语言。这个事实对你来说可能显而易见，也可能你闻所未闻，取决于你接触过多少编程语言，具有多少经验。但与传统的编译语言不同，它不是提前编译的，编译结果也不能在分布式系统中进行移植。
尽管如此，JavaScript引擎进行编译的步骤和传统的编译语言非常相似，在某些环节可能比预想的要复杂。

以上引自《你不知道javaScript》，第一次看到这样的说法，稍作记录，有待考证。

最近在看《你不知道的javaScript》,对js的异步概念有了一些比较清晰的理解。异步编程的核心就是处理程序中现在运行部分和将来运行部分之间的关系。

异步

1
2
3
4
5
6
7
8
9

function now(){
    return 21;
}
function later(){
    answer = answer * 2;
    console.log('Meaning of life:', answer);
}
var answer = new now();
setTimeout(later, 1000);

一直以来对背景的应用都比较浅，仅至于图片、颜色、位置等等设置。通过本文，将对CSS背景设置进行全面的总结。

background-color

背景颜色设置。语法规则为：background-color:<color>
例如：
background-color:#ff0000
background-color:red

盒模型是CSS中一个重要概念，理解了盒模型我们才能更好地对页面进行排版。什么是盒模型呢？接下来，我们将对盒模型进行具体讲解。

标准盒模型和IE盒模型

其实盒模型有两种，一种是W3C标准盒模型，一种是IE盒模型，它们对盒子模型的解释各不相同。接下来，我们先看标准盒模型。

CSS文本属性可定义文本的外观，可以改变文字的颜色、字符间距，对齐文本，对文本缩进等等。文中所总结的属性以及属性值大都为常用属性及其属性值，并不完全(包括语法规则)。

字体

font-size

可设置字体的尺寸。语法规则为：font-size:<length> | <percentage>

CSS选择器向来是每个前端菜鸟入职面试不得不直视的问题，是我们需要掌握的基础。在此对CSS选择器进行一下整理。

标签选择器

举例说明（下文将不赘述）：p{color:blue}