J-April-CSDN博客

原创小型酒店管理系统（Vue+SpringBoot）（持续更新）

小型酒店管理系统一、前言小型酒店管理系统采用Vue前端框架、SpringBoot框架实现项目前后端分离，并通过Mysql存储数据。本系统实现针对不同用户的登录验证；客户信息、前台管理员以及超级管理员等信息存取；客户信息登记、预约、入住、消费等功能；前台管理员对客户操作的管理；超级管理员对客户以及前台管理员操作进行控制等的功能，系统功能基本实现，测试良好。二、系统可行性分析（一）系统开发工具及平台操作系统：Windows 10编程语言：Vue、SpringBoot开发工具：WebStorm、I

2021-06-02 23:22:52 7847 1

原创 SpringBoot——简单异步运用

新建一个新的SpringBoot项目新建一个新的controller和service目录@RestControllerpublic class AsyncController { @Autowired AsyncService asyncService; @RequestMapping("/hello") public String hello(){ asyncService.hello(); return "OK"; }}

2021-07-06 09:25:35 109

原创 window.onload与$(document).ready()

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>window.onload与$(document).ready()</title></head><body><h1>测试window.onload与$(document).ready()</h1><img id="logo" sr

2021-06-24 19:34:53 120

原创 26_多库共存

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>26_多库共存</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 10

2021-06-24 19:34:12 110

原创 25_扩展插件

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>25_扩展插件</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 10

2021-06-23 14:13:53 84

原创 24_自定义动画

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>24_自定义动画</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 1

2021-06-23 14:12:46 55

原创 23_显示与隐藏

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>23_显示与隐藏</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200

2021-06-23 14:11:34 58

原创 22_滑动

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>22_滑动</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200px;

2021-06-23 14:10:25 65

原创 21_淡入淡出

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>21_淡入淡出</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200p

2021-06-23 14:09:53 78

原创 20_事件委托2

<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <title>20_事件委托2</title></head><body><ul> <li>1111</li> <li>2222</li> <li>3333</li> <li>4444

2021-06-23 11:20:45 59

原创 20_事件委托2

<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <title>20_事件委托2</title></head><body><ul> <li>1111</li> <li>2222</li> <li>3333</li> <li>4444

2021-06-23 11:16:31 55

原创 20_事件委托_引入.html

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>19_事件切换</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200px; top: 50px

2021-06-22 20:50:07 51

原创 19_事件切换

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>19_事件切换</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200px; top: 50px

2021-06-22 20:22:57 50

