前端 杂项

前端之路太繁杂，该何去何从

1.前端六个基本概念

Library，Toolkit，Framework，Design，Boilerplate，Scaffolding

Library (库)

Library就是库，而且分为两类

1 方法库

用来实现特定需求的一组API集合。最常见的就是jQuery，除了jQuery，还有早期的Prototype，Dojo，Mootools

2 UI组件库

满足特定业务需要的高可复用的常见UI组件集合，例如Ant Design of React/Ant Design of Angular(NG-ZORRO)，Element UI，LayUI，EasyUI。早期的Yahoo UI，Extjs，jQuery UI。

Toolkit (工具箱)

Bootstrap是一个Toolkit，给你提供创建现代响应式页面所需要的工具，包含一套完整的响应式CSS类库，字体，同时还有一套很完整的UI组件

Framework (框架)

用来构建一个应用的主体结构。你在这个主体结构上添砖加瓦，实现自己的需求。Web服务器端的框架基本实现的都是MVC设计模式
当前所谓的前端三大框架，都是MVVM设计模式，但只有Angular算作严格意义上的Framework，Vue和React都是关注于View这一层的Library

Design (设计语言)

设计语言(或者说设计风格)，是指导UI设计需要遵循的一些约束。这些约束包括：色彩、布局、层次、交互反馈等等

Boilerplate (模板)

Scaffolding (脚手架)

前端的脚手架工具一般都是用cli提供的
cli是(Command Line Interface的缩写)，不是Client的前三个字母
脚手架就像建筑工地大楼施工时候外面那一层钢管搭建的架子，大楼建成以后，外面的脚手架是要被拆掉的，不会和大楼一起交付给业主！

2.界面和交互设计

做前端开发要了解或懂得界面和交互设计的重要性

对交互设计了解，能让你设计出更符合用户习惯的前端代码。了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。

学习方向

1. Web界面设计
2. 界面设计模式

工具使用

1. Axure RP - 交互原型设计软件
2. 墨刀 - 在线原型设计和远程协作平台
3. 蓝湖 - 产品设计协作平台
4. xmind - 思维导图，功能结构图等相关图例
5. PS

3. 代码管理平台

github
gitee

4. 文档编写

markdown