前端开发环境与架构的思考

最近为了探索一套适合自己的前端开发环境与架构。与一些朋友进行了交流,并查阅了一些文档。

我对开发环境的要求是:

1.开发与发布时的文件分离;

2.前端开发编程化;

3.开发完成后通过编译生成最终要部署的文件;

4.部署文件中分离出规范的css、html、js文件,而且已经是压缩的。

目前解决方案:

1.版本控制工具,svn或者git;
2.项目构建,gulp;

3.css开发框架,sass;

4.前端开发框架,reactjs或者angularjs或者其他。

目前最棘手的问题是,选择什么样的前端框架。

对前端框架的要求如下:

1.开发与部署分离,开发时可以使用模板+某编程语言(包括js);

2.考虑到seo的效果,编译后的html页面最好是静态化后的html标签,而不是js渲染的代码;

3.前端框架最好已经内置了一些浏览器兼容与自适应的解决方案;

4.前端渲染效率高,浏览器压力下;

所以,根据上面的要求,reactjs与angularjs都未很好的满足我的要求。

react,核心优势为虚拟DOM(Virtual DOM)和组件化。组件化解决了代码重用的问题,一个按钮,一个form,哪怕一个页面都可以被视作一个组件,而被其他页面重用。虚拟DOM解决了页面渲染速度的问题,通过浏览器的dom结构与虚拟dom的对比,在底层进行最小化渲染更新,大大节省了浏览器的资源。不过,reactjs的最终产物以js为主,没有转为最终的html代码,所以严重不利于SEO。

angularjs,目前没有深入了解,大体认为是基于html模板,保留了基本的html骨架。但在易用性与效率上没有更多了解。

© 2015 – 2016, 李德涛博客. 版权所有.

发表评论

电子邮件地址不会被公开。 必填项已用*标注