自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 Vue+ Node 实现文件上传和显示

图片上传和普通网络请求不一样,对上传的格式有要求,这里后端需要进行一些配置.。

2023-03-28 10:51:31 475 1

原创 使用Vue手动封装树形控件组件

如果当下认为一件事很难做,那么不用犹豫直接做就OK,巨大的提升往往出现在反复的挣扎过后。跳出舒适圈,不断挑战自我,毕竟还年轻~

2022-11-01 15:26:53 1571

原创 动态规划算法解题汇总

是一种很聪明的解决问题的方式,查找数据的规律,并列出状态转移方程经典题目有 打家劫舍,最长递增子序列 ,最长无重复子串等等。

2022-10-25 10:21:14 254

原创 前端 表单校验的使用和实现

通过自身接受的字段从父级获取表单绑定的value,并广播交互事件。这样一来三个组件可以互相通信,并且彼此更改组件之间的值,改变绑定value的同时触发校验。子组件中通过inject获取。但是还有一种更灵活的办法,

2022-10-21 18:02:23 2311 2

原创 sm2加密与解密

受朋友的委托,需要做一个密码键盘,其中需要用到国密sm2来进行前后端数据的通信,琢磨了一整天,特此记录,以便之后来查阅~

2022-10-13 18:00:14 3416

原创 算法思想总结

做了一些力扣的题目,本文总结一下遇到的题目中心思想。暴力破解法固然爽,但是时间复杂度和空间复杂度都比较尴尬,所以想点别的窍门来解题相当有必要~

2022-09-08 10:11:41 157

原创 项目难点记录

项目中遇到的各种问题,原生的,框架的,版本管理等都记录在此...

2022-09-02 14:49:39 208

原创 使用JavaScript进行数据处理(长期更新)

本文会对常用到的数据处理进行汇总,以便之后查阅。

2022-08-17 09:50:30 310

原创 算法汇总(长期更新)

前端工作中很少用到算法,但是面试或多或少都会问到这方面,尤其最近在学习Java,如果要学全栈,那么算法就是必须要迈过去的一道坎.

2022-08-07 18:09:33 527

原创 react + ts 下的开发经验汇总

学习过java语言,才发现类型标注的重要性,在前端,js最让人诟病的便是无类型规范,可以随意赋值和改变类型等,这样项目出现bug的几率大大增加,而js的超集typescript完美解决了这个问题。(别犹豫是否该学ts了,说白了,ts才是前端的脸面,何况主流框架和库早就推出了ts环境下的开发方式和类型标注)函数组件的类型 React.FC 或 FC 接受一个泛型作为父级传递过来的值的约束! 类组件在继承React.Compinent时需要传递两个泛型变量 分别是类中的st

2022-07-19 10:27:01 1225

原创 react + axios + SSM项目参数传递问题

后端获取post请求需要注意的是: post请求传送的数据 data为一个对象前端通过axios传递对象,后端需要注解@RequestBody 携带实体类来接受(前后端对象和实体类的字段需要完全一致!!) Msg 实体类!类中必须要有一个空的构造函数处理函数通过@RequestBody 注解 修饰,接受的参数为 Msg 实体类类型,也就是前后端参数一致post方式 下不使用data,则后端仍需要一个一个接受参数后端这时只需要将参数显式声明,然后获取使用......

2022-07-12 11:17:22 434

原创 jsp + servlet + jdbc 基于MVC架构的Javaweb开发总结

所用软件 : IDEA . Tomcat . navicat0 .设计过滤器,收到以及返回的参数过滤成浏览器可识别内容1 .封装项目中数据处理的方法2. 连接数据库 (反射)3.servlet事件处理程序 (部分!) 4.jsp页面 (部分)5. web.xml (主配置包含路由 首页 过滤器等 )6 .总结 jsp 负责内容的呈现 servlet 负责前端请求事件的逻辑处理 jdbc 连接

2022-06-21 15:06:46 639

原创 Java 线程相关

等待目标线程执行完毕,当前线程才会继续执行

2022-06-13 17:42:15 73

原创 简单记录一下 Java IO流知识点

