只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出“很漂亮”的前端页面 。当然页面很容易“撞衫” 。
使用时间长了,会对其产生严重依赖,离开extjs,几乎不会写前端页面了 。9级——vaadin/GWT 最后一级,也是封装度最高的一级,也就是所谓的使用后台语言写前端 。
如果说之前的八级至少前端和后端还是相对分离的,后台程序在java中写,前台程序在html或者js中写;那么这一级别的框架简直会颠覆你的认知!只需在后台使用java写好了类和对象,并设置好相关的属性,网页的元素是自动通过后台对象生成的 。这当然有好处,妈妈再也不用担心我不会写js和css了 。
然而就学一下html/css/js真的那么难吗?个人认为,尽管GWT有google的这么强悍的背书,但是这种9级封装的本质上把前后台耦合得更紧密 。一个人做一个项目还可以考虑,但是一个团队前后台分离、模块化开发的时候,使用这种框架是一种灾难!所以我是极度不建议使用9级封装框架的 。
综上,针对不同的编程方式,给出以下参考: 1 DOP(Deadline Oriented Program,面向截止日期编程)的程序猿们有两种选择:a、努力学习html/css/js,使用2~3级框架;b、看不上前端代码的,6~8级是不错的选择 。对于业务优先、老板整天嚷嚷时间有多紧、客户有多急切的项目,你可以直接选b了,我觉得老板是不会给你时间学习html/css/js的 。
2 EOP(Experience Oriented Program,面向用户体验编程)的程序猿们,大多数做的是追求极致用户体验的互联网产品吧 。那果断选1级封装度的框架,可适当借鉴2~4级的框架 。
3 MOP(Money Oriented Program,面向人民币编程)对于一直做后台,趁过年放假想赚个外快的程序猿们,我知道你们也不想在前端领域有多大发展,搞好后台就足够一辈子衣食无忧了,所以还是选择6~8级吧 。此外,需要考虑搜索引擎优化的项目,慎用富客户端或者重ajax应用 。
4.web前端框架是做什么的WEB框架主要作用是提高WEB前端开发效率,降低开发难度 。
目前常用的一些前端的框架如下:1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架 。它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面 。
它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件 。Bootstrap是用动态语言LESS写的,主要包括四部分的内容:脚手架——全局样式,响应式的12列栅格布局系统 。
记住Bootstrap在默认情况下并不包括响应式布局的功能 。因此,如果你的设计需要实现响应式布局,那么你需要手动开启这项功能 。
基础CSS——包括基础的HTML页面要素,比如表格(table),表单(form),按钮(button),以及图片(image),基础CSS为这些要素提供了优雅,一致的多种样式 。组件——收集了大量可以重用的组件,如下拉菜单(dropdowns),按钮组(button groups),导航面板(navigation control)——包括:tabs,pills,lists标签,面包屑导航(breadcrumbs)以及页码(pagination),缩略图(thumbnails),进度条(progress bars),媒体对象(media objects)等等 。
JavaScript——包括一系列jQuery的插件,这些插件可以实现组件的动态页面效果 。插件主要包括模态窗口(modals),提示效果(tool tips),“泡芙”效果(popovers),滚动监控(scrollspy),旋转木马(carousel),输入提示(typeahead),等等 。
Bootstrap已经足够强大,能够实现各种形式的 Web 界面 。为了更加方便地利用Bootstrap进行开发,很多工具和资源可以用来配合使用,下面列举了其中的一部分工具和资源 。