1 Bootstrap

在Bootstrap的官网介绍中，Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. 大致意思就是：Bootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的Web项目，用于开发响应式布局，是一套用于 HTML、CSS 和 JS 开发的开源工具集。

Bootstrap的设计以移动设备优先，在网页的 head 之中添加 viewport meta 标签

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Bootstrap使用一个容器元素来包裹网站的内容，使用类.container（固定宽度并支持响应式布局的容器）和.container-fluid（用于 100% 宽度，占据全部视口（viewport）的容器），具体的就看教程吧（https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html，自带部分jQuery插件，3教程之后）

通常说 Bootstrap是一种前端框架，个人感觉其实这种说法不是很准确，Bootstrap的框架和Angular等说的框架，此框架非彼框架，Bootstrap更多感觉是一种页面UI的布局，通过一系列定义好的CSS class和一些预定义好的jquery插件实现比如过渡、下拉、折叠、轮播的初步效果

或者，Bootstrap是一种UI，用于前端布局的框架，属于css框架，而不是javascript框架，但是它本身也使用javascript来完善Bootstrap框架的视觉效果

2 jQuery

jQuery 是一个 JavaScript函数库，极大地简化了 JavaScript 编程。jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。

官网：https://jquery.com，中文手册：http://www.xgllseo.com/jq3/index-2.html，jQueryUI：http://jqueryui.com（用户界面交互、特效、小部件及主题）

基础语法：$(select).action()，jQuery的选择器和CSS一样，类选择器 .class，id的选择器 #id，sass写法 >

$(document).ready(function(){//jQuery 入口函数
});$("button").click(function(){//jQuery 点击事件
});

Query感觉是封装了一部分的函数，简化了原生js的写法，在实际使用时，jQuery对DOM树进行操控，即：首先有一个写好的html页面，再对其修改操作

如写按钮事件函数，点击隐藏，切换，页面跳转等

3 AngularJS

AngularJS 是一个 JavaScript 框架。它可通过

优点：

1.AngularJS模板功能强大丰富，自带了极其丰富的angular指令。

2.AngularJS是完全可扩展的，与其他库的兼容效果很好，每一个功能可以修改或更换，以满足开发者独特的开发流程和功能的需求。

3.AngularJS是一个比较完善的前端MVC框架，包含服务，模板，数据双向绑定，模块化，路由，过滤器，依赖注入等所有功能；

4.AngularJS是互联网巨人谷歌开发，这也意味着他有一个坚实的基础和社区支持。

缺点：

1、AngularJS强约束导致学习成本较高，对前端不友好。但遵守 AngularJS 的约定时，生产力会很高，对 Java 程序员友好。

2、AngularJS不利于SEO，因为所有内容都是动态获取并渲染生成的，搜索引擎没法爬取。

性能问题：AngularJS作为 MVVM 框架，因为实现了数据的双向绑定，对于大数组、复杂对象会存在性能问题。

【Java Web前端开发】前端框架 bootstrap+jquery+angularjs探索相关推荐

Java Web 高性能开发,前端的高性能
Java Web 高性能开发,第 2 部分: 前端的高性能 Web 发展的速度让许多人叹为观止,层出不穷的组件.技术,只需要合理的组合.恰当的设置,就可以让 Web 程序性能不断飞跃.Web 的思想是 ...
JAVA Web项目开发SSM框架搭建（第一天）
Java Web 高性能开发，第 1 部分: 前端的高性能
原文地址:http://www.ibm.com/developerworks/cn/java/j-lo-javawebhiperf1/#ibm-pcon 魏强, 研究生, 东北大学简介: Web ...
前端框架——bootstrap/knockoutjs/angularjs
前端框架--bootstrap/knockoutjs/angularjs 转载于:https://blog.51cto.com/caochun/1854522
java web应用开发_Java Web应用开发基础
模块1 Java Web应用开发概述 1.1 Web基础知识 1.1.1 Web应用及其开发 1.1.2 动态网页 1.1.3 B/S结构 1.1.4 JSP简介 1.2 创建第一个Web项目 1.2 ...
Java Web 程序设计----基于SSM框架（正在更新中）
Java Web 程序设计----基于SSM框架提示:主要用于个人学习.复习.查阅等. 文章目录 Java Web 程序设计----基于SSM框架一.网页前端开发基础 HTML文档结构提示:以下 ...
根据实践经验，讲述些学习Java web能少走的弯路，内容摘自java web轻量级开发面试教程...
在和不少比较上进的初级程序员打交道的过程中,我们总结出了一些能帮到合格程序员尽快进阶的经验,从总体上来讲,多学.多实践不吃亏.本文来是从 java web轻量级开发面试教程从摘录的. 1 哪些知识点 ...
进行Java Web项目开发需要掌握的技术
目前, 国内外信息化建设已经进入基于Web应用为核心的阶段, Java作为应用于网络的最好语言,前景无限看好.然而,就算用Java建造一个不是很烦琐的web应用,也不是件轻松的事情.概括一下,实施Ja ...
JAVA WEB整合开发王者归来 -- 读书笔记 by CZF 完整版
JAVA WEB整合开发王者归来 -- 读书笔记目录第1章概述. 1 第2章搭建web开发环境. 1 第3章 Servlet技术. 1 第4章深入JSP技术. 7 第5章会话跟踪. 12 ...

【Java Web前端开发】前端框架 bootstrap+jquery+angularjs探索

文章目录

1 Bootstrap

2 jQuery

3 AngularJS

【Java Web前端开发】前端框架 bootstrap+jquery+angularjs探索相关推荐

最新文章

热门文章