大大126-CSDN博客

原创 ECMAScript 6

1.简介 ES6，全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。1.1ECMAScript 的背景JavaScript 是大家所了解的语言名称，但是这个语言名称是商标（ Oracle 公司注册的商标）。因此，

2021-09-23 11:54:41 240

原创 AngularJS

1.AngularJS简介AngularJS 是一个JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中：<script src="https:...

2021-09-17 20:43:50 368

原创 JQuery基础

1.jQuery简介jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习jQuery库包含以下功能：1.HTML元素选取2.HTML元素操作3.CSS 操作4.HTML 事件函数5.JavaScript 特效和动画[元素的隐藏和显示]6.HTML DOM 遍历和修改7.AJAX请求【获取后台处理程序返回的数据值】高级操作2.jQuery下载及使用jQuery官网...

2021-09-14 19:02:31 334

原创 JSON基础+AJAX

1.JSON简介JSON:JavaScriptObjectNotation（JavaScript对象标记法）JSON：独立于语言的轻量级的文本数据交换格式JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言2.JSON的组成2.1.json对象{ }对象{}中包含--名称/值对【键值对】/json数组/json对象json名称/值对【键值对】书写格...

2021-09-11 16:22:44 93

原创 JavaScript高级-3（作用域，闭包）

1.作用域作用域是可访问变量的有效范围1.1局部作用域函数内声明的变量为局部作用域局部变量只能在函数内部访问局部变量只作用在函数内部，所以不同的函数可使用相同的变量名称局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁函数的参数只在函数内部作用为局部变量<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ht

2021-09-09 17:27:12 120

原创 JavaScript高级-2(对象)

javascript中的对象分为4类1.自定义对象2.内置对象3.DOM对象4.BOM对象对象只是一种特殊的数据。对象拥有属性和方法。1.自定义对象1.1使用对象{}创建 // 1.使用对象{}创建 var obj = { name: "dada", //属性 age: 24, //属性 //方法 ff: function() {

2021-09-03 21:06:03 370

原创 JavaScript高级-1

