自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(152)
  • 问答 (2)
  • 收藏
  • 关注

原创 insert语句详解

insert-- 插入语句(添加)-- insert into 表名(【字段名1,字段2,字段3】)values(‘值1’,‘值2’,‘值3’……)INSERT INTO `grade`(`gradename`)VALUES('大四')-- 由于主键自增我们可以省略(如果不写表的字段,他就会一一匹配)INSERT INTO `grade`VALUES('大三')-- 一般写插入语句,我们一定要数据和字段一一对应-- 插入多个字段INSERT INTO `grade`(`graden.

2021-03-17 16:38:14 12781 2

原创 数据库级别的外键(了解)

方式一 在创建表的时候,增加约束(比较复杂,麻烦)CREATE TABLE `grade`(`gradeid` INT(10) NOT NULL AUTO_INCREMENT COMMENT '年级id',`gradename` VARCHAR(50) NOT NULL COMMENT '年级名称',PRIMARY KEY(`gradeid`))ENGINE=INNODB DEFAULT CHARSET=utf8-- 学生表的gradeid字段要去引用年级表的gradeid-- 定义外..

2021-03-17 13:59:56 251

原创 修改和删除数据表字段

修改-- 修改表名 ALTER TABLE 旧表名 RENAME AS 新表名ALTER TABLE teacher RENAME AS teacher1-- 添加表的字段 ALTER TABLE 表名 ADD 字段名 列属性ALTER TABLE teacher1 ADD age INT(11)-- 修改表的字段(重命名,修改约束)ALTER TABLE teacher1 MODIFY age VARCHAR(11) -- 修改约束ALTER TABLE teacher1 CHANG..

2021-03-17 13:18:06 720

原创 MYISAM和INNODB区别

数据表的类型-- 关于数据库引擎/*INNODB 默认使用MYISAM 早些年使用的*/MYISAMINNODB事物支持不支持支持数据行锁定不支持支持外键约束不支持支持全文索引支持不支持表空间的大小较小较大,约为2倍常规使用操作:MYISAM:节约空间,速度较快INNODB:安全性高,事物的处理,多表多用户操作在物理空间存在的位置所有的数据库文件都存在data目录下本质还是文件的存储!MySQL引擎在物

2021-03-17 12:59:55 94

原创 创建数据库表(重点)

-- 注意点:使用英文(),表的名称和字段尽量使用``括起来-- AUTO_INCREMENT 自增-- 字符串使用 单引号括起来-- 所有的语句后面加,(英文的),最后一个不用加-- PRIMARY KEY 主键,一般一个表只有一个唯一的主键CREATE TABLE IF NOT EXISTS `student`(`id` INT(4) NOT NULL AUTO_INCREMENT COMMENT '学号',`name` VARCHAR(30) NOT NULL DEFAULT '匿名.

2021-03-17 10:21:55 105

原创 数据库的字段属性(重点)

Unsigned:无符号的整数不能声明为负数zerofill:0填充的不足的位数,用0来填充 int(3)5—>005自增:通常理解为自增,自动在上一条记录的基础上+1(默认)通常用来设计唯一的主键~index,必须是整数类型可以自定义设计主键自增的起始值和步长非空 NULL,not null假设设置为not null,如果不给它赋值,就会报错!NULL,如果不填写值,默认就是null!默认:设置默认的值sex,默认值为男,如果不指定该列的值,则.

2021-03-17 09:40:01 1093

原创 数据库的列类型

数值tinyint 十分小的数据 1个字节smallint 较小的数据 2个字节mediumint 中等大小的数据 3个字节int 标准的整数 4个字节bigint 较大的数据 8个字节float 浮点数 4个字节double 浮点数 8个字节 (精度问题)decimal 字符串形式的浮点数 (金融计算的时候使用)字符串char 字符串固定大小的 0~255varchar 可变字符串 0~65535t..

2021-03-17 08:56:38 106

原创 操作数据库语句

创建数据库CREATE DATABASE [IF NOT EXISTS] westos删除数据库DROP DATABASE IF EXISTS westos使用数据库USE school --表名或字段名是特殊字符时,使用``查看数据库SHOW DATABASES --查看所有的数据库学习思路对照sqlyog可视化历史记录查看sql固定的语法或关键字必须要强行记住!...

2021-03-17 08:56:07 50

原创 JavaScript学习笔记

1 什么是JavaScript1.1 概述JavaScript是一门世界上最流行的脚本语言一个合格的后端人员,必须要精通JavaScript1.2 历史https://blog.csdn.net/kese7952/article/details/79357868ECMAScript它可以解释为JavaScript的一个标准最新版本已经到es6版本但是浏览器还只停留在支持es5代码上开发环境–线上环境,版本不一致2 快速入门2.1 引入JavaScript内部标签<scri

2021-03-16 12:54:47 339

原创 jQuery操作DOM元素

操作DOM节点文本操作 $('#test-ul li[name=python]').text();//获得值 $('#test-ul li[name=python]').text('设置值');//设置值$('#test-ul').html();//获得值$('#test-ul').html('<strong>123</strong>');//设置值css的操作$('#test-ul li[name=python]').css("color","red")元素.

2021-03-16 12:24:40 53

原创 jQuery的鼠标事件

事件鼠标事件、键盘事件、其他事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/jquery-3.6.0.js"></script> <style> #divMove{ .

2021-03-16 10:02:45 44

原创 jQuery选择器

选择器//原生js,选择器少,麻烦不好记 //标签 document.getElementsByTagName(''); //id document.getElementsById(''); //类 document.getElementsByClassName(''); //jQuery css中的选择器它全部都能用! $('p').click()//标签选择器 $('#id1').click()//id选择器 $(.

2021-03-16 09:49:08 58

原创 初识jQuery及公式

jQuery库,里面存在大量的JavaScript函数获取jQuery<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js">&

2021-03-16 09:33:55 139

原创 表单提交验证及前端密码MD5加密

提交表单。MD5加密密码,表单优化 <!-- 表单绑定提交事件 οnsubmit= 绑定一个提交检测的函数,true,false 将这个结果返回给表单,使用onsubmit 接收! οnsubmit="return aaa()" --><form action="https://www.baidu.com" method="post" onsubmit="return aaa()"> <p>&.

2021-03-16 09:05:12 639

原创 获得和设置表单的值

表单是什么 form DOM树文本框 text下拉框 单选框 radio多选框 checkbox隐藏框 hidden密码框 password……表单的目的:提交信息获得要提交的信息<form action="post"> <p><span>用户名:</span><input type="text" id="username"></p> <!-- 多选框的值,就.

2021-03-16 08:26:46 172

原创 删除DOM节点

删除节点删除节点的步骤:先获取父节点,再通过父节点删除自己<div id="father"> <h1>标题一</h1> <p id="p1">p1</p> <p class="p2">p2</p></div><script> var self=document.getElementById('p1'); var father=p1.parentEl.

2021-03-15 14:18:38 348

原创 更新DOM节点

更新节点<div id="id1"> </div><script> var id1=document.getElementById('id1');</script>操作文本id1.innerText='123'修改文本的值id1.innerHTML='<strong>123</strong>'可以解析HTML文本标签操作cssid1.style.color='red';//属性使用 字符串 包.

2021-03-15 14:06:29 157 1

原创 获得DOM节点

核心浏览器网页就是一个DOM树形结构!更新:更新DOM节点遍历DOM节点:得到DOM节点删除:删除一个DOM节点添加:添加一个新的节点要操作一个DOM节点,就必须要先获得这个DOM节点获得DOM节点//对应css 选择器<script> var h1=document.getElementsByTagName('h1'); var p1=document.getElementById('p1'); var p2=documen.

2021-03-15 13:54:50 51

原创 操作Bom对象

浏览器介绍JavaScript和浏览器关系?JavaScript诞生就是为了能够让他在浏览器中运行!BOM:浏览器对象模型IE6~11ChromeSafariFireFoxOpera三方QQ浏览器360浏览器1 window(重要)window 代表 浏览器窗口window.alert(1)undefinedwindow.innerHeight530window.innerWidth150window.outerHeight530window.out..

2021-03-15 13:40:00 104

原创 面向对象class继承

class继承class关键字,是在es6引入的定义一个类,属性,方法//定义一个学生的类 class Student{ constructor(name){ this.name=name; } hello(){ alert('hello') } }var xiaoming =new Student(".

2021-03-15 12:58:43 65

原创 面向对象原型继承

JavaScript、Java、c##……面向对象;JavaScript有些区别!类:模板对象:具体的实例在JavaScript需要换一下思维方式原型:var Student={ name:"sean", age:3, run:function(){ console.log(this.name+"run……"); } };var xiaoming={ name:"xiaoming"};//原型对象//xiaoming._.

2021-03-15 10:43:34 37

原创 JSON对象

JSON是什么早期,所有数据传输习惯使用XML文件!JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。在JavaScript一切皆为对象,任何js支持的类型都可以用JSON来表示;number格式:对象都用{}数组都用[]所有的键值对 都是用 key:valueJSON字符串和js对象..

2021-03-15 10:16:04 42

原创 Date日期对象

var now=new Date();//Mon Mar 15 2021 09:38:50 GMT+0800 (中国标准时间) now.getFullYear();//年 now.getMonth();//月 0~11 代表月 now.getDate();//日 now.getDay();//星期 now.getHours();//时 now.getMinutes();//分 now.getSe.

2021-03-15 09:52:13 150

原创 方法的定义和调用、apply

定义方法方法就是把函数放在对象的里面,对象只有两个东西:属性和方法var sean={ name:'xiaoming', birth:2000, //方法 age:function(){ //今年-出生的年 var now=new Date().getFullYear(); return now-this.birth; } }//..

2021-03-15 09:34:23 45

原创 变量的作用域、let、const详解

在JavaScript中,var定义变量实际是有作用域的。假设在函数体中声明,则在函数体外不可以使用~(非要实现的话,可以使用闭包)function qj(){ var x =1; x=x+1; } x=x+2;//Uncaught ReferenceError: x is not defined如果两个函数使用了相同的变量名,只要在函数内部,就不冲突!function qj(){ var x =1; x=x+1;

2021-03-15 09:08:37 162

原创 函数的定义与参数获取

定义方式一绝对值函数function abs(x){ if(x>=0){ return x; }else{ return -x; }}一旦执行到return代表函数结束,返回结果!如果没有执行return,函数执行完也会返回结果,结果就是undefined定义方式二var abs=function(x){ if(x>=0){ return x; }else{ retu.

2021-03-14 14:08:28 130

原创 js:迭代Map、Set

//通过for of/for in 是迭代下标var arr=[3,4,5]for(var x of arr){console.log(X)}遍历mapvar map=new Map([['tom',100],['jack',90],['haha',80]]); for(let x of map){console.log(x)}遍历setvar set=new Set([5,6,7]); for(let x of set){console.log(x

2021-03-14 13:11:00 332

原创 js:map和set集合

Map://ES6 Map//学生的成绩,学生的名字//var names=["tom","jack","haha"];//var scores=[100,90,80];var map=new Map([['tom',100],['jack',90],['haha',80]]);var name=map.get('tom');//通过key获得valuemap.set('admin',123456);map.delete('tom');//删除 Set:无序不重复的集合set.add

2021-03-14 11:45:27 92

原创 分支和循环详解

if判断var age=3;if(age>3){//第一个判断 alert("haha");}else if(age<5){//第二个判断 alert("kuwa");}else{//否则 alert("kuwa");}while循环,避免程序死循环while(age<100){ age=age+1; console.log(age)}do{ age=age+1; console.log(age)}while(ag.

2021-03-13 16:00:00 232

原创 对象类型详解

若干个键值对var 对象名={属性名:属性值,属性名:属性值,属性名:属性值}//定义了一个person对象,它有四个属性!var person={ name:"sean", age:3, email:"[email protected]" score:0 }js中对象,{…}表示一个对象,键值对描述属性 xxx:xxx,多个属性之间使用逗号隔开,最后一个属性不加逗号!对象赋值person.name="guan""guan"perso

2021-03-13 10:01:42 667

原创 数组类型详解

Array可以包含任意的数据类型var arr=[1,2,3,4,5,6];//通过下标取值和赋值arr[0]arr[0]=1长度arr.length注意:加入给arr.length赋值,数组大小就会发生变化,如果赋值过小,元素就会丢失indexOf,通过元素获得下标索引arr.indexOf(2)1字符串的"1"和数字1是不同的slice()截取Array的一部分,返回一个新数组,类似于String中的substringpush(),pop() 尾部push:

2021-03-13 09:49:01 130

原创 字符串类型详解

正常字符串我们使用单引号或者双引号包裹注意转义字符\\'\n\t\u4e2d \u### Unicode字符\x41 Asc11字符多行字符串编写//tab 上面 esc下面var msg=`helloworld你好ya您好`模板字符串//tab 上面 esc下面let name="sean";let age=3;let msg = `你好啊,${name}`字符串长度console.log(str.length)字符串的可变性:.

2021-03-13 09:01:04 135

原创 严格检查模式strict

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 'use strict' 严格检查模式,预防JavaScript的随意性产生的一些问题 必须写到JavaScript的第一行 局部变量建议都使用let签约定义--> <script

2021-03-12 15:01:28 62

原创 数据类型快速浏览

数值、文本、图形、音频、视频……1 变量var 王者荣耀="倔强青铜";2 numberjs不区分小数和整数,Number123//整数123123.3//浮点数123.11.12e3//科学计数法-99//负数NaN//not a numberInfinity//表示无限大3 字符串‘abc’“abc”4 布尔值true,false5 逻辑运算&& 两个都为真,结果为真|| 一个为真,结果为真! 真即假,假即真6 比较运算符(重要)===

2021-03-12 14:49:18 61

原创 JavaScript基本语法入门

<!-- JavaScript严格区分大小写! --> <script> // 1.定义变量 变量类型 变量名=变量值; var score=71; // alert(num); // 2.条件控制 if (score>60 && score<70) { alert("60~70"); }else if (score&gt.

2021-03-12 14:06:01 36

原创 JavaScript的基本使用

内部标签<script> alert('hello,world'); </script>外部引入qj.js//,,,test.html <script src="js/qj.js"></script>

2021-03-12 13:43:59 128

原创 CSS笔记

1 什么是CSS如何学习CSS是什么CSS怎么用(快速入门)CSS选择器(重点+难点)美化网页(文字,阴影,超链接,列表,渐变……)盒子模型浮动定位网页动画(特效效果)1.1 什么是CSSCascading Style Sheet 层叠级联样式表CSS:表现(美化网页)字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动……[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zkOhHBM9-1615525658600)(C:\Users\AG

2021-03-12 13:07:49 82

原创 z-index及透明度

图层:可用于将在一个元素放置于另一元素之后。z-index:默认是0,最高无限~999<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/style.css"></head><body>&

2021-03-12 10:18:25 132

原创 绝对定位和固定定位

绝对定位定位:基于xxx定位,上下左右~没有父级元素定位的前提下,相对于浏览器定位假设父级元素存在定位,我们通常会相对于父级元素进行偏移在父级元素范围内移动相对于父级或浏览器的位置,进行指定的偏移,绝对定位的话,它不在标准文档流中,原来的位置不会被保留<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</titl

2021-03-12 09:46:32 127

原创 方块定位的练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> a{ text-decoration: none; color: white; width: 100px; height: 100px;

2021-03-12 09:17:26 87

空空如也

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

TA关注的人

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