老白学前端-前篇

       我以前啊，开发前端只要会html+css+js，然后去网上找页面模板，找jQuery特效，找后台框架，就可以通过Ajax和后端交互，用VS开发工具就搞定了，不用安装什么插件，配置文件，要引用那个文件拖进去引用以下就可以了，照着文档Demo开发，部署IIS站点，就可以运行起来看效果了。

       这几年我的开发更偏向前端了，所有的页面操作，数据的运算，都在前端完成了，后端只要简单验证下数据，就保存到数据库了，调用数据库存储过程进行业务流程处理。前端是根据原有的桌面系统开发的，一个页面就把一个模块的所有操作都包含了，有表头，有明细，每条明细下面还有包含两种明细(两个Grid)，明细新增、修改数据就要同步到子表中，还可能同步给隐藏的表中，这样明细就会包含 新增、修改、删除、无修改4种状态，我们前端用的是jQuery EasyUI框架，为了满足上面的需求，也避免因为不了解该框架导致Grid出现各种问题，我在Grid基础上写了一个以数据来驱动Grid组件，支持子Grid功能，主表子表根据ID关联，处理主子表增删改查同步问题；然后前端处理好数据之后就按固定的格式传给后端，比如: {mx: {Select:[],Insert:[],Update:[],Delete:[]},smx: {Select:[],Insert:[],Update:[],Delete:[]}}，后端定义一个泛型列表来接收数据，分别对数据进行增删改，无修改的不处理。

　　在这个过程中，就想Vue这种双向绑定来做，结果啊，想学Vue，就要学Vue全家桶，还得学Node，学webpack，用Vue Cli创建Vue，又发现各种配置，npm安装各种插件，用VSCode又得安装各种插件，css现在都出了Sass,Less等等，一时间不知道该怎么入手；所以打算从Node和webpack开始学起来，一步一步将这些都运用上，因为不熟悉所以打算把学习的过程中遇到的知识点都记录起来方便后面复习。

　　GO

标签：前篇,Vue,前端,插件,明细,Grid,页面,老白学
来源： https://www.cnblogs.com/timeline/p/14338843.html