站在 Java 后端视角来理解目前的前端开发

说在前面的话

这篇文章属于野路子，没什么理论依据，仅为博主浅显的类比理解，站在 Java 后端的视角来理解目前的前端开发，这篇博文的实际意义只是让 Java 开发快速简单地理解前端开发环境

IDE

Dreamweaver

曾经的霸主，但曾经主打自动生成组件，拖拽式生成 UI 。但近年来前端一直有全代码编程的趋势，过去的 DW 已经不太适应当前开发的环境了，不过在 CC 版之后 DW 已经开始尝试去适应前端新潮流。到目前为止估计处于前端开发工具鄙视链的底端，有趣的是，鄙视它的人可能都没怎么用过 DW。

黑色系 UI 超好看的

代码提示超赞

Ctrl + E 超赞

Ctrl + K 超赞

……

附赠 DW 官方新特性传送门：Dreamweaver 新功能概述

Sublime

前端开发工具鄙视链挺顶端的 IDE，站在博主个人的浅显的视角来看，它主要一点就是开放性，似乎什么都能干。对于“大佬”来说用 Sublime 真的是可以“为所欲为”的，但对于“普通人”来说，很多特性根本用不上。 Sublime 刚安装时功能其实很少，类似刚出生的婴儿，但是你可以教会它新东西（装插件、写脚本）。能接受这种风格的话 Sublime 不失为你的一个选择。

开发环境

现在前端也趋于工程化，常见的就是 NodeJs 环境下安装各种东西。必须得提一下的是 npm。

NPM 是随同 NodeJS 一起安装的包管理工具，能解决 NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

允许用户从NPM服务器下载别人编写的第三方包到本地使用。

允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

— 引自 菜鸟教程

按照后端的类比理解，npm 类似于前端世界的 Maven。

npm 介绍传送门：npm介绍与cnpm介绍

还有必须提的东西：

yeoman — 前端世界的 Maven 项目骨架

webpack — 类似后端理念的前端 IDE

站在后端用通俗的话来描述：yeoman 一套“组合拳”完成了你在 Eclipse 之类的 IDE 完成了 new Project、 next、next、finish 的一通操作。

webpack 一套“组合拳”完成了把项目“编译”并把你的 WebProject 打包、发布到 Eclipse 内置 Tomcat 并让你浏览的一通操作 。

主要区别就在于 Eclipse 的“组合拳”基本上都是 UI 形式操作的，而前端的开发环境需要通过命令行操作。

开发语言

H5、Css3、ES6……

这些东西似乎被说的特别玄乎，尤其在刚出来时。按照Java后端的理解，类似于 JDK1.5 升级到了 JDK 1.8，最直观的感觉就是多出了很多新“API”、新特性。

.sass 、.scss……

听起来也很玄乎，按照我的理解就是附带了“语法糖”的 css，它的出现是想解决 css 样式维护的问题。另：.scss 本质上还是 .sass

一个能直观看出 sass 意义的传送门:sass十分钟入门

前端框架

听得多的三个”大佬”大概是：vue、react、angular作为一个没有深入研究的前端业余爱好者，我也还是不评价 vue、react、angular了。真正深入使用过才有发言权。

站在 java 后端的视角上面三个类似于 struts、springMVC…… 的关系