- 博客(76)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 MySQL基础学习（六）——聚合函数
聚合函数：作用于一组数据，并对一组数据返回一个值。 1、聚合函数类型（1）AVG(x)SELECT AVG(salary)FROM employees（2）SUM(x)SELECT SUM(salary)FROM employees（3）MAX(x)SELECT MAX(salary)FROM employees（4）MIN(x)SELECT MIN(salary)FROM employees（5）COUNT(x)SELE
2022-04-28 16:09:33
1553
原创 MySQL基础学习（五）——单行函数
单行函数：操作数据对象 接受参数返回一个结果 只对一行进行变换 每行返回一个结果 可以嵌套 参数可以是一列或一个值一、数值函数1、ABS(x)：返回x的绝对值select abs(-123),abs(32)from dual...
2022-04-28 09:11:43
3637
原创 MySQL基础学习（四）——多表查询
多表查询，也称为关联查询，指两个或更多个表一起完成查询操作。前提条件：这些一起查询的表之间是有关系的（一对一、一对多），它们之间一定是有关联字段，这个关联字段可能建立了外键，也可能没有建立外键。比如：员工表和部门表，这两个表依靠“部门编号”进行关联。前提例1：查询location_id为2500的city，department_name，employee_id这里要注意city属于location表，department_name属于department表，employee_id属于
2022-04-27 17:20:31
653
原创 MySQL基础学习（三）——排序与分页
使用 ORDER BY 子句排序ASC：升序 DESC ：降序默认为升序一、排序1、单列排序例1：salary按照降序排序SELECT last_name,salary FROM employees ORDER BY salary DESC 2、多列排序例1：按照department_id降序排序，salary升序排序SELECT last_name,department_id,salary FROM employees ORDER BY.
2022-04-27 14:48:16
177
原创 MySQL基础学习（二）——运算符
一、算数运算符1．加法与减法运算符 对数值或表达式进行加（+）、减（-）、乘（*）、除（/）或取模（%）运算SELECT 1, 1 + 0, 1 - 0, 1 + 2, 1 + 2 -3, 1 + 2.5, 1 - 2.5 FROM DUAL;注意：在MySQL中+只表示数值相加。如果遇到非数值类型，先尝试转成数值，如果转失败，就按0计算。（补充：MySQL中字符串拼接要使用字符串函数CONCAT()实现）SELECT 100+'1' , 100+'a' , 100+nu
2022-04-27 14:29:36
2222
原创 MySQL基础学习（一）——SELECT语句
select作为查询语句，在数据库的操作中是基础中的基础1、SELECT... 没有任何子句SELECT 12、SELECT...FROMSELECT #表示选择哪些列 FORM #表示从哪个表中选择 2.1 (*)表示全部的列SELECT *FROM employees2.2 选择有特定的列SELECT employee_id,last_nameFROM employees3、列的别名重命名一个...
2022-04-26 19:14:26
1214
原创 Hooks基础-------useContext基本用法
useContext可以帮助我们跨越组件层级直接传递变量，实现共享，相当于class组件时的props，用于传值import React from "react";const myContext = React.createContext();function Com3() { const { num, setNum } = React.useContext(myContext); return ( <div> {num} <br />...
2022-04-25 10:00:06
1122
原创 Hooks基础-------useReducer基本用法
1、什么是reducer？reducer是一个函数(state, action) => newState：接收当前应用的state和触发的动作action，计算并返回最新的state2、useReducerconst [state, dispatch] = useReducer(reducer, initState, init);useReducer接收三个参数：第一个参数：reducer。第二个参数：初始化的state。如果没有第三个参数，则state默认是传入的值，返..
2021-12-28 18:49:22
1093
1
原创 Hooks基础-------useEffect基本用法
useEffect 可以在组件渲染后实现各种不同的副作用。通过使用这个 Hook，你可以告诉 React 组件需要在渲染后执行某些操作。React 会保存你传递的函数（我们将它称之为 “effect”），并且在执行 DOM 更新之后调用它。1、只有一个参数时相当于componentDidMount和componentDidUpdateuseEffect(() => { console.log("count", count);});2、有两个参数时2-1 第二个参数是[]
2021-12-14 10:49:25
1676
原创 Hooks基础-------useState基本用法+案例
useStateconst [count, setCount] = useState(0);在此之前请确保各位先知道react中state的含义和用法对于useState最简单的理解就是：定义一个state取名为count，setCount是改变count的方法，useState(0)中保存的是count的初始值相比较于class中的state写法简单了许多// class 中的写法// 定义一个countthis.state={ count:0}// 获取cou
2021-12-14 10:22:17
2197
原创 js字符串方法
目录1、charAt()：返回指定位置的字符2、charCodeAt()：返回指定位置字符的Unicode编码3、concat()：连接字符串4、 indexOf()： 检索字符串5、match()：匹配值或正则6、replace()：替换匹配的字符串7、search()：检索与字符串匹配的子串8、slice()：提取字符串片段9、split()：把字符分割成数组10、toUpperCase()，toLocaleUpperCase()：将字符串转换成大写11、
2021-09-09 09:13:39
589
原创 js数组方法总结
数组方法目录数组方法1、push() 尾插（1）只插入一个元素<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#770088">const</span> <span style="color:#0000ff">arr</span> <span style="color:#981a1a"&
2021-09-06 13:41:36
604
原创 JavaScript基础学习——ES6基础-Promise对象
一、认识Promise 用于处理异步操作，成功了就执行成功的操作，失败了就捕获错误或者停止后续操作。二、基本语法 new Promise(function(resolve,reject){ if(success){ resolve(); // 成功将调用resolve()方法 }else{ reject(); // 成功将调用reject()方法 } })有三种状态：pending：初始状态,也称为未定状态，就是初始化Promise时，...
2021-03-16 22:18:21
237
原创 JavaScript基础学习——ES6基础-类和模块
一、类1、认识类(class)类是对象的一个抽象，是对象的一个模板。对象是类的实例化。 定义： class 类名 { contructor(paramsList){ // 创建构造器 this.x = x ... } // handle }注意：（1）类名一般首字母大写，用来跟普通函数进行区别。（2）类不能直接调用，必须进行实例化处理。（3）类的类型是function。...
2021-03-16 22:12:25
263
原创 JavaScript基础学习——ES6基础-数组、函数和对象扩展
一、数组的扩展1、扩展运算符（...），它可以把一个数组转化为用逗号分隔的参数序列。var arr=[1,2,3,3,4]console.log(...arr);//1,2,3,4,5console.log(2,...[4,6,8],10);//2,4,6,8,102、替代数组的 apply 方法var arr=[1,3,2,4,2,4,5,3,4]console.log(Math.max(...arr));//5// 等同于console.log(Math.max(1,
2021-03-16 22:01:40
155
原创 JavaScript基础学习——ES6基础指令
一、认识ES6ES6(ECMAScript 6/ECMAScript 2015)是2015年6月发布的。ES6是对ES5的一个扩展（就是在ES5的基础上添加了一些内容），最典型的内容：Class（类）、Promise（异步）、Symbol（数据类型）等。学习参考网站：https://es6.ruanyifeng.com/。二、ECMAScript与JavaScript的区别前者是后者的规格，后者是前者的一种实现。JavaScript = ECMAScript + DOM + BOM三、l
2021-03-16 21:51:30
159
原创 JavaScript基础学习——CSS预处理Less
一、CSS预处理目前CSS预处理语言主要有：Less,SASS,Stylus等。浏览器不能编译.less/.scss/.sass/.styl等文件，在html文件引入前面这些样式文件，必须先编译成.css文件。二、在VSCode中编译less1、安装插件：按Ctrl + Shift + x，打开扩展面板，安装Easy LESS。2、修改设置文件（settings.json），在settings.json中添加如下代码： "[less]":{ "editor.sugge...
2021-03-15 19:29:40
339
原创 JavaScript基础学习——HTML5 Canvas
一、认识canvascanvas是H5新增的一个标签。它的作用是在浏览器上创建一个画布，用来绘画。二、使用场景（1）简单游戏的开发；（2）简单图像；（3）验证码；（4）绘制图表；（5）绘制地图；（6）制作马赛克效果；（7）模拟帧动画等。三、基本用法<canvas id="canvas"></canvas>var canvas = document.querySelector('#canvas');// 渲染上下文var ctx = canvas.
2021-03-15 17:01:56
208
原创 JavaScript基础学习——HTML5 API
一、媒体操作1、audio（音频）支持的音频格式：.mp3/.ogg/.webm标签常用属性：autoplay autoplay 自动播放（IE9以下不支持，IE可以支持自动播放，谷歌有些版本不支持自动播放）controls controls 控制条loop loop 循环preload preload 预加载（设置autoplay时，preload失效）src url ...
2021-03-15 16:51:30
312
原创 JavaScript基础学习——jQuery插件开发
一、什么是jQuery插件jQuery插件是对jQuery框架利用原型的一个扩展。插件通常是一个完备功能的封装，它是JQ功能的一个补充或扩展。注意：开发JQ插件，该插件是依赖于JQ，所以必须先引入JQ，再引入插件。二、jQuery的插件主要分3种类型：1、封装对象方法的插件（原型扩展）（主要的开发方式）：这种是大多数采用的方法。操作原型，对jQuery框架侵入性较小。2、封装全局函数的插件（静态扩展）：装方法或插件直接挂到类上。3、选择器插件：对JQ选择DOM的补充或扩展。三..
2021-03-14 22:00:29
409
原创 JavaScript基础学习——BOM操作
一、认识BOMJS是由ECMAScript（ECMA）、DOM（W3C）和BOM（无规范）。BOM(Browser Object Model：浏览器对象模型)，提供了独立于内容而与浏览器进行交互的对象，用它来实现窗口与窗口之间的通信。BOM的核心对象是window。1、BOM组成window- frames history location navigator screen2、BOM与DOM的区别（1）DOM通过脚本动态地访问和更新文档内容、结构和样式的接口。（2）BOM通过脚本操作.
2021-03-14 21:49:00
325
原创 微服务框架（在线考试管理平台）springboot+springcloud+mybaties+mysql+前后端分离——项目记录
一、项目名称：在线考试管理平台这里主要讲述整个项目的操作流程，至于微服务框架是什么，注释都是什么意思，需要大家自行去了解二、功能1、登录页面（管理员，老师，学生）2、管理员页面：（查看老师，（认证老师），添加老师）3、老师页面：（管理班级，添加学生，查询考试（添加试题，查看试卷），添加考试，成绩查询）4、学生页面：（查看个人信息，参加考试，成绩查询）三、实现1、将数据库表导入数据库中2、按次序启动下列applicationeurekaserver---&g..
2021-03-13 17:45:31
713
2
原创 JavaScript基础学习——面向对象编程应用
一、对象常用属性（掌握）1、prototype：用来设置或获取（__proto__）对象的原型属性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl
2021-03-03 21:25:58
142
2
原创 JavaScript基础学习——面向对象编程
一、全局作用域在函数外部定义的变量或函数，叫全局变量或全局函数。它们可以在当前程序的任意位置使用。在全局中定义变量可以用var，也可以直接添加window的属性。生命周期：它们会一直占用内存，只能在当前文件中使用。如果想在多个文件中使用变量，需要用到cookie或本地存储。例1 测试全局作用域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2021-03-03 21:06:55
2487
2
原创 JavaScript基础学习——事件的冒泡、捕获、委托
1、事件流事件流指的是从页面中接收事件的顺序。分为冒泡流和捕获流。DOM二级事件规定事件流包括三个阶段：1、事件捕获阶段2、处于目标阶段3、事件冒泡阶段DOM在触发事件后，会经历事件捕获和事件冒泡两个最重要阶段。2、事件冒泡由最里层向最外层触发事件的过程，叫事件冒泡。例1：事件冒泡测试<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
2021-03-01 20:17:43
145
原创 JavaScript基础学习——事件以及Event对象（原生态）
目录1、事件2、EventTarget接收事件接口2.1、addEventListener()：绑定事件监听函数，实现监听2.2、removeEventListener()：移除事件监听2.3、dispatchEvent()：自动触发用户自定义事件3、JS常用事件3.1、UI事件3.1.1、onload：页面所有DOM元素加载完成后自动触发 (掌握)3.1.2、onunload：当页面关闭或被切换到其它时触发，一般用于做一些善后处理3.1.3、onabort：忽略错误
2021-03-01 20:07:42
1587
原创 如何将项目上传到Github（步骤）
一、Github网址https://github.com/二、注册如果有账号的话，就直接登录，如果没有就选择右上角的Sign up进行注册三、登录选择右上角的Sign in四、创建仓库1、选择右上角的“+”2、点击“+”，选择New repository3、开始填写（1）*是必须填写，Repository name填的是仓库名（2）之后是可选可不选的 Description是项目的描述（3）public表示你的项目公开 private表示你的项目.
2021-02-15 21:02:13
1008
原创 JavaScript基础学习——Bootstrap框架
一、认识Bootstrap(BS)1、官网：https://www.bootcss.com/ (https://v3.bootcss.com)2、BS是一个入门级UI框架，汇集了HTML、CSS（less）（布局）和JavaScript（插件）的一个框架。3、BS不是所有项目都适合使用BS实现布局，如果UI工程师没有按照BS的栅格系统理念去设计UI图，因为BS不适合做固定宽高的网页。BS一般用于开发没有UI图的项目，且为响应式的项目。4、BS3和BS4的区别：BS3有4种栅格，而BS4有5种栅
2020-09-17 20:50:48
2559
1
原创 JavaScript基础学习——JQuery和DOM
一、认识jQuery1、JQ是JS库，是对JavaScript的一个封装，也即是说JQ提供了大量的API，在开发时，以最少代码实现最多的功能。于2006年开源，现在已经发展成为集JS、CSS、DOM、Ajax于一体的强大的框架体系。宗旨：write less,do more!（写的少，做得多）2.学习文档中文文档：https://www.jquery123.com/API学习或查询：https://jquery.cuishifeng.cn/3.JQ功能（1）控制页面样式（2）访问和操作DOM
2020-09-10 16:29:26
355
原创 JavaScript基础学习——DOM操作
一、DOM是HTML和XML文档的编程接口，定义了访问和操作HTML和XML文档的标准方法。DOM以树型目录结构表达HTML和XML文档的，每一个节点就是一个DOM元素。二、DOM节点（一）节点层次节点层次分为父子节点和同胞节点两种。在节点树中，顶端节点被称为根（root），每个节点都有父节点、除了根（它没有父节点），一个节点可拥有任意数量的子节点，同胞节点是拥有相同父节点的节点，也叫兄弟节点（二）元素节点：标签1、属性节点：标签的属性2、文本节点：标签后的换行符3、文档节点：docume
2020-09-08 19:11:16
461
原创 JavaScript基础学习——基础（三）
一、global对象在JS中没有global对象，Web浏览器将Global作为window对象的一部分加以实现。其实也可以理解为全局变量，不过要和局部变量加以区别例如var x=123function fn1{ var y=234}此处的x为全局变量，在整段代码中都可以调用，y为局部变量，只在fn函数体内生效方法：a.encodeURIComponent():对unicode进行编码处理b.decodeURIComponent():对unicode编码进行解码处理c.eval(’
2020-09-05 19:43:35
158
原创 JavaScript基础学习——基础（二）
一、函数函数就是将具有一定功能的一段JS代码的封装，可以在程序的多个地方被反复调用。（1）定义函数格式一：function 函数名（[形参列表]）{函数体；[return [<表达式>];]}格式二：var 变量名 = function（[形参列表]）{函数体；[return [<表达式>];]}格式三：(function（[形参列表]）{函数体；[return [<表达式>];]})([实参列表]);上面的函数叫立即执行函数表达式（I
2020-09-05 16:59:48
195
原创 JavaScript基础学习——基础（一）
一、什么是JavaScriptJS是运行在客户端的一种解释型编程语言，它是一种弱类型的语言。作用是用来完成前后端交互、增加用户体验的一些逻辑实现。一个网页是三部分组成：结构（HTML/HTML5）、表现（CSS/CSS3）和形为（JavaScript），而前端开发的核心是：JavaScript。二、JavaScript的组成（1）ECMAScript（标准：ECMA-262）：基础语言部分（基础、面向对象等）（2）DOM（标准：W3C）：节点操作（3）BOM（无标准）：浏览器操作三、JS的特点
2020-09-05 15:43:53
267
原创 CSS基础学习——布局
一、多列1、colum-count：设置分栏<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> *{ margin: 0px; padding: 0px; } p{ column-count: 3;/*分了三栏，实现了等
2020-08-27 22:38:34
288
原创 CSS基础学习——动画
一、CSS3 2D变形（利用Transfrom方法）1、rotate（angle）元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ width: 100px
2020-08-26 23:01:25
14802
原创 Html基础学习——Html5新特性
一、HTML5新特性1、增加了audio和video音频播放，抛弃了Flash2、新增了canvas画布（绘画，制作动画（如小游戏开发等））3、地理定位4、增加了离线缓存5、硬件加速6、Web Socket（全双工通信）7、增加了本地存储8、新增了一些语义化标签二、网页布局标签header:页首nav:导航栏aside:侧边栏main:主体section:区块article:文章footer:页尾三、语义化标签1、mark:高.
2020-07-29 04:15:00
230
原创 CSS基础学习——基本布局
一、双飞翼布局由三列组成，两端固定，中间自适应。双飞翼布局的优点：兼容性好，兼容所有主流浏览器，包括万恶的IE6，因为在DOM中center_panel在三列结构的最前面，因此可以实现主要内容的优先加载。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双飞翼布局</title> <style>
2020-07-25 22:22:13
258
原创 CSS基础学习——定位position
一、定位设定元素在文档中的位置。会将标签（元素）转换为块级二、定位分类1、static:静态定位默认值，没有定位，不能设置偏移值(left/top/right/bottom)，占用标准流（文档流）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>
2020-07-25 21:09:41
244
1
原创 CSS基础学习——浮动float、盒子模型
一、什么是浮动？浮动（float）就是让块级标签不独占一行。目的（使用场景）：把块级标签元素可以排在一行上。二、浮动的原理就是让元素脱离文档流，不占用标准流。三、浮动的属性float:left：左浮动float:right：右浮动float:none：默认值，不浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t..
2020-07-20 15:20:04
821
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人