- 博客(25)
- 收藏
- 关注
原创 AngularJS总结
一.AngularJS简介1.AngularJS介绍AngularJS 是一个JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过指令扩展了 HTML,且通过表达式绑定数据到 HTML。AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:<script..
2021-09-22 11:37:50 292
原创 jQuery总结
一.jQuery的简介1.jQuery是什么?jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)【jQuery就是javascript的一个库】把我们常用的一些功能进行了封装,方便我们来调用,提高我们的开发效率。极大地简化了 JavaScript 编程。2.jQuery的版本1.x:兼容IE678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,
2021-09-15 11:09:45 575
原创 JSON总结
一.什么是JSON?JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。二.历史发展JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易
2021-09-13 15:36:12 396
原创 JavaScript闭包和原型
一.作用域在JavaScript总结(2)里也提到过。作用域是可访问变量的集合。在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。JavaScript 函数作用域: 作用域在函数内修改。1.JavaScript 全局变量变量在函数外定义,即为全局变量。全局变量有全局作用域: 网页中所有脚本和函数均可使用。因为局部变量只作用于函数内,所以不同的函数可以使用相同名称的变量。局部变量在函数开始执..
2021-09-09 20:53:56 411
原创 JavaScript(BOM对象)
一.什么是BOM对象BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。二.window属性有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。1.第一种<!DOCTYPE html><html>.
2021-09-08 20:09:44 247
原创 JavaScript(DOM对象)
一.什么是DOM对象?DOM--Document Object Model[文档对象模型]当网页被加载时,浏览器会创建页面的文档对象模型。用HTML表示则:<html> <head> <title>My title</title> </head> <body> <a href=””>My link</a> <h1>My heade.
2021-09-07 20:20:36 187
原创 JavaScript高级总结(3)
一.Array(数组)对象1.什么是数组?数组对象是使用单独的变量名来存储一系列的值。数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。2.数组对象的作用?使用单独的变量名来存储一系列的值。3.创建数组和数组赋值length--length属性---数组元素的个数创建一个数组,有三种方法。1: 常规方式:<!DOCTYPE html><html> <.
2021-09-05 20:48:20 184
原创 JavaScript高级总结(2)
一.JavaScript对象javascript中的对象分类:自定义对象 内置对象 DOM对象 BOM对象1.自定义对象javascript自身提供的对象,不能满足我们所有需求。通过 JavaScript,您能够定义并创建自己的对象。当我们需要一种对象,可是javascript没有提供的时候,我们就需要自己动手定义我们需要的对象创建新对象有两种不同的方法:使用 Object 定义并创建对象。 使用函数来定义对象,然后创建新的对象。1.1使用{}创建对象访问对象的方.
2021-09-04 11:23:25 126
原创 JavaScript高级总结(1)
一.JavaScript函数1.JavaScript函数的定义JavaScript 函数是被设计为执行特定任务的代码块。JavaScript 函数会在某代码调用它时被执行。JavaScript 使用关键字function定义函数,其后是函数名和括号 ()。函数的声明格式function functionname(parameters){ 执行代码}function--声明functionname--函数名称parameters-- 参数...
2021-09-02 20:30:29 152
原创 JavaScript总结(3)
一.JavaScript条件语句脚本的威力体现在它们可以根据人们给出的各种条件做出决策,javascript使用条件语句来做判断条件语句(conditianal statement)通过判断表达式的值来决定执行还是跳过某些语句,包括if语句和switch语句在 JavaScript 中,我们可使用以下条件语句:if语句:if- 只有当指定条件为 true 时,使用该语句来执行代码if...else 语句- 当条件为 true 时执行代码,当条件为 false 时执行其他代码if.
2021-09-01 22:36:39 121
原创 JavaScript总结(2)
一.JavaScript变量变量是用于存储信息的"容器"。与代数一样,JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。关于变量名称的命名:可以是数字,字母,$ , _ ,不能用数字开头 $ , _ 可以作为开头,单不推荐使用 变量名称对大小写敏感(y 和 Y 是不同的变量) 不能使用关键字【关键字是javascript语言为一个
2021-09-01 11:59:16 176
原创 JavaScript总结(1)
一.JavaScript的简介1.什么是JavaScriptJavaScript 是一个面向对象的脚本语言。目前互联网上较流行的脚本语言。它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。面向对象是一种编程思想。面向对象是从面向过程升华而来。脚本语言--编写好以后放到运行环境中直接就能运行的语言。2.为什么要学JavaScriptJavaS
2021-08-29 15:46:27 377
原创 FlexBox
弹性盒子是 CSS3 的一种新的布局模式。一.CSS弹性盒子弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器(Flex container)---能够包含其他元素的html元素【div】弹性子元素(Flex item)------被包含在弹性容器中的元素。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。1.displ
2021-08-27 23:17:53 120
原创 Bootstrap4总结(3)
一.Bootstrap4 导航导航栏大多数放在页面的顶部。1.水平导航栏使用.navbar类来创建一个标准的导航栏,后面紧跟:.navbar-expand-xl|lg|md|sm类来创建响应式的导航栏 (大屏幕水平铺开,小屏幕垂直堆叠)。导航栏上的选项可以使用<ul>元素并添加class="navbar-nav"类。 然后在<li>元素上添加.nav-item类,<a>元素上使用.nav-link类。<!DOCT...
2021-08-26 20:23:36 672
原创 Bootstarp4总节(2)
一.Bootstrap4 按钮按钮类可用于<a>,<button>, 或<input>元素上。.btn 设置边框 .btn-lg 设置大按钮 .btn-sm 设置小按钮 .btn-block 设置块级按钮 .active 设置按钮可用 .disabled 设置按钮不可用 注意 <a> 元素不支持 disabled 属性,你可以通过添加.disabled类来禁...
2021-08-25 20:15:06 164
原创 Bootstrap4总结(1)
一.Bootstrap简介1.什么是BootstrapBootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap4 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集。2.Bootstrap的来源Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架,使得 W.
2021-08-24 18:27:11 1170
原创 CSS3总结
一.CSS3的介绍1.CSS3是什么CSS3是CSS(层叠样式表)技术的升级版本【CSS3 是 CSS 的最新标准】。CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新,因此通过采用模块方法,CSS3规范里的元素能以不同速度向前发展,因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性,这也让跨浏览器开发变得复杂。2.CSS3的发展历程于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案。3.CSS3的
2021-08-23 09:20:46 721
原创 CSS总结(3)
一.CSS尺寸CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。width属性设置元素的宽度。height属性设置元素的高度。line-height属性设置行高。二.CSSDisplay(显示)与Visibility(可见性)1.Display显示display属性设置一个元素应如何显示。display:none--隐藏display:block--显示2.Visibility可见性visibility属性指定...
2021-08-20 22:53:51 132
原创 CSS总结(2)
一.CSS背景设置CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果:1.background-colorbackground-color--定义元素的背景颜色。2.background-imagebackground-image--定义元素的背景图像。默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体。(1)background-repeatbackground-repeat--设置背景图像水平或垂直平铺。(2)background-atta
2021-08-20 11:03:24 356
原创 CSS总结(1)
一.什么是CSSCSS 指层叠样式表 (CascadingStyleSheets)。它定义了如何显示HTML 元素。HTML标记是用来显示内容,至于这个内容长成什么样子HTML元素无法再进一步控制,CSS被用来进一步控制html元素的具体显示样子。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。有HTML的时候一定会有CSS对其内容进行修饰。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编...
2021-08-19 10:56:27 623
原创 HTML5的总结
一.HTML5的介绍1.HTML5是什么HTML5 是HyperText Markup Language 5 的缩写HTML5 是对HTML 标准的第五次修订,目前仍未完工。然而,大部分现代浏览器已经具备了某些 HTML5 支持。HTML5主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入。而HTML5本身并非技术,而是标准。它所使用的技术早已很成熟,国内通常所说的html5实际上是html与css3及JavaScript和api等的一个组合,大.
2021-08-15 13:50:20 960
原创 HTMl总结(4)
一.HTML<div>和<span>HTML 可以通过 <div> 和 <span>将元素组合起来。大多数 HTML 元素被定义为块级元素或内联元素。1.HTML<div>元素HTML <div> 元素是块级元素。它可用于组合其他 HTML 元素。可以包含其他的html元素在当前div中显示---容器元素。div元素前后会自动换行。div是在当前网页中的一块空白区域,与css一起使用,可以用来制作网页的布局,
2021-08-13 19:19:08 280
原创 HTML总结(3)
一.HTML超链接a标记表示网页中的一个超链接【锚点】超链接可以是一个字,一个词,或者一组词,也可以是一幅图像 ,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。1.HTML 链接 - href 属性【描述了链接的目标】链接的目标路径有3中(1)绝对路径(2)相对路径(3)网络地址例如:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <t
2021-08-12 22:19:19 214
原创 HTML总结(2)
一,HTML标题标题(Heading)是通过 <h1> - <h6> 标签进行定义的。<h1> 定义最大的标题。 <h6> 定义最小的标题。例如:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>标题标记</title> </head> <body> &
2021-08-11 23:24:39 223
原创 HTML总结(1)
一,HTML简介1,HTML的来源?HTML的英文全称是 Hyper Text Markup Language。HTML是由Web的发明者Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。2,什么是HTML?HTML是用来描述网页的一种超文本标记语言。超文本--可以处理文本数据,也可以处理图片,音频,视频等数据。标记--通过一个一个的具体标记来描述内容,标记不是我们自己想象制造的,而是有H.
2021-08-11 17:03:22 187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人