2020年07月_路飞小朋友

原创 mysql 查询及子句

select 基本使用快速入门案例mysql> create table student( -> id int unsigned not null default 1, -> name varchar(10) not null default '', -> chinese float not null default 0.0, -> english float not null default 0.0, -> math floa

2020-07-31 12:45:21 112

原创 php操作mysql综合练习题

写一个php，通过php增删改查学生表要求1.加入js前端验证和php后台验证2.验证要求编号，语数英是数字并且不能为空，姓名不能为空程序设计的分析数据库和表的设计mysql> create table student( -> id int unsigned not null default 0, -> name varchar(10) not null default '', -> chinese decimal(5,2) not null

2020-07-30 16:51:55 584

原创数据的增删改

增 insert快速入门案例mysql> create table goods( -> id int unsigned not null default 0, -> goods_name varchar(5) not null default '', -> price float not null default 0.0, -> mfg date not null comment '生产日期' -> )charset=utf8

2020-07-28 22:24:28 104

原创 php操作mysql

基本语法mysqli_connect() 函数来连接数据库。mysqli_select_db() 来选取一个数据库。mysqli_query() 执行sql语句mysql控制台操作//创建test表mysql> create table test( -> id int not null default 0 comment 'id号', -> name varchar(60) not null default '' comment '用户名', -&g

2020-07-28 08:33:27 93

原创 mysql的数据类型

数值类型MySQL支持所有标准SQL数值数据类型。这些类型包括严格数值数据类型(INTEGER、SMALLINT、DECIMAL和NUMERIC)，以及近似数值数据类型(FLOAT、REAL和DOUBLE PRECISION)。关键字INT是INTEGER的同义词，关键字DEC是DECIMAL的同义词。BIT数据类型保存位字段值，并且支持MyISAM、MEMORY、InnoDB和BDB表。作为SQL标准的扩展，MySQL也支持整数类型TINYINT、MEDIUMINT和BIGINT。下面的表显示了

2020-07-27 06:46:44 103

原创数据表的基本操作

基本语法和介绍红色的字体都是关键字,不能修改field 表示列的名称datetype 表的列的类型 ( 这里的数据类型指的是mysql数据类型 )character set 字符集, 如果你没有指定字符集，则以所在数据库的字符集为准。collate 校验规则, 如果你没有指定校验规则，则以所在数据库的校验规则为准engine 表示表的存储引擎，分为 InnoDB 和 MyISAM，默认是InnoDB快速入门代码示例//创建表user 存储方式为MyISAMmysql> cr

2020-07-25 17:37:50 92

转载 wanmp自定义环境卸载

1.PHP的卸载直接删除PHP的文件夹2.MySQL的卸载1）以管理员的身份运行CMD执行命令：sc delete mysql2）清除注册表：在文件资源管理器中输入“C:\Windows\regedit.exe"弹出注册表删除HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\Eventlog\Application\MySQL文件夹如果能找到如下内容，删除HKEY_LOCAL_MACHINE\SYSTEM\ControlSet002\Serv

2020-07-24 18:46:18 125

原创 wnpm环境搭建

流程：下载安装包安装Nginx安装PHP连接Nginx和PHP编写启动脚本代替命令行启动Nginx和PHP安装MySQL步骤一、安装包下载Nginx下载：url：http://nginx.org/en/download.htmlPHP下载：url：http://php.net/downloads.php选择自己需要的版本，Nginx需要选择非线程安全，所以下的第一个MySQL下载：url：https://dev.mysql.com/downloads/mysql/这里博主选择

2020-07-24 11:01:36 791

原创数据库的基本操作

-- 连接到数据库服务器mysql -h host -u root -p xxxxx-- 创建数据库create database 数据库名 charset=utf8;-- 查看所有库show databases;-- 选择数据库use 库名-- 查看库下面的表show tables;-- 告诉服务器你的字符集set names gbk/utf-8/...;-- 创建数据表-- auto_increment定义列为自增的属性，一般用于主键，数值会自动加1-- not

2020-07-21 15:45:43 84

原创 mysql增删改查基础操作

2020-07-21 15:43:04 86

原创 wamp环境搭建

安装的apache服务器安装apache服务器//进入文件所在目录F:\wamp\Apache24 win64\bin>//安装apache服务器F:\wamp\Apache24\bin>httpd.exe -k install检查apache是否成功开启在浏览器中输入http://localhost（localhost相当于F:\wamp\Apache24\htdocs）在控制台输入指令，80端口在监听（apache默认端口为80），说明apache启动成功配置环境变量

2020-07-20 17:55:28 175

原创 cmd 基本操作

cmd重要性cmd是command的缩写，一直伴随着windows操作系统。有时称为：控制台窗口，cmd窗口，黑窗口，命令行窗口等。其实，在unix系统，Linux，MacOS等几乎所有的操作系统中，都会有类似的控制台窗口。它是与系统进行深入交互不可或缺的基础设施。早在丰富易用的图形操作界面崛起以前，人与机器交互的唯一方法可能就是通过控制台窗口，只不过那时没有“窗口”这个概念。与图形界面相比，控制台窗口有许多优点：比如，命令清晰，没有歧义，交互传输数据量小（因而很容易实现远程终端的方式），强大的可编

2020-07-20 10:51:52 225

原创 cmd常用操作指令

cmd 基本操作CTRL+R打开运行 --键入cmd回车打开DOS命令窗口netstat 命令（查看端口）netstat 命令用于显示与 IP 、TCP 、UDP 、 ICMP 协议相关的统计数据，一般用于检验本机各端口的网络连接情况，可以使用 netstat 命令查看电脑中的端口使用 netstat /? 可以查看 netstat 命令的所有参数：其中常用参数有以下几种：-a : 显示所有活动的 tcp 连接，以及计算机监听的 tcp 和 udp 端口。-e : 显示以太网发送

2020-07-20 08:44:16 190

原创定时器

定时器的常见方法setInterval()：循环调用。将一段代码，每隔一段时间执行一次。（循环执行）setTimeout()：延时调用。将一段代码，等待一段时间之后再执行。（只执行一次）备注：在实际开发中，二者是可以根据需要，互相替代的。setInterval() 的使用setInterval()：循环调用。将一段代码，每隔一段时间执行一次。（循环执行）参数：参数1：回调函数，该函数会每隔一段时间被调用一次。参数2：每次调用的间隔时间，单位是毫秒。返回值：返回一个N

2020-07-17 10:17:56 96

原创定时器练习题

轮播图代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } div{ width:

2020-07-17 08:35:08 487

原创 BOM简介

JavaScript的组成JavaScript基础分为三个部分：ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。DOM：文档对象模型（Document object Model），操作网页上的元素的API。比如让盒子移动、变色、轮播图等。BOM：浏览器对象模型（Browser Object Model），操作浏览器部分功能的API。比如让浏览器自动滚动。常见的 BOM 对象BOM可以让我们通过JS来操作浏览器。BOM中

2020-07-14 15:00:38 227

原创 DOM鼠标键盘事件

鼠标的拖拽事件拖拽的流程：（1）onmousedown：当鼠标在被拖拽元素上按下时，开始拖拽；（2）onmousemove：当鼠标移动时被拖拽元素跟随鼠标移动；（3）onmouseup：当鼠标松开时，被拖拽元素固定在当前位置。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/

2020-07-14 10:54:33 132

原创 DOM事件的绑定

绑定事件的两种方式/DOM事件的级别我们在之前的一篇文章《04-JavaScript/22-DOM简介和DOM操作》中已经讲过事件的概念。这里讲一下绑定（注册）事件的两种方式，我们以onclick事件为例。方式一：onclick element.onclick = function () { }举例：<body><button>点我</button><script> var btn = document.getEleme

2020-07-13 09:22:43 81

原创 DOM事件委托

事件委托事件委托，通俗地来讲，就是把一个元素响应事件（click、keydown…）的函数委托到另一个元素。比如说有一个列表 ul，列表之中有大量的列表项 <a>标签：<ul id="one"> <li><a href="javascript:;">链接1</a></li> <li><a href="#">链接2</a></li> <li><

2020-07-13 08:18:36 131

原创 DOM事件传播及冒泡

DOM事件流事件传播的三个阶段是：事件捕获、事件冒泡和目标。事件捕获阶段：事件从祖先元素往子元素查找（DOM树结构），直到捕获到事件目标 target。在这个过程中，默认情况下，事件相应的监听函数是不会被触发的。事件目标：当到达目标元素之后，执行目标元素该事件相应的处理函数。如果没有绑定监听函数，那就不执行。事件冒泡阶段：事件从事件目标 target 开始，从子元素往冒泡祖先元素冒泡，直到页面的最上一级标签。如下图所示：事件捕获addEventListener可以捕获事件：

2020-07-13 07:19:48 207

原创 DOM事件对象

绑定事件的两种方式/DOM事件的级别我们在之前的一篇文章《04-JavaScript/22-DOM简介和DOM操作》中已经讲过事件的概念。这里讲一下绑定（注册）事件的两种方式，我们以onclick事件为例。DOM0的写法：onclick element.onclick = function () { }举例：<body><button>点我</button><script> var btn = document.getE

2020-07-12 20:17:45 203

原创 DOM元素节点操作属性

设置节点的属性我们可以获取节点的属性值、设置节点的属性值、删除节点的属性。我们就统一拿下面这个标签来举例： <img src="images/1.jpg" class="image-box" title="美女图片" alt="地铁一瞥" id="a1">1、获取节点的属性值方式1：元素节点.属性名; 元素节点[属性名];举例：（获取节点的属性值）<body><img src="images/1.jpg" class="image-box" title

2020-07-12 18:19:58 118

原创 DOM节点操作scroll相关属性（动画）

JS动画的三大家族包括：offset/scroll/client，这章讲scroll，以及与其相关的匀速动画scroll 相关属性方法window.onscroll() 方法当我们用鼠标滚轮，滚动网页的时候，会触发 window.onscroll() 方法。效果如下：（注意看控制台的打印结果）如果你需要做滚动监听，可以使用这个方法。scroll 相关属性scrollWidth 和 scrollHeight：获取元素整个滚动区域的宽高 + paddingscrollLeft 和 scroll

2020-07-12 12:53:19 1263

原创 DOM节点操作offset相关属性（动画）

JS动画的三大家族包括：offset/scroll/client，这章讲offset，以及与其相关的匀速动画offset 家族的组成js中有一套方便的获取元素尺寸的办法就是offset家族。offset家族包括：offsetWidthoffsetHightoffsetLeftoffsetTopoffsetParentoffsetWidth 和 offsetHightoffsetWidth 和 offsetHight：获取元素的宽高 + padding + borde

2020-07-12 10:33:39 320

原创 DOM元素节点操作样式

通过JS修改元素样式在DOM当中，如果想设置样式，有两种形式：className（针对内嵌样式）style（针对行内样式）这篇文章，我们就来讲一下style。使用style属性来操作元素的内联样式语法：读取语法：元素.style.样式名修改语法：元素.style.样式名 = 样式值 // 读取语法元素.style.样式名元素.style["属性"]; //这种读取方式可以给属性传递参数（变量） // 修改语法元素.style.样式名 = 样式值;

2020-07-11 22:55:00 325

原创 DOM修改元素节点 (增删改)

DOM节点的操作（重要）上一段的内容：节点的访问关系都是属性本段的内容：节点的操作都是函数（方法）创建节点格式如下：新的标签(元素节点) = document.createElement("标签名");比如，如果我们想创建一个li标签，或者是创建一个不存在的adbc标签，可以这样做：<script type="text/javascript"> var a1 = document.createElement("li"); //创建一个li标签 var a2

2020-07-11 10:04:37 514

原创 DOM增删改查练习

练习一效果图heml代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</

2020-07-10 12:06:01 288

原创 DOM获取元素节点 (查)

通过document对象获取元素节点在网页中浏览器已经为我们提供了document对象它代表的是整个网页，它是window对象的属性，可直接使用，通过它可以获取网页里任意对象DOM节点的获取方式其实就是获取事件源的方式。关于事件，上一篇文章中已经讲到了。想要操作元素节点，必须首先要找到该节点。有三种方式可以获取DOM节点：//方式一：通过 id 获取一个元素节点对象（为什么是一个呢？因为 id 是唯一的）var div1 = document.getElementById("box1");

2020-07-10 12:03:24 151

原创 DOM事件简介

事件简介事件：就是文档或浏览器窗口中发生的一些特定的交互瞬间。对于 Web 应用来说，有下面这些代表性的事件：点击某个元素、将鼠标移动至某个元素上方、关闭弹窗等等。JavaScript 是以事件驱动为核心的一门语言。JavaScript 与 HTML 之间的交互是通过事件实现的。事件的三要素事件的三要素：事件源、事件、事件驱动程序。比如，我用手去按开关，灯亮了。这件事情里，事件源是：手。事件是：按开关。事件驱动程序是：灯开了或者关了。再比如，网页上弹出一个广告，我点击右上角的X，广告就关闭了。这

2020-07-09 18:17:58 194

原创 DOM简介

JavaScript的组成JavaScript基础分为三个部分：ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。DOM：文档对象模型（Document object Model），操作网页上的元素的API。比如让盒子移动、变色、轮播图等。BOM：浏览器对象模型（Browser Object Model），操作浏览器部分功能的API。比如让浏览器自动滚动。节点节点（Node）：构成 HTML 网页的最基本单元。网页中的每

2020-07-09 18:05:40 155

原创 JS对象：正则表达式

正则表达式简介 link定义：正则表达式用于定义一些字符串的规则。作用：计算机可以根据正则表达式，来检查一个字符串是否符合指定的规则；或者将字符串中符合规则的内容提取出来。使用构造函数创建正则表达式的对象语法 var 变量 = new RegExp("正则表达式"); // 注意，参数是字符串 var 变量 = new RegExp("正则表达式", "匹配模式"); // 注意，两个参数都是字符串备注：RegExp的意思是 Regular expression。使用typeof检查正则对

2020-07-09 16:11:54 199

原创 JS对象：内置对象String

在底层，字符串以字符数组的形式保存在底层，字符串是以字符数组的形式保存的。代码举例：var str = 'smyhvae';console.log(str.length); // 获取字符串的长度console.log(str[2]); // 获取字符串中的第2个字符上方代码中，smyhvae这个字符串在底层是以["s", "m", "y", "h", "v", "a", "e"]的形式保存的。因此，我们既可以获取字符串的长度，也可以获取指定索引 index 位置的单个字符。这很像数组中的操作。

2020-07-09 09:37:50 156

原创 JS对象：包装类

基本数据类型不能绑定属性和方法属性和方法只能添加给对象，不能添加给基本数据类型。注意，基本数据类型string是无法绑定属性和方法的。比如说： // 基本数据类型 let str1 = 'hello'; // 对象 let str2 = new String('hello'); str1.name = 'tom'; str2.name = 'tom'; console.log(typeof str1); // 打印结果：string c

2020-07-08 21:08:13 69

原创 JS对象：内置对象Number和Boolean

内置对象 NumberNumber.isInteger() 判断是否为整数语法：布尔值 = Number.isInteger(数字);toFixed() 小数点后面保留多少位语法：字符串 = myNum.toFixed(num);解释：将数字 myNum 的小数点后面保留 num 位小数（四舍五入），并返回。不会改变原数字。注意，返回结果是字符串。参数 num：指定了小数点后面的位数。举例：let num = 3.456;let num2 = num.toFixed(2);co

2020-07-08 19:22:43 117

原创 JS对象：内置对象Math

内置对象 MathMath 和其他的对象不同，它不是一个构造函数，不需要创建对象。所以我们不需要通过 new 来调用，而是直接使用里面的属性和方法即可。Math属于一个工具类，里面封装了数学运算相关的属性和方法。如下：方法描述备注Math.PI圆周率Math对象的属性Math.abs()返回绝对值Math.random()生成0-1之间的随机浮点数取值范围是 [0，1)Math.floor()向下取整（往小取值）Math.ceil()向

2020-07-08 19:21:32 116

原创 JS对象：内置对象Date

内置对象：Date内置对象 Date 用来处理日期和时间。需要注意的是：与 Math 对象不同，Date 对象是一个构造函数，需要先实例化后才能使用。创建Date对象创建Date对象有两种写法：写法一：如果Date()不写参数，就返回当前时间对象写法二：如果Date()里面写参数，就返回括号里输入的时间对象写法一：不传递参数时，则获取系统的当前时间对象// 代码解释：不传递参数时，表示的是获取系统的当前时间对象。也可以理解成是：获取当前代码执行的时间var date1 =

2020-07-08 18:27:33 181

原创 JS数组：常见方法和数组的遍历

数组的方法清单 link数组的类型相关：方法描述备注Array.isArray()判断是否为数组toString()将数组转换为字符串Array.from(arrayLike)将伪数组转化为真数组Array.of(value1, value2, value3)创建数组：将一系列值转换成数组注意，获取数组的长度是用length属性，不是方法。关于 length属性，详见上一篇文章。数组元素的添加和删除：方法描述备注pu

2020-07-07 21:23:03 169

原创 JS数组：基本用法

数组简介 link数组（Array）是属于内置对象，我们可以在MDN网站上查询各种方法。数组和普通对象的功能类似，也是用来存储一些值的。不同的是：普通对象是使用字符串作为属性名的，而数组是使用数字作为索引来操作元素。索引：从 0 开始的整数就是索引数组的存储性能比普通对象要好。在实际开发中我们经常使用数组来存储一些数据（尤其是列表数据），使用频率非常高数组中的元素可以是任意的数据类型，也可以是对象，也可以是函数，也可以是数组。数组的元素中，如果存放的是数组，我们就称这种数组为二维数组创建数

2020-07-07 20:11:58 113

原创 JS对象：垃圾回收 (GC)

当一个对象没有任何的变量或属性对它进行引用，此时这种对象就是一个垃圾，这种对象过多会占用大量的内存空间，导致程序运行变慢，在JS中拥有自动的垃圾回收机制，会自动将这些垃圾对象从内存中销毁我们不需要也不能进行垃圾回收的操作，我们需要做的只是要将不再使用的对象设置null即可...

2020-07-07 16:44:45 1069

原创 JS对象：原型对象

上一篇文章提出了类和对象的概念，但是之前的类还有改进空间改进思路创建一个Person构造函数（存在改进空间）构造函数每执行一次，就会创建一个新的sayName方法每个对象的sayName方法都是唯一的，100个对象就有100个sayName方法，且这些方法都一样，不合理 function Person(name, age) { this.name = name; this.age = age; this.sayName = function

2020-07-05 15:50:25 96

空空如也

空空如也