想到哪说哪,, 前端架构当然首推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的双向绑定,如果下周能全部完成就太美好啦。