javaweb之Html/Hss/JavaScript/BootStrap小结

时间:2022-01-15 14:33:01

1.Html

超文本标记语言, 标准通用标记语言下的一个应用。
超文本 就是指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。
超文本标记语言的结构包括 头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的 具体内容。

2.Css

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现 HTML标准通用标记语言的一个应用)或 XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1] 

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。


3.JavaScript

一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。


4.Bootstrap

来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。[2] 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来jQuery.


5.jQuery
是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

===========================以上百度=========以下自己理解==========================

1. html就是各种标签

2. Css就是各种样式

3. JavaScript 由以下三种东西组成:


ECMAScript,描述了该语
javaweb之Html/Hss/JavaScript/BootStrap小结 javascript组成
言的语法和基本 对象[2] 
文档对象模型(DOM),描述处理网页内容的方法和接口。 [2] 
浏览器对象模型( BOM),描述与浏览器进行交互的 方法接口


主要通过对标签注册事件监听,一旦被事件被触发就会产生动态效果,提升用户体验;

它内部包含了DOM,可以对页面做各种各样的修改;

4. Bootstrap

就是有两部分组成

        <1>bootstrap.css  里边将标签的默认显示样式做了一些规范, 然后又用 . class名称 的方式定义了很多类的样式, 这样我们可以在导入bootstrap.css之后就可以给标签的类属性增加在类名,例如: class = "类1  类2  类3" 这样标签就可以同时有了 :类1  类2  类3 样式的叠加.相当于一个个样式刷,一刷一个样式;

        <2>bootstrap.js  里边定义了各种监听器(就是函数),这样我们就可以方便地对标签注册监听,达到特定动态效果,而这完全不需要我们自己去写方法,  ps: bootstrap.js是基于jquery.js框架的,也就是说bootstrap.js会调用 jquery.js 里边的资源; 这里要说一点,就是,一个页面中不论是写在页面里的<javascript> , 还是导入的<javascript> 它们就相当于同方法处在同一个类之中,因此它们方法外的变量是公用的.方法之间是可以调用的;