前言

本篇文章除前言以及后记部分之外均为转载，转载文章发布于2018-08-22，所以关于依赖和插件的配置

方法部分有些过时，所以正文内容仅供参考，大家多多查看对应插件的官方文档。

我会在后记部分贴出自己配置的vue项目作为参考。

项目建设

项目初始化

创建createVue文件夹，进入该文件夹，npm init初始化项目

背景介绍

在 Web 应用开发中，CSS 代码的编写是重要的一部分。CSS 规范从最初的 CSS1 到现在的 CSS3，再到 CSS 规范的下一步版本，规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的提高。不过与其他 Web 领域的规范相似的处境是，CSS 规范在浏览器兼容性方面一直存在各种各样的问题。不同浏览器在 CSS 规范的实现方面的进度也存在很大差异。另外，CSS 规范本身的发展速度与社区的期待还有一定的差距。这也是为什么 SASS 和 LESS 等 CSS 预处理语言可以流行的重要原因。SASS 和 LESS 等提供了很多更实用的功能，也体现了开发人员对 CSS 语言的需求。本文中要介绍的 PostCSS 和autoprefixer是目前流行的对 CSS 进行处理的工具。

npm初始化

初始化一个基于node的项目，会创建一个配置文件package.json（两种方式）:

1
2
3
4
5

//1.一般情况下 一路enter
$ npm init

//2.全部使用默认配置
$npm init --yes

查看npm命令

1

$ npm help

安装模块（包）

1
2
3
4
5
6
7
8
9
10
11

//全局安装
$ npm install 模块名 -g
//本地安装
$ npm install 模块名
//一次性安装多个
$ npm install 模块1 模块2 模块n --save

//安装运行时依赖包
$ npm install 模块名 --save
//安装开发时依赖包
$ npm install 模块名 --save-dev

作为一名前端开发工程师，是否有这样的困扰呢？经常npm操作报错，或者运行ERROR，需要删除node_modules目录下的所有文件，然后重新安装cnpm install，但是每次去那个目录下移到回车站需要5分钟到10分钟，然后清空回收站大概也需要2、3分钟，时间就在这漫长的清除文件的进度条移动中流逝。

1.为什么要忽略添加?

当你使用git add .的时候有没有遇到把你不想提交的文件也添加到了缓存中去？比如项目的本地配置信息，如果你上传到Git中去其他人pull下来的时候就会和他本地的配置有冲突，所以这样的个性化配置文件我们一般不把它推送到git服务器中，但是又为了偷懒每次添加缓存的时候都想用git add .而不是手动一个一个文件添加，该怎么办呢？很简单，git为我们提供了一个.gitignore文件只要在这个文件中申明那些文件你不希望添加到git中去，这样当你使用git add .的时候这些文件就会被自动忽略掉。

简介

雨中冒险risk of rain一款Roguelike的横版动作游戏，初始只有1个职业——突击队员（Commando），画风为点阵像素风格，但不影响其游戏性。

这款游戏无论在道具上还是怪物种类方面，都有着极其丰富的种类。与大部分roguelike游戏类似，打怪或开宝箱所获得的道具，遇到的BOSS，都有着很高的随机性。玩这类游戏，不光操作要好，脸也很重要，否则出门遇到BOSS，直接Game Over。另外，该游戏也继承了Roguelike类游戏的一贯特点——一命模式，死了就得重头再来，早期死了无所谓，后期死了那真是一把辛酸泪，这也使其具有了一定的挑战性。

当我们试图绑定一些事件到DOM元素上的时候，我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢？在什么场合下用什么方法是最有效的呢?

准备知识

当我们在开始的时候，有些知识是必须具备的：

DOM树

下图仅仅是一个示例，这是一个在browser环境下的一棵模拟DOM树，在下面的代码中仅起到演示的作用：

Event bubbling (aka event propagation)冒泡

有限状态机是什么

有限状态机（Finite-state machine）是一个非常有用的模型，可以模拟世界上大部分事物。

简单说，它有三个特征：

• 状态总数（state）是有限的。
• 任一时刻，只处在一种状态之中。
• 某种条件下，会从一种状态转变（transition）到另一种状态。

有限状态机的使用

1. 引入有限状态机的js库

背景介绍

所有函数的参数都是按值传递的,也就是说把函数外部的值赋值给函数内部的参数，就和把值从一个变量赋值到另一个变量一样。

————《js高级程序设计》

有的人可能会把这里的js传参方式，理解成js函数中的参数传递，但是呢，我们所要讲的是页面之间的数据传递。

传统的前端开发中，页面之间是少有参数交互的，甚至没有，而在如今的前端环境下， 一个稍微正式点的项目都不可能少了页面间传参，页面的跨越、服务器后台进行数据请求等，都需要一个或多个传参的方法。 那么参数在不同的页面间进行传递，一个页面的参数被另一页面使用，如何才能做到不同页面间进行参数传递？

洗牌算法是我们常见的随机问题，在玩游戏、随机排序时经常会碰到，本质是让一个数组内的元素随机排列，即数组乱序。

Fisher–Yates Shuffle

关于数组乱序，正确的解法应该是 Fisher–Yates Shuffle，复杂度 O(n)。

其实它的思想非常的简单，遍历数组元素，将其与之前的任意元素交换。因为遍历有从前向后和从后往前两种方式，所以该算法大致也有两个版本的实现。