项目技术总结之页面前段

导读：

这里是项目技术总结之页面前段。这里主要讲css、js、requirejs、jquery，以及各种好用的js插件。

一、css项目当中的css样式是参考bootstrap去写的，bootstrap写出来的东西比较美观大方，属于精简派。注意这里是参考，并不是全用。

在项目当中有一个公共样式，公共样式就是参考bootstrap写的。这样在项目中就可以重复使用公共样式，提高开发效率，便于css的维护。

说到前段开发，不得不介绍一下前段开发工具，本次开发用到的是sublime Text，这是一个很不错的工具。它功能强大，可以使用内置工具，随意添加想要的插件。关键是它不卡，小巧轻便。在sublime Text中可以编辑scss文件。说到scss，不得不提到sass。sass是编写css样式的利器。当然less也可以编写css样式，有兴趣的可以了解一下。sass与less干的是同一件事情，就是更快，更好的写出css样式来。不同之处就是书写规范不同，所需要的环境也不一样。sass可以通过命令行进行编译，生成css文件，不过需要安装ruby环境。这个比较麻烦，而且还需要输入命令行。本次项目并没有采用这种方式，而是使用的koala。koala是一个可视化桌面编译软件，可以编译sass以及less文件。具体使用方法就不说了，百度一大堆。 至于less，本次项目中并没有用到，我也不太熟悉，就不谈了。

本次项目的所有css，都是通过sass编写的。之前还说到scss，其实scss是sass文件的一种。sass文件分为两种，一种是.scss，一种是.sass。它们的不同之处就是书写语法不一样。