- 博客(45)
- 收藏
- 关注
RSS订阅原创 MultipartFile上传一张图片示例
（1、）在web/src/webapp下新建home文件夹（2、）在service和web里面添加依赖!-- 上传 --><dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version></dependency><dependency>
2022-04-24 16:06:14
349
原创 MultipartFile对象中的常用方法
byte[] getBytes()：获取文件数据String getContentType[]：获取文件MIME类型，如image/jpeg等InputStream getInputStream()：获取文件流String getName()：获取表单中文件组件的名字String getOriginalFilename()：获取上传文件的原名Long getSize()：获取文件的字节大小，单位为byteboolean isEmpty()：是否有上传文件void transferTo(File
2022-03-16 14:29:16
2201
1
原创 MultipartFile上传一张图片示例
/** * 新增普通膳食主表数据 */ @ApiOperation(value = "新增普通膳食主表") @ApiResponses(value = { @ApiResponse(code = 200, message = "操作成功，返回新增普通膳食主表，保存在data集合元素中"), @ApiResponse(code = 500, message = "内部错误，信息由msg字段返回") }) @R.
2022-03-16 14:28:32
280
原创 增强for循环
1、介绍增强for循环的作用： 简化迭代器的书写格式。(注意：增强for循环的底层还是使用了迭代器遍历。)增强for循环的适用范围： 如果是实现了Iterable接口的对象或者是数组对象都可以使用增强for循环。增强for循环的缺点：增强for循环和iterator遍历的效果是一样的，也就说增强for循环的内部也就是调用iteratoer实现的，但是增强for循环有些缺点，例如不能在增强循环里动态的删除集合内容、不能获取下标等。2、增强for循环的格式for(数据类型 变量名 :遍历的目标){
2022-02-14 10:08:58
214
原创 浅谈vue请求数据放在created里面好还是放在mounted里面好
建议放在created里created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。如果在mounted钩子函数中请求数据可能导致页面闪屏问题其实就是加载时机问题，放在created里会比mounted触发早一点，如果在页面挂载完之前请求完成的话就不会看到闪屏了...
2022-01-25 10:46:00
2216
转载 ssm框架
1、 SSM基本概念1、SpringSpring是一个开源框架，Spring是于2003 年兴起的一个轻量级的Java 开发框架，由Rod Johnson 在其著作Expert One-On-One J2EE Development and Design中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。然而，Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言，任何Java应用都可
2022-01-25 10:30:28
539
原创 vue生命周期理解
首先说明一下浏览器的渲染过程：1、构建DOM树2、构建css规则树,根据执行顺序解析js文件。3、构建渲染树Render Tree4、渲染树布局layout5、渲染树绘制生命周期分为8个过程：beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedboforeDestorydestoryed//可以通过卡断点去测试每个阶段页面的状态 beforeCreate(){ debugger },
2022-01-21 18:29:28
445
原创 vscode工作区同时显示多个文件（这是一个大坑）
跟着各种教程区修改设置里面的东西，反复修改很多次就是不行！！！最后在vscode里面的setting.json里面设置这一行代码就成了"workbench.editor.showTabs": true
2021-12-26 13:28:10
2178
原创 使用Vue脚手架做项目的资源准备（工具：vscode）
1、下载vscode官网：https://code.visualstudio.com/2、下载node.js1、下载node，官网：https://nodejs.org/zh-cn/download/安装完成后，查看版本号node -v2、安装包管理工具（一般安装的node里面自带） 全局安装 npm 或者 cnpm 包管理工具。（已经安装过的可以忽略） 简单理解为： 自动管理项目依赖（管理第三方包）的 工具。npm -vnpm升级和降级：降级举例：降级到6npm ins
2021-12-25 19:19:01
566
原创 HTML ＜font＞ 标签
定义和用法 规定文本的字体、字体尺寸、字体颜色。<font size="3" color="red">This is some text!</font><font size="2" color="blue">This is some text!</font><font face="verdana" color="green">This is some text!</font>...
2021-12-18 10:05:24
190
原创 使用zoom属性（设置或检索对象的缩放比例）
语法zoom：normal | | 默认值：normal适用于：所有元素继承性：有取值normal：使用对象的实际尺寸。：用浮点数来定义缩放比例。不允许负值：用百分比来定义缩放比例。不允许负值写法style=”zoom:90%”...
2021-12-16 08:49:18
581
原创 line-height中的五种取值方式和继承
取值一般情况下，浏览器默认的line-height为1.2。可以自定义 line-height 覆盖这个初始值，那么该怎样设置line-height呢？有以下5种方式：值描述normalnormalnumber设置数字，此数字会与当前的字体尺寸相乘来设置行间距，即number为当前font-size的倍数。length设置固定的行间距。%基于当前字体尺寸的百分比行间距。inherit规定应该从父元素继承 line-height 属性的值。继承
2021-12-15 09:04:04
1456
原创 es6模块的开发 ES6规范 基本使用
基本用法es6 中新增了两个命令 export 和 import ,export 命令用于规定模块的对外接口，import 命令用于输入其他模块提供的功能。import三种方式：1、暴露模块 分别暴露2、暴露模块 统一暴露3、暴露模块 默认暴露 可以暴露 任意数据类型； 暴露的什么数据 接收到的就是什么数据第一种方式：module1.js// 暴露模块 分别暴露 export function foo(){ console.log('foo() module1') }
2021-11-26 11:44:26
449
原创 样式穿透 ＞＞＞ /deep/ ::v-deep
1、 >>>如果项目使用的是css 原生样式,那么你可以直接使用2、 /deep/项目中用到了预处理器 scss 、sass、less 操作符 >>> 可能会因为无法编译而报错 。可以使用 /deep/注意：vue-cli3以上版本不可以，可能会报警告或者报错。3、::v-deep如果使用了预处理器都可以使用 ::v-deep...
2021-11-24 10:36:56
658
原创 使用elementUI写页面遇到的问题
layout布局出现问题：input和select无法放在同一行，边距布局无法统一。样式出现问题：1、使用element框架需要强制设置样式解决方法：使用/deep/2、span的color设置不上去解决方式：注意css的style使用3、card无法设置边框圆角，卡片里面的文字fong-size设置不上去解决方式：直接使用div4、radio单选框偏靠上解决方式：设置style=“line-height:2.0-2.8之间”table表格出现问题：1、有些需要设置文字颜色解决
2021-11-10 18:25:29
972
原创 Vnode的类型
vnode是一个JavaScript对象，不同类型的vnode之间其实属性不同，准确说是有效属性不同。因为当使用VNode类创建一个vnode时，通过参数为实例设置属性时，无效的属性会默认设置为undefined或者false。对于 vnode身上的无效属性，直接忽略就好。1、注释节点由于创建注释节点的过程非常简单，所以直接通过代码来介绍它有哪些属性： export const createEmptyVNode = text => { const node = new VN
2021-11-09 09:45:58
1265
原创 element-Pagination 分页
<template> <div> <el-pagination layout="sizes,prev,pager,next,jumper,->,total" :total="50" :current-page.sync="currentPage" :pager-count="pagerCount" :page-size.sync="pageSize" :page-sizes.sync="pageSizes"
2021-11-04 15:44:26
188
原创 element-自定义校验规则-校验注册时两次输入的密码一致
1、<template> <div> <el-form ref="form" :model="user" label-width="80px" :rules="rules"> <el-form-item label="密码" prop="pwd"> <el-input v-model="user.pwd" placeholder="请输入密码" show-password></el-input
2021-11-04 12:17:32
2848
原创 element表单校验
1、在数据区为每一个数据分别定义校验规则2、通过rules将校验规则注入el-form：3、为每一个el-form-item通过prop指定校验规则4、在表单提交的时候进行一次表单校验例：用户名密码登录页面表单校验<template> <div> <el-form ref="form" :model="user" label-width="80px" :rules="formRules"> <el-form-item l
2021-11-04 11:44:00
138
原创 《es6入门》
1、es6:ecmascript 6：（ecmascript 2015）新增属性和方法2015年6月份：第一版发布兼容性较差： node： 浏览器：兼容性更差 es6->es5 编写代码： es6:开发效率更高 执行： es52.包管理机制框架(大)--》包--〉模块index.html: jquery function getdata(){ 1. 2. 3. 4. 5. 6.data } getdata(url) getda
2021-07-14 15:07:02
468
原创 《jquery入门》
1、jquery:1.介绍 js的框架 封装的底层js 2.特点 轻量级: 大小较小（angularjs） 强大的选择器： document.getElementById() $("#one") 和css类似，比css更加丰富 出色的dom封装和可靠的事件处理机制: jquery对象-》jquery方法 attachEvent: 不污染顶级变量: 浏览器： window:{} linux： global:{} 完善的ajax:
2021-07-14 14:54:50
65
原创 《vue入门》
一、特点轻量级框架目前前端三大主流框架数据驱动框架： ：只关系底层逻辑，尽量减少dom操作 jquery:dom驱动（mvc模式）生态圈丰富适合初学者2、mvvmmvc: m:model:事件 v:view：html c:control:jshtml->model->js select>optionjs->model->htmlmvvm: m:js v:html vm:v+mhtml<->vm<->js
2021-05-31 09:43:14
98
原创 选择器(代码）
属性选择器1、???? [class]<style> [class]{ background-color: pink; } </style> /*选中所有具有class属性的元素*/2、???? [class=‘one’] <style> [class='one']{ background-color: pink; } <
2021-04-03 15:37:21
279
原创 H5API
1、 新增标签h5新增标签有哪些，如何理解语义化标签语义化标签headernavasidersectionfooterinput中type的属性值numberteldatetimemonthemail表单新增的属性placeholderrequiredminmaxwebsockethttp协议：客户端主动发起请求，服务器响应websocket协议：服务器端可以向客户端推送消息，客户端也可以像服务器端发送请求请求建立连接（三次握手）双向通信...
2021-03-29 16:58:22
84
原创 ajax
1、原生ajax1、实例化xhrvar xhr=new XMLHttpRequest2、建立连接xhr.open(请求方式，请求地址）3、设置请求体xhr.requestHeader('Contet-Type','application/x-www-form-urlencoded')//查询字符串xhr.requestHeader('Contet-Type','application/json')//json字符串查询字符串 key1=val1&key2=val2&..
2021-03-26 14:58:42
45
原创 jQuery
3、 jQuery对象1、形式jQuery对象是类数组对象jQuery对象可以调用jQuery.prototype中声明的方法2、dom对象-》jQuery对象console.log((document)[0]);console.log((document)[0]); console.log((document)[0]);console.log((document).get(0));4、jQuery选择器回顾基本选择器标签idclass组合逗号*层次选择器子代
2021-03-26 14:40:27
81
原创 js中的内置对象/函数？
js中的内置对象/函数？Math******ArrayFunctionObjectRegxpDateNumberBooleanString
2021-03-18 20:06:36
58
原创 《js入门3-BOM浏览器对象模型》
一、对话框alert():系统弹出框参数：你才想要弹出的内容，string类型返回值：undefinedprompt():系统对话框参数：提示用户输入的内容返回值：点击取消按钮：返回值为null点击确认：返回string类型的输入内容confirm():系统确认框参数：提示用户操作的内容返回值：点击确认按钮，返回值为true点击取消，返回值为false二、超时和间歇调用js单线程语言超时调用：setTimeout(handler,time);超过一定时间调用函数t
2021-03-18 15:39:12
105
原创 event.keyCode值大全
event.keyCode值大全keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pausekeycode 20 = Caps_Lockkeycode 27 = Escape Escapekeycode 32 = spac
2021-03-18 11:00:46
624
原创 js入门2-dom-事件
一、什么是事件？html和js进行交互-》事件二、如何创建事件？事件三要素：事件目标事件对象事件处理程序三、事件流元素接收时间的顺序事件冒泡：事件从内向外事件捕获：从外向内默认规则：默认情况下先进性事件捕获，再进行事件冒泡四、事件声明dom0级事件：事件绑定：dom.ontype=function(){}缺点：不能给同一个dom对象绑定相同事件类型的事件优点：兼容性剑豪时间解绑：dom.ontype=null;dom2级事件事件绑定：dom.addEve
2021-03-17 11:33:43
88
原创 《js入门2-DOM》
document Object modelhtml->object 模型html->HTMLDocumentobject window documentObject:{window:{HTMLdocument}}Object:Node:Document->HTMLDooument:文档Element:标签 div spanComment:注释Text：文本1、node将类数组对象转换为数组的方式2、document3、element4、Commemt+
2021-03-16 20:25:39
72
原创 用js计算1-10的阶乘的和（arguments.callee的使用）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-03-11 11:04:54
1070
原创 用js代码写出无重复三位数（for循环的使用）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>无重复数字的三位数</title> <script> // 有1,2,3,4个数字，能组成多少个互不相同且无重
2021-03-09 11:21:24
485
原创 用JS代码写九九乘法表（for循环的嵌套使用）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>九九乘法表</title> <script> var sum; for(var i=1; i<=
2021-03-09 11:20:26
253
原创 用js代码写101-200素数（for循环和if语句的使用）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>101-200素数&l
2021-03-09 11:19:29
431
原创 用Js代码写1000以内完全数（for循环的使用）
1000以内完全数,(如果一个自然数，恰好与除去它本身以外的一切因数的和相等，这种数叫做完全数)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2021-03-09 11:18:17
1069
原创 用js代码写水仙花数（for循环的使用）
打印出所有的“水仙花数”，所谓“水仙花数”是指一个三位数，其各位数字立方和等于该数本身。例如：153是一个“水仙花数”，因为153=1的三次方＋5的三次方＋3 的三次方<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-03-09 11:16:30
961
原创 编译语言-标记语言-脚本语言的区别
一、编译语言如：a,java特点：需要编译运行本身具有逻辑能力和行为能力二、脚本语言如：javascript特点：被解析器解析运行本身具有逻辑能力和行为能力三、标记语言如：html、xml特点：本身不具有逻辑能力和行为能力只能被读取（浏览器）...
2021-03-07 12:19:37
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人