要搭建一个前端技术博客，经过调研决定使用 Wordpress + LAMP 的web框架。这里先介绍下LAMP环境搭建。

LAMP（Linux + Apache + Mysql/MariaDB + Perl/PHP/Python），一组常用来搭建动态网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容度，共同组成了一个强大的Web应用程序平台。从网站的流量上来说，70%以上的访问流量是LAMP来提供的，LAMP是最强大的网站解决方案。（——摘自百度百科）

这里我们使用的是 Linux + Apache + Mysql + PHP 方案。经过调研，分别安装很麻烦，只需要装一个XAMPP即可。

XAMPP（Apache+MySQL+PHP+PERL）是一个功能强大的建站集成软件包。这个软件包原来的名字是 LAMPP，但是为了避免误解，最新的几个版本就改名为 XAMPP 了。它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用，支持多语言：英文、简体中文、繁体中文、韩文、俄文、日文等。XAMPP 是一个易于安装且包含 MySQL、PHP 和 Perl 的 Apache 发行版。XAMPP 的确非常容易安装和使用：只需下载，解压缩，启动即可。（——摘自百度百科）

前段时间研究了一下webVR，对使用a-frame开发webVR做了一个简要介绍和入门级的实例分享（《WebVR之A-Frame开发分享》）。这个分享是针对现有的a-frame API和对外的示例Demo开发的，但是在实际的开发过程中，遇到了很多新的需求和API Demo上都介绍不明确的地方。加上a-frame中文文档的缺失，现有相关中文分享也比较匮乏，在后面对外系统的webVR页面开发时遇到了很多问题，这里想和大家一起分享。也为a-frame和webVr的开发做点自己的微末贡献。

题目叫webVr最佳实践探索，不见得是最佳实践，所以加上探索二字。如果有更好的方法欢迎大家给予建议。

13年想搭建一个个人博客，考虑到博客的内容简单，加上没钱没技术，调研过wordpress，嫌弃臃肿，还需要管理数据库，最后还是决定使用jekyll+github方式搭建个人博客。不过在使用jekyll的过程中也有一些问题和不爽的地方，尤其markdown方式写博客内容，没有GUI界面等，都是体验不好的地方。

所以当发现hexo时，我眼前一亮。nodeJs静态博客不就是目前最适合我的一款嘛！作为一个常用nodeJs+webpack+es6+react……开发项目的前端程序员来说，这个好像还蛮符合我的style的~So，我开始了hexo+git的个人博客改造。

WebVR之A-Frame开发分享

首先，我的搭建参考了http://reactnative.cn/docs/0.25/android-setup.html#content和其他一些网站
在安装过程中，遇到一些坑，各种调研，解决了一些问题，最终选择了一个最适合我自己的环境搭建方式。下面给大家介绍我的搭建过程，希望能帮助到大家。

1、安装JDK

网上要求安装JDK1.8以上，这里需要说明：在开发项目中使用的是1.8版本以下的（例如1.7）旧版本时，只要在eclipse中进行需要版本的JDK配置，不会有影响。所以，我又安装了最新版本的JDK。

webpack分享

上一章我们讨论了Cookie的概念和js使用方法。这一章我们来讨论Cache：一个同样在开发过程中经常听到的名词——缓存。

Cache是什么？

缓存就是用来避免频繁的到主存储器（一般来说可能是数据库，结构化的磁盘文件，远程网络接口，程序接口等等提供数据返回的）获取数据而建立的一个存取更快的临时存储器（缓存）。一般来说，缓存比主存储器更小（不一定，也可能是存储的数据结构不一样，但是存取速度非常快），存储的容量也比较小，但是存取速度非常快。

Cookie是什么？

Cookie意为“甜饼”，是由W3C组织提出，最早由Netscape社区发展的一种机制，1994年作为 Mosaic Netscape 浏览器beta 0.9 版的一部分被引入。

那Cookie到底是用来做什么的呢？我们知道，Web应用程序是使用HTTP协议传输数据的。但是，HTTP协议是无状态的协议。一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接，这就意味着服务器无法从连接上跟踪会话。服务器单从网络连接上无从知道客户身份。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是Cookie的作用。

目前Cookie已经成为标准，所有的主流浏览器如IE、Netscape、Firefox、Opera等都支持Cookie。如果浏览器不支持Cookie（如大部分手机中的浏览器）或者把Cookie禁用了，Cookie功能就会失效。不同的浏览器采用不同的方式保存Cookie。IE浏览器会在“C:\Documents and Settings\你的用户名\Cookies”文件夹下以文本文件形式保存，一个文本文件保存一个Cookie。

amcharts是什么？

前端开发过程中经常会遇到图表展示的需求，这里我们往往会借用成熟的外部组件来尽快的投入到项目的开发中去。现有的主流的图表组件有很多，amcharts就是其中一个。
amCharts 是一款高级图表库，致力于 Web 之上的数据可视化支持。它支持的图表包括柱状图、条状图、线图、蜡烛图、饼图、雷达、极坐标图、散点图，甚至连燃烧图、金字塔图，都有支持。amCharts 库是一款完全独立的类库，不依赖任何其他第三方类库，就可以在网站上运行。该类库支持两个版本，商业授权版本和免费版本（在图上显示 amCharts 的商标和链接）。

总之，我们在经过调研后，结合项目需求等内因外因选择了amcharts这个组件。amcharts满足了产品大部分的需求。但是很多地方需要定制。那在解决这些特殊需求的过程中，这里我来总结一下amcharts在使用过程中需要注意的地方。希望能在大家开发学习过程中有所帮助。

Promise是什么

Promise是抽象异步处理对象以及对其进行各种操作的组件。听起来很晦涩？没关系，我们慢慢分析。从字义层面解释，Promise对应未来的含义，正如音译普罗米修斯，含义为“先知”的希腊神话故事中的英雄。那“未来”和js有什么关系呢？Js开发者都知道，前端开发中有个非常重要的概念和技术：Ajax请求——Js中的异步操作。而Promise就是对类似的异步处理对象和处理规则进行规范化，并要求采用统一接口进行开发，否则就会报错。

Promise并不是从JavaScript中发祥的概念。它最初被提出是在E语言中， 是基于并列/并行处理设计的一种编程语言。ES6提出了很多新的Js规范，其中Promise就是一个非常引人注目的技术。下面我们简单的探讨和学习Javascript Promise技术。