原创 18_事件绑定与解绑

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>18_事件绑定与解绑</title></head><style type="text/css"> * { margin: 0px; } .out { position: absolute; width: 200px; height: 20

2021-06-22 20:22:12 104

原创 17_文档_增删改

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>17_文档_增删改</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 20

2021-06-22 20:21:42 71

原创 16_筛选_查找孩子-父母-兄弟标签

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>16_筛选_查找孩子-父母-兄弟标签</title></head><body><div id="div1" class="box" title="one">class为box的div1</div><div id="div2" class="box"&

2021-06-22 20:21:13 67

原创 15_筛选_过滤

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>15_筛选_过滤</title></head><body><ul> <li>AAAAA</li> <li title="hello" class="box2">BBBBB</li> <li class=

2021-06-22 20:20:39 66

原创 14_元素的尺寸

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>14_元素的尺寸</title></head><style> div { width: 100px; height: 150px; background: red; padding: 10px; border: 10px #fbd850 s

2021-06-22 20:20:13 57

原创 13_元素滚动

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>13_元素滚动</title></head><body style="height: 2000px;"><div style="border:1px solid black;width:100px;height:150px;overflow:auto"> This

2021-06-22 20:19:36 55

原创 12_offset和position

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>12_offset和position</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; h

2021-06-22 20:18:57 73

原创 11_css

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>11_css</title></head><body><p style="color: blue;">尚硅谷的后裔</p><p style="color: green;">太阳的后裔</p><!--设置css样式/读取c

2021-06-22 20:18:24 70

原创 10_属性

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>10_属性</title></head><body><div id="div1" class="box" title="one">class为box的div1</div><div id="div2" class="box" title="two"&

2021-06-21 18:21:10 70

原创 09_$工具方法

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>09_$工具方法</title></head><body><!--1. $.each(): 遍历数组或对象中的数据2. $.trim(): 去除字符串两边的空格3. $.type(obj): 得到数据的类型4. $.isArray(obj): 判断是否是数组5. $

2021-06-21 18:20:32 54

原创 08_表单选择器

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>08_表单选择器</title></head><body><form> 用户名: <input type="text"/><br> 密码: <input type="password"/><br> 爱好:

2021-06-21 18:19:49 49

原创 07_过滤选择器

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>07_过滤选择器</title></head><body><div id="div1" class="box">class为box的div1</div><div id="div2" class="box">class为box的div2&l

2021-06-21 18:11:16 72

原创 06_层次选择器

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>06_层次选择器</title></head><body><ul> <li>AAAAA</li> <li class="box">CCCCC</li> <li title="hello">&lt

2021-06-21 18:10:13 35

原创 05_基本选择器

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>05_基本选择器</title></head><body><div id="div1" class="box">div1(class="box")</div><div id="div2" class="box">div2(class="bo

2021-06-21 18:09:40 33

原创 04_jQuery对象

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>04_jQuery对象</title></head><body><button>测试一</button><button>测试二</button><button id="btn3">测试三</button&gt

2021-06-21 18:09:00 36

原创 03_jQuery核心函数

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>03_jQuery核心函数</title></head><body><div> <button id="btn">测试</button> <br/> <input type="text" name="msg1"

2021-06-20 10:46:25 51

原创 jQuery的二把利器

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>jQuery的二把利器</title></head><body><button>测试</button><!--1. jQuery核心函数 * 简称: jQuery函数($/jQuery) * jQuery库向外直接暴露的就是$/jQuer

2021-06-20 10:30:19 54

原创 01_初识jQuery

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01_初识jQuery</title>  <script type="text/javascript"> window.onload = function () { var btn1 = document.getElementB

2021-06-20 10:11:52 60

转载前端面试题（2021年6月10日）

css动画如何实现创建动画序列，需要使用animation属性或其子属性，该属性允许配置动画时间、时长以及其他动画细节，但该属性不能配置动画的实际表现，动画的实际表现是由@keyframes规则实现，具体情况参见使用keyframes定义动画序列小节部分。transition也可实现动画。transition强调过渡，是元素的一个或多个属性发生变化时产生的过渡效果，同一个元素通过两个不同的途径获取样式，而第二个途径当某种改变发生（例如hover）时才能获取样式，这样就会产生过渡动画。如何实.

2021-06-10 09:35:29 77

转载前端面试题（2021年6月6日）

addEventListener参数addEventListener(event, function, useCapture)其中，event指定事件名；function指定要事件触发时执行的函数；useCapture指定事件是否在捕获或冒泡阶段执行。(addEventListener 方法的第三个参数isCapture，默认是false，在冒泡阶段执行该事件，也就是最内层的触发元素最先执行该事件，当设置为true时，在捕获阶段执行，也就是从最外层元素执行该事件。)介绍知道的http返回的.

2021-06-06 10:51:33 128

转载前端面试题（2021年6月5日）

WebSocket的实现和应用webSocket是HTML5的一种新协议，先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接，服务器与客户端通过此TCP连接进行实时通信，实现了服务器与客户端的双向通信。应用场景：需要提供多个用户相互交流或者实时的展示服务器端需要经常变动的数据，如社交类应用，在线教育等。一个图片url访问后直接下载怎样实现？请求的返回头里面，用于浏览器解析的重要参数就是OSS的API文档里面的返回http头，决定用户下载行为的参数。下载的情况下：.

2021-06-05 11:11:01 133

转载前端面试题（2021年6月4日）

HTML5 存储类型有什么区别？HTML5 能够本地存储数据，在之前都是使用 cookies 使用的。 HTML5 提供了下面两种本地存储方案：· localStorage 用于持久化的本地存储，数据永远不会过期，关闭浏览器也不会丢失。· sessionStorage 同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储HTML5 应用程序缓存和浏览器缓存有什么区别？应用程序缓存是 HTML5 .

2021-06-04 12:34:13 149

转载前端面试题（2021年6月3日）

浏览器页面有哪三层构成，分别是什么，作用是什么? 构成：结构层、表示层、行为层分别是：HTML、CSS、JavaScript 作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。HTML5的优点与缺点？优点：a、网络标准统一、HTML5本身是由W3C推荐出来的。b、多设备、跨平台c、即时更新。d、提高可用性和改进用户的友好体验；e、有几个新的标签，这将有助于开发人员定义重要的内容；f、可以给站点带来更多的多媒体元素(.

2021-06-03 10:40:58 362

原创 axios——基础知识

axios全局配置<script src="https://unpkg.com/axios/dist/axios.min.js"></script><script> axios.defaults.baseURL="http://localhost:9999/student/student"; axios.defaults.timeout=5000; axios.get('getAllStudent').then(res=>{

2021-04-14 20:02:26 119

原创 Vue篇——webpack-dev-server搭建本地服务器

webpack提供一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。在webpack中使用之前需要安装它npm install --save-dev [email protected]也是作为webpack中的一个选项，选项本身可以设置如下属性：①contentBase：为哪一个文件提供本地服务，默认是根文件夹，我们这里要填写./dist②por..

2021-03-04 09:17:02 227 1

原创 Vue篇——uglifyjs-webpack-plugin的使用

在项目发布之前，需要对js等文件进行压缩处理使用第三方插件npm install [email protected] --save-dev修改webpack.config.js文件const uglifyJsPlugin=require('uglifyjs-webpack-plugin')plugins: [ ... new uglifyJsPlugin()]...

2021-03-04 08:53:36 2319 2

原创 Vue篇——webpack-HtmlWebpackPlugin的使用

利用HtmlWebpackPlugin用来打包html文件过程如下：①通过命令行安装插件npm install html-webpack-plugin --save-dev②配置webpack.config.jsconst HtmlWebpackPlugin = require('html-webpack-plugin') plugins: [ ... new HtmlWebpackPlugin({ template: 'index.html' }) ]...

2021-03-04 08:45:11 345 1

jQueryTest.zip

小型酒店管理系统.zip

learnvuex.zip

Vue-webpack - 副本.zip

QT5实现网络聊天室设计

空空如也