- 博客(34)
- 收藏
- 关注
RSS订阅原创 使用Vue手动封装树形控件组件
如果当下认为一件事很难做，那么不用犹豫直接做就OK，巨大的提升往往出现在反复的挣扎过后。跳出舒适圈，不断挑战自我，毕竟还年轻~
2022-11-01 15:26:53
1574
原创 动态规划算法解题汇总
是一种很聪明的解决问题的方式，查找数据的规律，并列出状态转移方程经典题目有 打家劫舍，最长递增子序列 ，最长无重复子串等等。
2022-10-25 10:21:14
255
原创 前端 表单校验的使用和实现
通过自身接受的字段从父级获取表单绑定的value，并广播交互事件。这样一来三个组件可以互相通信，并且彼此更改组件之间的值，改变绑定value的同时触发校验。子组件中通过inject获取。但是还有一种更灵活的办法，
2022-10-21 18:02:23
2318
2
原创 算法思想总结
做了一些力扣的题目，本文总结一下遇到的题目中心思想。暴力破解法固然爽，但是时间复杂度和空间复杂度都比较尴尬，所以想点别的窍门来解题相当有必要~
2022-09-08 10:11:41
157
原创 算法汇总（长期更新）
前端工作中很少用到算法，但是面试或多或少都会问到这方面，尤其最近在学习Java，如果要学全栈，那么算法就是必须要迈过去的一道坎.
2022-08-07 18:09:33
528
原创 react + ts 下的开发经验汇总
学习过java语言，才发现类型标注的重要性，在前端，js最让人诟病的便是无类型规范，可以随意赋值和改变类型等，这样项目出现bug的几率大大增加，而js的超集typescript完美解决了这个问题。（别犹豫是否该学ts了，说白了，ts才是前端的脸面，何况主流框架和库早就推出了ts环境下的开发方式和类型标注）函数组件的类型 React.FC 或 FC 接受一个泛型作为父级传递过来的值的约束！ 类组件在继承React.Compinent时需要传递两个泛型变量 分别是类中的st
2022-07-19 10:27:01
1231
原创 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
641
原创 简单记录一下 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
122
原创 Java基础学习记录~~
static被该关键字修饰，为静态变量或方法，无需实例化就可通过类名来调用。静态块static:{ }class 类的执行顺序， 执行静态块， main 方法 ， 解析 成员方法和成员变量，构造函数，单例模式 饿汉单例设计模式 1.定义一个类，把构造器私有2.定义静态变量存储一个对象懒汉单例模式............
2022-06-07 18:23:35
125
原创 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
202
原创 学习记录 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
263
原创 vue项目中的deepClone
因为涉及到组件传值和表单双向绑定问题，要将后端返回的数据从value渲染为对应的text，免不了修改原数据，原数据就算赋值给别的变量，其内存地址还是一致，那样一旦在js中修改其中任意一项，提交时会造成返回和提交的数据格式不一致,从而出现修改和详情弹窗的各种bug，为了渲染正确的下拉框和树形结构绑定的数据，于是在项目中使用了深拷贝...错误示范：editrow(val) { this.editFormData = {}; this.editFormData = val; ...
2022-05-07 18:04:13
2190
原创 关于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
3021
原创 react学习 (组合、继承)
vue中的插槽应该借鉴的react中的组合继承·父级在子组件标签内定义的内容都存放在props当中{props.children} 接收父级在使用子组件标签时额外定义的内容function WelcomeDialog() { return ( <FancyBorder color="blue"> <h1 className="Dialog-title"> Welcome </h1> ...
2022-05-02 11:32:46
252
原创 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
226
原创 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
1786
原创 用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
1364
原创 关于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关注的人