初识前端技术

之所以写这篇文章是在开启自己的前端学习之前，对前端技术目前的认知的一个记录，方便自己学习一段时间之后再来更新自己的认识。

1.工具

github:

          作用是代码管理，类似的还有SVN（同时加文件会发生冲突），VSS。

          github 上可以关注一些自己关心的项目仓库。

          如何使用可以看慕课以及廖雪峰的文章

2.前端工具

PS：

       切图，刻度的测量

       CSS sprite+定位减少HTTP请求

AI：绘图软件

PS和AI区别：

      PS：是位图处理软件（位图是指由像素组成的图片，分辨率高时会出现马赛克），擅长修图（因为照片和图片就是由像素点组成的）

      AI：是矢量绘图软件（矢量图由锚点和路径组成），擅长绘图和图像的编辑，

sublime:

      轻量级，会有很多帮助快速开发的小插件,可定制性强

webStorm:

      比较大，功能强大的IDE，集成了好多插件

3.前端基础

H5:  HTML标签是用来标记整个网页的结构，将网页的整个内容语义化，比如哪些是段落，哪些是标题等等

   html5添加很多新的标签，可以实现动画绘图等等

CSS3:用来控制整个页面的样式，网页中的元素该以怎样的效果展现 

js:运行在浏览器中的解释型语言，可以通过操作页面上元素实现用户和页面交互

DOM：文档对象模型，任何网页或者说文档都会被浏览器解析成一个树形的结构，这个树形结构就是DOM

4.前端框架

LESS/SASS:是CSS预处理语言，扩展的CSS，增加了变量函数等等

bootstrap:是一款HTML/CSS框架，Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。

Jquery:是一款基于JS的框架

AngularJS：

rectJS：

nodeJS：