WEB前端架构（一）

想到哪说哪，， 前端架构当然首推MVC，在我这个项目里， (一)、view层，就是html、css、一些直接控制DOM的JS； --login.html，base.css，login.css， --这些个文件都算是v层的 //-------------- (二)、mode层， 1，可以直接访问数据：ajax get json 2，对数据进行处理：for dada 3，提供一些方法给C、V调用 -- common.js，里面进一步封装了对$.ajax方法的调用，一些公共方法，校验方法等。。 -- config.js，里面是一些localStorage保存的数据，有链接的路径啊，一些省市的名称列表之类的，一些常用错误提示什么的。 //-------------- (三)、controller层： 1，控制流程； 2，处理事件、做出响应 -- event.js，里面是一个大函数，一些on，click之类的事件和响应，放在里面。

-- 公共的header和footer，尝试选择handlebars； -- 一些用户交互操作超多的页面，例如购物车，地址栏，用户信息之类的，尝试选择avalonJS来搞定，它是一款支持dom和data双向绑定的模板引擎。由data的变化来渲染dom了，这样就可以集中精力在业务逻辑上操作数据。而不是顺着用户操作顺序，狂拼字符串。

以上是这二天的成果，页面只做了login一个，主要精力都放在如何搭建前端架构上面了。 虽然还是很简陋的mvc，但前端架构从来都是不停的优化调整的。 在下一周会再添加一个“用户地址栏页面”，以后考虑每个页面对应一个自己的css文件。 然后装上nodeJs，把许多个css、js压缩起来，然后用requireJs实现按需加载，再加上dom、data的双向绑定，如果下周能全部完成就太美好啦。