输出流:OutputStream和Writer为基类输入流:InputStream和Reader为基类读取写入利用读写流 实现文件的复制对象序列化流 对象序列化:就是将对象保存到磁盘中,或者在网络中传输对象这种机制就是使用一个字节序列表示一个对象,该字节序列包含:对象的类型、对象的数据和对象中存储的属性等信息字节序列写到文件之后,相当于文件中持久保存了一个对象的信息反之,该字节序列还可以从文件中读取回来,重构对象,对它进行反序列化总的理解就是序列化是把一个对象存入文件中,

2022-06-13 15:13:25 98

原创 内部类相关(匿名内部类)

1. 内部类可以访问外部静态变量方法2.内部无法访问 外部的成员方法或变量3.开发中用到的比较少成员内部类不用static 修饰的内部类使用方法 new 外部实例对象之后 再 new 内部类内部类可以访问外部静态变量方法内部可以访问 外部的成员方法或变量匿名内部类方便创建子类对象,为了简化代码编写抽象类无需被继承,只需通过匿名内部类实现该抽象方法即可 并不是将接口实例化,而是定义了swiming的匿名内部类 .equals 默认比较地址 在子类重写以便

2022-06-10 18:48:41 120

原创 Java基础学习记录~~

static被该关键字修饰,为静态变量或方法,无需实例化就可通过类名来调用。静态块static:{ }class 类的执行顺序, 执行静态块, main 方法 , 解析 成员方法和成员变量,构造函数,单例模式 饿汉单例设计模式 1.定义一个类,把构造器私有2.定义静态变量存储一个对象懒汉单例模式............

2022-06-07 18:23:35 124

原创 Java set 和 map 学习记录

