之所以写这篇文章是在开启自己的前端学习之前,对前端技术目前的认知的一个记录,方便自己学习一段时间之后再来更新自己的认识。
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: