当我们谈到前端的时候，我们说的是WEB PAGE还是WEB APP

近期为公司练手小项目，对前端做了入门。通过研究可以发现，目前的前端开发已从给客户看的WEB PAGE转向给客户用的WEB APP演变，突出表现在node.js服务端JS解释程序的使用。

即使在 Web Page 时代，开发一个网站也不是简单的事儿，我们需要压缩(合并) JavaScript/CSS 代码、压缩图片等资源、批量替换 HTML 资源链接等。我见过很多初学者都是使用这种方式压缩 JavaScript 代码的，打开百度，搜索“在线压缩JavaScript”，然后把代码复制进去，压缩完后在复制粘贴到一个新文件里面，使用 FTP 把这个压缩后的文件部署到服务器上。不仅仅是初学者，甚至是多年经验的前端开发者也有这么干的。

再进一步，开发者通常会开发一些脚本来做这些事情，使用 Python、Shell 等。

继续进化便是 Node.js，该服务器程序为前端社区带来了 Webpack，在一定程度上标示着前端工程化的进化。简单说，Node.js是一个Javascript运行环境，也就是说是让服务器能跑js代码，算后端技术，但是都是js开发者使用。

下面推荐笔者平时学习的几个前端课程，可快速入门。

初级：https://www.imooc.com/video/11434讲述SpringMVC数据绑定，https://blog.csdn.net/qq_17164811/article/details/78203766讲述AJAX提交表单的几种方式，https://blog.csdn.net/qq_38225558/article/details/84720805同理。

进化：https://coding.imooc.com/class/109.html结合nodejs的完整前端课程，与后端分离。

PS.刚入门前端发现服务器后端返回的JSON打印出来是[Object object],可通过

alert(JSON.stringify(data));

解决，$.parseJSON()不可以。

读到这里，应该明确的一件事是：前端研发工程师在前后端分离开发的大趋势下已经不仅仅是页面的堆砌，通过自己编写后端代码来检测前端页面的功能是大势所趋，而辅助完成这一任务的工具就是nodejs。

DONE.

 

T.I.P.S：

1.在js中使用el表达式一定要使用双引号

2.HTML获取元素信息：document.getElementById("allNum").innerHTML；JQUERY获取元素信息：$("#allNum").html()

3.textarea的value属性是无效的，直接填入即可

4.更改js文件时，记得关闭浏览器缓存

5.foreach前端遍历时，若需要唯一id可通过id+当前id号方式实现唯一(因id在单页面唯一)

6.AJAX失败error的两种情况：datatype制定返回类型错误或url不对时