set (和js中的set性质一致)hashSet (就是普通set)需要掌握的apiArrays.asList("a","b","c"); 将普通数组转换成ArrayList集合去重 String[] arr = new String[] {"i", "think", "i", "am", "the", "best"}; LinkedHashSet noDups = new LinkedHashSet(Arrays.asList...

2022-05-29 20:03:13 135

原创 Java List 学习记录

List是有序的Collection,使用此接口能够精确的控制每个元素插入的位置。用户能够使用索引(元素在List中的位置,类似于数组下 >标)来访问List中的元素,这类似于Java的数组。APIList list = new ArrayList(); // 向列表的尾部追加指定的元素 list.add("lwc"); // 在列表的指定位置插入指定元素 list.add(1, "nxj"); // 追加指定 collection 中的所有元素到此列表的结尾 li.

2022-05-28 19:43:43 158

原创 Java class学习记录

system类 自带三种读写方式 out in errsystem.arraycopy(arr1,a,arr2,b,c); 拷贝数组arr1从a 开始的内容 复制到 arr2的从b 到 c 的位置System.getProperty( );获取系统属性具体的属性表如下:键 相关值的描述 java.version Java 运行时环境版本 java.vendor Java运行时环境供应商...

2022-05-24 18:24:39 129

原创 Java 学习记录 常量 变量 数据类型

JDK: Java的依赖包JRE: Java 运行环境JVM: Java 虚拟机 1.常量==判断的是地址,并非数值大小 判断数值或内容使用equals()方法public class Test{ Integer i1=new Integer(1); Integer i2=new Integer(1); //i1,i2分别位于堆中不同的内存空间 System.out.println(......

2022-05-21 19:28:26 201

原创 学习记录 react-Hooks

不废话,必须把函数组件的hooks啃下来!!1.最简单的 useState暴露初始值和改变的方法const [A,changeA] = useState(0);return (<button onClick = {()=>changeA(A++)} > { A } < /button>)import React,{useState} from "react";funct...

2022-05-19 16:10:53 261

原创 vue项目中的deepClone

因为涉及到组件传值和表单双向绑定问题,要将后端返回的数据从value渲染为对应的text,免不了修改原数据,原数据就算赋值给别的变量,其内存地址还是一致,那样一旦在js中修改其中任意一项,提交时会造成返回和提交的数据格式不一致,从而出现修改和详情弹窗的各种bug,为了渲染正确的下拉框和树形结构绑定的数据,于是在项目中使用了深拷贝...错误示范:editrow(val) { this.editFormData = {}; this.editFormData = val; ...

2022-05-07 18:04:13 2188

原创 关于vue3的一些开发技巧

一般情况下,vue3是这样写的<script> export default { props:{}, emits:{}, setup(props,ctx){ const a = ref(0) const b = ref('') const c = ref(true) const d = reactive({}) const actionA = ()=>{a.value++}

2022-05-04 12:05:40 529

原创 react中获取dom节点和全局上下文

同vue一样,说是尽量不操作dom,数据驱动视图,实际上免不了需要dom的时候React.createRef(); 通过该api在构造器中创建一个用于绑定dom节点的变量用于绑定dom节点的变量 通过.current来获取真实dom this.textInput.current.focus();class CustomTextInput extends React.Component { constructor(props) { super(props); //..

2022-05-02 11:51:11 3016

原创 react学习 (组合、继承)

vue中的插槽应该借鉴的react中的组合继承·父级在子组件标签内定义的内容都存放在props当中{props.children} 接收父级在使用子组件标签时额外定义的内容function WelcomeDialog() { return ( <FancyBorder color="blue"> <h1 className="Dialog-title"> Welcome </h1> ...

2022-05-02 11:32:46 250

原创 react学习(组件传值,条件渲染,列表...)

将父级值传递给子组件并传递事件 监听到子组件的事件时父级对值进行更改//给子组件绑定值或事件 <Greeting isLoggedIn={false} onClick={this.handleLogoutClick} />,//函数组件获取上级传递的参数或触发父级自定义事件 (用变量接一下) const isLoggedIn = props.isLoggedIn; {isLoggedIn==true?“登陆”:“未登录”} <button onCli...

2022-05-02 11:07:58 318

原创 ts 的学习总结

新概念: 接口 、泛型 、装饰器ts中的类型let num:number =123;let str:string = 'wangweiqi'let isShow:boolean = false;let arr:number[]=[1,2,3,4]let arr1:Array<number|string>=[5,10,15,"wwq"] //这里声明的联合类型//定义一个元组let person:[string,number]=['aaa',18] //数组

2022-04-29 09:58:20 225

原创 vue3 + ts + pinia + vite + vueRouter4的基本配置和使用

拥抱新技术,持续学习~1.下载一大堆依赖yarn create vite //创建项目yarnyarn dev //安装依赖并运行yarn add vue-router@4 //安装路由yarn add pinia //状态管理yarn add --dev typescript // ts环境 npm i -D naive-ui // UInpm i -D vfonts //字体npm install @vitejs/plugin-vue //..

2022-04-22 15:55:25 1785

原创 用for循环解决项目中的问题

后端返回的数据为num 实际渲染为字符串 需要把num和前端字符串进行匹配,所以利用各种各样的循环 将num 匹配为字符串 import chinaJSON from '@/assets/ChinaCity.json'; if (res.success) { if (res.data != null && res.data.list.length > 0) { //遍历返回数据并更改每一项的内容 ..

2022-04-21 10:16:32 1306

原创 vue项目问题总结

重写路由push方法跳转同一个路由时防止报错,需要重写push方法来抛出异常const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err); //抛出异常};vue-router的一些方法this.$route.matched /

2022-04-12 11:26:26 554

原创 总结一下dom操作

因为vue和react已经不再需要操作dom(严格意义上是很少操作),将js原声dom操作记录,以防之后用到。添加节点let div=document.createElement("div");body.appendChild(div);list.insertBefore( div,list.firstElementChild );//从前面插入需要有第二个参数 表示从哪里插入删除节点var self = document.getElementById('to-be...

2022-04-09 19:20:47 212

原创 react和vue语法之间的差别

vue2与vue3的写法差距vue2执行方法需要加 thisexport default { data () { return { list: [] } }, created () { this.getData() }, methods: { getData () { this .$api.get( 'topics' , null , r => { console.log(

2022-04-02 15:01:25 1362

原创 对数组全排列算法的记录

算法

2022-04-02 14:28:55 386

原创 关于css特效的个人总结

需求:原生tab栏点击切换,并附带展开收起功能css样式:注意li必须浮动span当做按钮放在ul中的末尾 ul{ width: 100%; height: 50px; background: #000; overflow: hidden; } ul li{ width: 15%; float: left;

2022-04-02 14:25:02 493

空空如也

空空如也

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

TA关注的人

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