最近又巩固了些html,css,javaScript和jQuery的知识 回头看看之前写的html网页,真的是不忍直视 在这贴一下gitHub上我丑丑的界面
我的小说网站
为了包装一下连我自己都忍受不了的前端界面,于是搜了一些前端框架
也许有人会疑惑 你不是走java后端的吗?学啥前端
这个问题之前也是困扰了我一段时间:一个后台花一部分精力在前端上 是否值得?
首先第一点:兴趣
,个人强迫,看着自己写巨丑的页面实在受不了
其次:全栈听过吧 最近都流行这个词 总而言之就是 全栈=保姆(前台到后台 全包) 我也请教过阿里的大佬 是否需要花精力在前台上。给我的回答是:像bat这样的大厂,财大气粗 前后台都是分离的,都有专门的前端开发工程师。后端不需要写前端代码,只需要定义好接口就可以了。 但是国内还有很多小公司,人员配备不齐,以全栈的名头招苦力,进去啥都都要做的那种。回头再来说说 java工程师对前端只是要有基本的了解,知道前后台如何交互,会写简单的js,就算合格了。
所以个人还是觉得能看懂前台代码,掌握一两个前端框架,不需要深入,会使用就行 还是很有必要的。
接下来就简单介绍一下几个常用的框架的区别和这些工具各自能实现的功能
1.angularjs
html和js之间的数据衔接层,可以操控html元素(数据绑定、重复、隐藏)等,
上手很容易,但想要精通,了解内部运行机制不容易。 是js框架
2.bootstrap
用于页面布局样式设计,CSS等,与数据无关,是一种UI设计工具,
一般搭配angularjs使用。 是css框架
3.jquery
是一个 JavaScript 函数库,与angularjs作用一致,但更偏重于操作dom元素,
对dom遍历和修改。
4.easyUI
是基于jQuery的框架,它侧重于页面显示部分,即UI,但是所有效果都是用
jQuery实现的。
综合一下 还是选择了bootstrap
学习一下吧 来简单介绍一下这个广为应用的前端框架吧
Bootstrap
是目前可用框架中无可争议的领导者。其人气日益增长,你可以放心的选择这个框架,而不必担心项目会失败,因为具有广泛使用基础的框架,不太可能被抛弃。
说明: “Bootstrap是最流行的HTML,CSS和JavaScript框架,用于在网络上开发响应式、移动的Web项目。
响应式布局:是
- 模块化:是
- 启动模板/布局:是
- 附加/附件:无捆绑,许多第三方插件可用。
-
浏览器支持: Firefox,Chrome,Safari,IE8 +(您需要IE8的Respond.js)
可根据客户端调节窗口大小 自适应 这个是我最喜欢的
Bootstrap说明
Bootstrap的广泛流行是它的优势所在。在技术上,它不一定比列表中的其它框架更好,但它提供了比其它四个框架更多的资源(文章和教程、第三方插件和扩展、主题构建器等)。简而言之,Bootstrap 无处不在,这是人们继续选择的主要原因。
bootstrap是一个响应式框架,基于Jquery
接下来的两天内 就开始找资料突突突了,然后再写篇博客记录一下。
参考: