自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

原创 Mysql中的子查询

什么是子查询:在一个select语句的from子句或where子句中包含另一个select语句。通常把外层的select语句称为主查询,把内层的select语句称为子查询在数据库xy中创建一张表,命名为 deptINSERT INTO `xy`.`dept` (`deptno`, `dname`, `dphone`) VALUES ('10', '开发部', '02978956543');

2022-09-17 18:52:00 1360

原创 DQL语句

注意:在SQL中任何数和NULL相加结果仍然是NULL。若需要将数值型数据和NULL相加,则需要先将NULL转换为0,然后相加,转换函数是IFNULL(列名,0)limit 起始行索引,连续查询的总行数。eg:limit 0,5 表示从第一行(索引为0)开始,查询5行。在xy数据库中建立两张表分别命名为cstudent、mstudent。多表连接查询:在一个查询语句中显示多张表的数据。在xy数据库中创建interest表。

2022-09-17 12:41:48 394

原创 Mysql数据库

(1)创建数据库:create database 数据库名;(2)显示所有数据库:show databases;(3)删除数据库:drop database;(4)SQL的数据类型:A、int:整型B、double:浮点型。

2022-09-16 22:18:28 793

原创 Bootstrap

Bootstrap是一个基于HTML、CSS和JavaScript语言编写的框架,具有简单、灵活的特性,拥有样式库、组件和插件。常用来开发响应式布局和移动设备优先的web项目,能够帮助开发者快速搭建前端页面。

2022-07-25 16:00:00 609

原创 jQuery操作元素、事件处理

jQuery操作元素、事件处理

2022-07-24 22:53:25 857

原创 jQuery库的选择器

jQuery库是JavaScript的库(对JavaScript的封装)

2022-07-24 21:56:58 740 1

原创 6-25 ES6新特性---箭头函数、类、模块

a、静态属性构造方法名.属性名//该属性是静态的,为所有对象共享b、静态方法构造方法名.方法名()//该方法是静态的,为所有对象共享//ES5中定义静态成员functionStudent(name,age){//定义构造方法}Student.school='西安邮电大学'console.log('学校console.log('姓名console.log('年龄}通过static关键字来定义静态成员//ES6中定义静态成员。...

2022-07-24 21:37:57 437

原创 ES6的新特性、Set、Map

ECMAScript 6.0(以下简称 ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。ECMAScript 是 JavaScript 语法规定,JavaScript 是 ECMAScript的实现let 和const:两种新的声明方式A、JavaScript 中 var 声明方式的局限:会造成变量的作用域的提升B、let 声明变量只在块中有效(块级作用域 ‘ { } ’)C、const声明的是变量,必须初始化并且不能重新赋值(a)const声明的对象(常对象):可以改变对象

2022-06-23 22:27:14 466

原创 程序、进程、线程

目录一、程序、进程、线程的定义二、程序、进程、线程的联系及区别1、联系2、区别三、多线程、单线程定义1、程序是指一组指示计算机或其他具有信息处理能力装置执行动作或做出判断的指令,通常用某种程序设计语言编写,运行于某种目标计算机体系结构上。程序的通俗定义就是:一段可执行的代码2、进程是计算机中的软件程序关于某数据集合上的一次运行活动,是系统进行资源分配和调度的基本单位,是操作系统结构的基础。一个运行起来的程序就是一个进程3、线程是进程中的一个实体,是被系统独立调度和分派的基本单位,线程自己不拥有操作系统资源,

2022-06-23 22:07:49 595

原创 JS执行机制、location、history对象、正则表达式

目录一、JavaScript的执行机制1、JavaScript的基本认识2、同步执行3、异步执行4、执行机制二、location对象1、url2、常用属性三、history对象1、属性2、方法四、正则表达式1、定义2、使用方法(1)创建正则(2)调用相关方法进行正则模式匹配3、模式修饰符4、边界符5、预定义符6、特殊的转义字符7、示例范围eg:输入用户名你判断是否符合格式8、量词符9、括号符(1)改变限定符的范围(2)分组10、贪婪匹配11、懒惰匹配12、正则的优先级练习:身份证号码验证(1)JavaScr

2022-06-23 21:54:17 266

原创 DOM的事件处理、Windows的常用事件

BOM(Brower Object Model):浏览器对象模型。独立于内容和浏览器进行交互的对象。核心是window对象(1)DOM(Document Object Model):文档对象。把文档看做对象,顶级对象(核心对象)是document。(2)BOM(Brower Object Model):浏览器对象模型。把浏览器看做对象,顶级对象(核心对象)是window。事件三要素:(1)事件源:触发事件的对象;(2)事件类型:出发了什么样类型的事件;(3)事件处理程序:事件被触发后执行的函数(程序段)传统

2022-06-17 19:15:01 432

原创 DOM节点

排他思想:排除掉其他元素(包括自己),然后再给自己设置想要的效果第一步:清除所有元素原有的样式;第二步:给自己(当前元素)设置想要的效果eg:设置几个按钮,点击按钮,被点击按钮的背景色变为粉色 eg:鼠标经过,改变行的背景色。(1)鼠标经过事件:mouseover;(2)鼠标离开事件:mouseout(1)元素对象 . 属性名 -------->不能获得元素自定义属性的值(2)元素对象 . getAttribute(‘ 属性名 ’) --------->可以获取元素原有属性值,也可以获得元素自

2022-06-16 22:33:02 104

原创 抽象基类的继承、DOM、JavaScript事件

目录一、继承1、抽象基类(抽象类)2、super的使用(1)super在类继承过程中代表基类(2)使用super时应注意的问题 二、DOM1、WebAPI2、JavaScript的组成3、DOM4、DOM的应用(1)通过document获取页面的元素(2)HTML5中新增的获取元素的方法(3)document对象的属性三、事件1、事件的三要素 2、页面元素的操作内容 3、操作元素的属性 4、操作元素的样式(1)操作元素的style属性(2)操作元素的className属性(1)抽象类:有些类不能实例化,但可

2022-06-16 22:08:52 336

原创 类的创建、原型对象、原型链、继承

一、类的创建(面试必问)1、在ES5中创建:2、在ES6中创建:二、原型对象(面试必问)1、构造函数的原型对象:通过prototype属性访问2、对象的原型对象:通过对象的__proto__属性访问(__两个下划线)上节回顾3、访问对象的构造方法:在原型对象里面有一个constructor属性,指向对象的构造方法(1)构造方法名.prototype.constructor(2)对象名.constructor4、原型对象的原型对象:原型对象本身也是一个对象,所以它也有一

2022-06-16 21:53:01 173

原创 了解JavaScript

目录1、C语言和JavaScript语言的区别是什么2、Java和JavaScript语言的区别是什么3、node和浏览器的区别(1)C是强类型语言,先定数据类型,后赋值。即程序运行之前每个变量的数据类型就已经确定,在运行时不能改变;JavaScript是弱类型语言(动态类型语言),定义变量先赋值后定类型。即变量的数据类型在运行时仍可变化。(2)C语言有独立的解释器,而JavaScript可以在任一浏览器解析;C语言需要程序员手动管理内存,而JavaScript的内存是由解释器来管理的。(3)C语言中没有闭

2022-06-11 22:19:29 62

原创 JS中的深浅拷贝、for语句

目录一、深浅拷贝1、浅拷贝2、深拷贝二、for语句1、for2、for-in3、for-of4、forEach数据的类型有:(1)简单数据类型(number、string、boolean、null、undefined),又称为基本数据类型。简单的数据类型可以直接存储在栈(stack)中。(2)对象数据类型(object),又称为复杂数据类型。拷贝可以看做是赋值浅拷贝:把对象当中“最外层”的属性,拷贝给新的对象。在拷贝的过程中,如果属性的值是简单数据类型,可直接拷贝给新的对象;若果是对象数据类型,只是把原来对

2022-06-02 15:55:06 338

原创 JavaScript——对象(二)

一、JavaScript的内置对象1、Array对象(1)splice(start,delecount,[item]):通过删除或替换现有元素或者原地添加新的元素来修改数组, 并以数组形式返回被修改的内容。此方法会改变原数组。 start:删除、添加、替换元素的起始位置(索引) delecount:删除、添加、替换的数量 item:可选参数,在替换、添加元素时指定;若没有指定,表示删除注:表示删除元素,则...

2022-05-27 10:13:11 373

原创 JavaScript——对象(一)

目录一、JavaScript对象的基本认识 定义对象的方法 创建空对象(1)通过字面量"{}"创建(2)通过new Object()创建二、JavaScript的内置对象Math对象(1)常用属性(2)常用方法Date对象(1)创建Date对象(2)Date对象的get方法Array对象一、JavaScript对象的基本认识1、对象:是一种数据类型。是属性和方法的集合(1)属性:是对象的静态特征。访问方式:对象名.属性名...

2022-05-26 19:42:52 158

原创 函数的应用实例

目录1、函数应用的基本示例(1)利用函数求任意数组中的最大值(2)利用return提前终止函数(3)利用return返回数组(4)利用函数对反转数组元素2、递归函数调用示例(1)输出斐波拉契数列的前20项 。(2)计算1+2+3+...+100的值(3)打印一个整数的每一位数字3、函数的立即调用示例计算数列 2/1,3/2,5/3,8/5....的前20项的和1、函数应用的基本示例(1)利用函数求任意数组中的最大值//利用函数求任意数组的最...

2022-05-25 21:31:44 1243

原创 JavaScript——闭包函数

目录一、函数作用域的分类1、作用域2、全局变量3、局部变量4、块级变量5、作用域链二、闭包函数1、作用2、闭包的优缺点一、函数作用域的分类1、作用域作用域:作用范围2、全局变量 (1)显式定义:在函数外部定义的变量 ,一般使用var定义函数变量 (2)隐式定义:在函数内部省略var关键字,声明的变量eg:// var sum = 0 //全局变量:在函数外部定义,是显式定义(1),在整个过程...

2022-05-25 21:11:18 177

原创 JavaScript----函数

1、函数:可以实现某种功能的程序代码块(重复使用)2、JS定义函数的基本格式:(1)function是关键字(2)'函数名'是标识符,要符合JavaScript的标识符的定义规则(3)'参数':函数可以有参数也可以没有参数。无论函数是否有参数,函数名后的圆括号不能省略(4)' { } ':表示函数的作用范围,不能省略eg:定义一个函数<script> function getSum(){//没有参数(无参函数) v

2022-05-25 20:47:52 982

原创 冒泡、选择、插入三种排序算法

1、三种排序算法1、冒泡排序:数据两两进行比较,若存在大小关系就进行交换2、选择排序:每趟都是从当前无序的序列中找到最小数并记录其下标(索引);然后将当前无序序列的第一个元素和最小数进行交换...

2022-05-20 18:39:46 253

原创 数组的删除、反转等示例

1、找出数组的最大值找出数组 num=[45,78,32,11,56,99,27] 的最大值<script>//找出数组里面的最大值 var num = [45,78,32,11,56,99,27] //表示给数组里面放了7个数字 var max = num[0] //假定数组的第一个元素是最大值 for(let i = 0; i <num.length; i++){ if(max < num[i

2022-05-17 22:15:00 179

原创 前端——数组

目录一、数组1、创建数组(1)使用 new Array( )(2)、使用字面量 [ ]2、访问数组元素​3、数组的属性二、二维数组1、创建二维数组(1)使用new Array( )创建(2)通过'[ ]'创建2、访问二维数组元素3、二维数组的转置一、数组1、创建数组数组:是内存中一块连续的存储单元。(1)使用 new Array( )格式:var arr = new Array( )<script> ...

2022-05-17 17:24:40 3566

原创 循环嵌套示例

1、水仙花数输出1000以内的所有'水仙花数'。'水仙花数'是一个三位数,每位数字的立方和等于该数例如:153 = 1*1*1+5*5*5+3*3*3代码<body> <!-- 输出1000以内所有的水仙花数 --> <script> var i console.log('1000以内所有的水仙花数:') for(i=100;i<=1000;i++){ ..

2022-05-13 23:15:00 136

原创 循环结构——for循环

目录 1、for循环 练习1:计算100以内所有的偶数和、奇数和并输出 ​练习2:判断输入的一个整数是否是素数2、break语句3、continue语句 练习3:计算斐波拉契数列的前20项之和4、while循环(' 当 循环)5、do-while循环6、循环嵌套 练习4:输出100以内的所有素数1、for循环注:(1)在没有"{ }"的时,循环的控制范围到期后的第一条语句; (2)三个表达式都...

2022-05-13 18:38:30 7245 1

原创 条件语句if...else,switch示例——年份日期的判断

输入年、月、日。(1)判断年份是闰年还是平年;(2)判断月份是哪个季节(3~5月为春季、6~8为夏季、9~11为秋季、12、1、2为冬季);(3)判断日期是该年的第几天代码如下:<body> <script> var year = parseInt(prompt('请输入年份')) var month = parseInt(prompt('请输入月份')) var date = parseInt(promp

2022-05-13 17:59:15 723

原创 分支结构——if条件语句

目录一、流程控制二、分支结构1、if 条件语句2、if...else语句示例:输入一个年份,判断它是闰年还是平年3、多分支语句示例:输入成绩,判断成绩的等级 4、if结构的嵌套(1)在if子句中嵌套(2)在else子句中嵌套示例:输入3个数,输出最大值和最小值示例:输入3个整数,按从大到小的顺序输出5、多分支选择结构示例:用switch--case结构判断一个数是奇数还是偶数一、流程控制通过控制代码的执行顺序来实...

2022-05-13 17:40:47 1950

原创 JavaScript的运算符

一、算术运算符:+、-、*、/、%(1)优先级先乘除后加减,有括号的先算括号里的(2)模运算(%)运算结果的符号取决于%左边的数据,与%右边的数据无关(3)+、-+、- 既可以作为双目(两个变量)运算符,也可以作为单目(一个变量)运算符(表示正、负号) 作为双目运算符,表示加减:10+2、10-2 +5 -5 作为双目运算符,表示正负-5+2 ==>(-5)+2 ...

2022-05-13 15:23:40 3126

原创 JavaScript的基本使用(一)

一、JavaScriptJavaScript是一个脚本语言(嵌入页面中,通过浏览器解析运行)JavaScript的组成1、ECMAScript:是Javascript的核心,主要规定JavaScript的基本语法。所有的浏览器厂商都会遵循这个语法(标准)2、DOM:文档对象模型(Document Object Model),是W3c组织提供的编程接口。用户可以通过DOM的接口去操作页面中的元素3、BOM:浏览器对象模型(Browser Object Model),独立于内容,可以和浏览器

2022-05-11 23:17:58 643

原创 HTML5的绘图步骤——示例绘制火柴人

目录HTML5的绘图步骤1、创建画布2、获取画布3、获取画笔4、绘制图形绘制火柴人1、源代码2、运行效果HTML5的绘图步骤1、创建画布 <canvas id="画布名称" width="宽度" height="高度"></canvas>2、获取画布 var canvas = document.getElementById('画布名称')3、获取画笔 var context = canvas....

2022-05-07 21:19:06 2738

原创 CSS3的过渡、变形、动画、滤镜等效果

目录一、过渡效果二、变形效果1、平移2、旋转3、缩放4、倾斜5、改变中心点三、动画效果1、创建动画2、应用动画四、滤镜效果1、模糊效果(高斯模糊)2、图像的亮度3、图像对比度4、图像阴影5、图像灰度化6、图像反转7、图像透明度8、棕褐色效果9、饱和度五、CSS3的精灵技术一、过渡效果1、transition-property:指定过渡的属性,取值如下: n...

2022-05-06 19:59:06 1546

原创 弹性盒子模型

目录一、弹性盒子模型1、布局模式2、基本概念3、容器的属性4、项目属性二、页面中的多媒体嵌入1、视频2、音频三、CSS3中过渡效果一、弹性盒子模型1、布局模式 (1)Tabel布局:内容格式整齐 (2)div+css:盒子模型(灵活、比较难控制) (3)display:flex(弹性盒子,也是使用div,让div的display属性为flex)2、基本概念 (1)容器(flex container):...

2022-04-29 07:00:00 875 1

原创 盒子模型——页面布局的常用属性

目录一、HTML中元素类型的转换1、标签的等级2、元素类型的转换二、页面布局1、页面布局的过程2、页面布局的常用属性A、浮动属性 float(1)浮动属性的副作用(2)清除浮动影响(副作用)的方法B、定位属性 position (1)定位模式(2)偏移量C、溢出属性 over-flowD、层叠属性 z-index一、HTML中元素类型的转换1、标签的等级 (1)行内标签:可以和其他的标签(元素)在行内并排;不能设...

2022-04-28 16:30:00 479

原创 DIV+CSS-----盒子模型

一、DIV标签 块级标签(容器),在没有设置高度、宽度属性时,和p标签相似(会自动换行)。作为容器可以包含其他标签。(注:p、span虽然是块级标签,但是不能作为容器使用)二、盒子模型的属性以下是用盒子作为页面的布局时会用到的属性1、宽度:width2、高度:height3、边框属性:...

2022-04-28 15:30:00 1150

原创 Web前端——CSS基础篇(二)

目录一、属性选择器二、关系选择器三、结构化伪类选择器四、伪对象选择器五、超链接的伪类选择器总结一、属性选择器E表示页面元素。eg:li、input、a、p...att表示属性。eg:color、font-family、font-size...1、E[att]:选择具有att属性的元素eg:表示选择具有class属性的a标签 a[class]{ color: red; }2、E[att=“val”]:选择具有att属性,并且att属

2022-04-20 10:30:00 106

原创 Web前端——CSS基础篇(一)

一、什么是结构和表现分离? 在页面中,使用html搭建页面的结构(页面的内容),不使用标签的属性设置样式。标签的样式全部在CSS中设置。二、什么是CSS?层叠样式表(Cascading Style Sheet)CSS3是新版本的CSS,与老版本(CSS2.1)相比在性能和成本上有大的提升。三、如何使用?1、嵌入式 使用<style> </style>嵌入CSS规则(注:嵌入式可以在<head>、<body>或二者之间均可添加)...

2022-04-19 20:11:06 198

原创 Web前端——html基本标签(二)

目录一、音频标签二、视频标签三、表格 1、<table>的属性2、tr标签的属性3、td标签的属性4、表格的标题标签 5、语义标签四、表单1、什么事表单?2、表单的组成3、表单控件的种类(1)input控件 (2)textarea控件(3)select控件五、html的标签1、语义标签2、新增的表单控件属性总结 一、音频标签 <audio src="音频的路径...

2022-04-15 18:00:58 538

原创 Web前端——html基本标签(一)

Web前端——html基本标签(一)提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、Web的基本概念二、HTML(H5)2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:了解Web前端的基本概念,Web页面的组成以及开发环境,html文件的组成以及基础标签。提示:以下是本篇文章正文内容,下面案例可供参考一、Web的基本概念1、http协议超文本传输控制协议,它是一种协议——用于呈现信息的规定顺序和语法——用于通过网络传输数据。大部分通过In

2022-04-14 13:20:14 615

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除