前端开发技术演进及实例演示附前后端代码分析.docx

此文原创：工作后，机械转IT，IT经历由C++——前端，踩坑无数，特此记录；前端现状：各方工具百花齐鸣，好是热闹。前端工程化：构建自动化——测试自动化——部署自动化前端趋势：前后端分离演进过程相较于数年前的重后台，轻前台，开发方式为;以java为例，常见的jsp文件结构如下：后台代码：1.伪地址：webapp/urlwrite.xml2.java代码Srtuts配置文件个人称之为同步技术方法；主要技术struts2 + jsp，前端基本为特效级别的js开发；现在快速开发过程：数据交互走接口ajax异步；Java代码：将数据转换为json，response给前端；前端js代码：OR (这有个伏笔)此时前端开始动态更改页面的dom结构; WOW XXX:任务来了，俺要工作了下一步写完再更新构建自动化：Gulp —— 基于流,开发者能够很稳健的掌控构建的各个流程，最大化的实现构建的可控制性； 个人建议 每个 分站 或者 功能模块 为构建的任务单位，这样能够更好的控制构建的效果;——插件流/browse/keyword/gulpplugin入门教程 /gulp简单demo ：（附录后贴这个代码）Fis3，百度自动构建工具.个人理解 将gulp的很多插件功能全部封装，实现了 任务文件书写的最小化功能强大 完全黑盒;(勿喷)文档略坑 /fis3/docs/beginning/intro.htm