1.JavaScript函数函数就是完成某一具体功能的代码块使用关键字function定义函数函数声明后不会立马执行，会在我们需要时调用，因为函数声明后不会立马执行，所以不以分号结束语法格式：functiontest1(参数列表){要执行的代码}使用关键字function定义函数 function test2() { alert("关键字func...

2021-09-02 18:49:34 105

原创 JavaScript-3

1.JavaScript条件语句条件语句就是根据条件结果去执行，符合条件就执行，不符合条件就不执行1.1if语句格式1:if(条件){执行代码}；先执行条件，条件判断为turn则执行代码，否则什么都不干(只选对的) var h = new Date().getHours(); //得到当前的小时数 //也可自己声明当前小时数 // var h=19 if (h >= 18) { //条件是大于等于18点

2021-09-01 21:06:24 203

原创 JavaScript-2

1.JavaScript 变量变量是用于存储数据的容器在程序运行过程中随时改变变量中存储的数据通过var关键字声明JavaScript变量格式：var 变量名称;变量声明之后，变量是空的，未定义它的值要给变量存储数据就需要给使用“=”给变量赋值格式：var 变量名称=数据; var test1=22; <script> // 一个变量 var test1; test1 = 22; ...

2021-09-01 12:28:42 203

原创 JavaScript基础-1

1.JavaScript简介JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：HTML定义了网页的内容CSS描述了网页的布局JavaScript控制了网页的行为JavaScript 是一个面向对象的脚本语言，目前互联网上较流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。面向对象是一种编程思想面向对象是从面向过程升华而来。JavaScript的版本JavaScript ...

2021-08-28 14:24:34 92

原创 css3 弹性盒子-flex-box

弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成display定义盒子类型弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。flex-directionflex-direction-弹性盒子中子元素的排列方式属性值：1.row：默认，.

2021-08-27 16:31:13 207

原创 BootStrap4

1.BootStrap4 导航栏.navbar类来创建一个标准的导航栏.navbar-expand-xl|lg|md|sm 类来创建响应式的导航栏 (大屏幕水平铺开，小屏幕垂直堆叠)用 ul 元素并添加 class="navbar-nav" 类。然后在 li 元素上添加 .nav-item 类， a 元素上使用 .nav-link 类 <nav class="navbar navbar-expand-sm bg-secondary ">

2021-08-26 20:24:39 473

原创 BootStrap 4-2

1.Bootstrap4 按钮按钮(btn) <div class="container"> <button type="button" class="btn">不添加任何属性的按钮</button> <button type="button" class="btn btn-info">背景为info的按钮</button> <h3>按钮可设置在<a>

2021-08-25 17:20:48 646

原创 BootStrap4-1

1.BootStrap简介Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。Sass--CSS扩展语言Mixin--包含一段合法Sass代码，类似于C语言

2021-08-24 15:54:09 1691

原创 css3基础

1.CSS简介CSS3 是最新的 CSS 标准。CSS3 已完全向后兼容，所以你就不必改变现有的样式设计。增加了新的一些最重要 CSS3 模块如下：选择器盒模型背景和边框文字特效2D/3D转换动画多列布局用户界面W3C 的 CSS3 规范仍在开发。但是，现在新的浏览器已经都支持 CSS3 属性。2.圆角使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。一个值：四个角的值相四个值：第一个值为左上角，第二个值为右上角

2021-08-21 20:57:58 194

原创 CSS3基础

1.CSSDisplay(显示)和Visibility(可见性)1.1display(显示)display设置html元素的隐藏（none）和显示（block）并且会把当前元素设置为块级元素。display设置html元素none（隐藏）后不会占用任何空间也不会影响页面布局。举例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me...

2021-08-20 20:15:26 97

原创 CSS基础-2

1.css背景设置CSS 背景属性用于定义HTML元素的背景。1.1background-color定义html元素的背景颜色。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport

2021-08-19 20:31:35 139

原创 css基础-1

1.什么是css?css指层叠样式表(CascadingStyleSheets)。css定义如何显示html元素样式。2.css的作用？进一步控制网页中html元素具体的显示样式，让网页变得更好看。3.在HTML网页中如何使用css?3.1内联定义 (Inline Styles)内联定义即是在[html]的元素/标记/标签的内部使用对象的style属性定义适用其的样式表属性。<!DOCTYPE html><html lang="en">&l..

2021-08-18 18:26:34 310

原创 HTML5-2

1.html5新元素video大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。<video> 元素提供了播放、暂停和音量控件来控制视频。同时 <video> 元素也提供了 width 和 height 属性控制视频的尺寸.如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定的空间，页面就会

2021-08-17 20:00:03 176

原创 HTML5

1.HTML5简介HTML5是HTML最新的修订版本，同属与HTML系列，2014年10月由万维网联盟（W3C）完成标准制定。html5更新了一些新标记、元素，比如21.用于绘画的 canvas 元素2.用于媒介回放的 video 和 audio 元素3.对本地离线存储的更好的支持4.新的特殊内容元素，比如 article、footer、header、nav、section5.新的表单控件，比如 calendar、date、time、email、url、search2.HTM

2021-08-14 18:04:47 758

原创 HTML-3

1.HTML<div> 和<span>HTML 可以通过 <div> 和 <span>将元素组合起来。大多数 HTML 元素被定义为块级元素或行内元素。1.1HTML <div> 元素<div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与 CSS 一同使用，<div> 元素可用.

2021-08-13 15:43:42 400

原创 HTML-2

1.超链接1.1简介超链接表示用html中的<a>标签来设置的超文本链接。超链接可以是文本，也可以是一幅图片或视频，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。在标签<a> 中使用了href属性来描述链接的地址当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。1.2href属性href 属性描述了链接的目标。<a href="链接的目标路径">链接文本</a>链接的目标路径与图片资源的访问路径一样可以是.

2021-08-12 16:07:44 155

原创 HTML-1

1.什么是 HTML？HTML 是用来描述网页的一种超文本标记语言：HyperTextMarkupLanguage。超文本包括文字、图片、视频等数据标记是通过一个一个的具体标记来描述内容，标记不是我们自己想象制造的，而是有HTML语法格式规定的标记语言是一套标记标签(markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML标签及文本内容HTML文档也叫做web 页面2.HTML版本编辑语音HTML是用来标记Web信息如何展示以...

2021-08-11 22:33:38 845

weixin_59938047的博客