![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
开发经验总结
文章平均质量分 55
漆黑骑士
这个作者很懒,什么都没留下…
展开
-
使用Vue手动封装树形控件组件
如果当下认为一件事很难做,那么不用犹豫直接做就OK,巨大的提升往往出现在反复的挣扎过后。跳出舒适圈,不断挑战自我,毕竟还年轻~原创 2022-11-01 15:26:53 · 1570 阅读 · 0 评论 -
前端 表单校验的使用和实现
通过自身接受的字段从父级获取表单绑定的value,并广播交互事件。这样一来三个组件可以互相通信,并且彼此更改组件之间的值,改变绑定value的同时触发校验。子组件中通过inject获取。但是还有一种更灵活的办法,原创 2022-10-21 18:02:23 · 2311 阅读 · 2 评论 -
sm2加密与解密
受朋友的委托,需要做一个密码键盘,其中需要用到国密sm2来进行前后端数据的通信,琢磨了一整天,特此记录,以便之后来查阅~原创 2022-10-13 18:00:14 · 3416 阅读 · 0 评论 -
项目难点记录
项目中遇到的各种问题,原生的,框架的,版本管理等都记录在此...原创 2022-09-02 14:49:39 · 208 阅读 · 0 评论 -
react + ts 下的开发经验汇总
学习过java语言,才发现类型标注的重要性,在前端,js最让人诟病的便是无类型规范,可以随意赋值和改变类型等,这样项目出现bug的几率大大增加,而js的超集typescript完美解决了这个问题。(别犹豫是否该学ts了,说白了,ts才是前端的脸面,何况主流框架和库早就推出了ts环境下的开发方式和类型标注)函数组件的类型 React.FC 或 FC 接受一个泛型作为父级传递过来的值的约束! 类组件在继承React.Compinent时需要传递两个泛型变量 分别是类中的st原创 2022-07-19 10:27:01 · 1225 阅读 · 0 评论 -
react + axios + SSM项目参数传递问题
后端获取post请求需要注意的是: post请求传送的数据 data为一个对象前端通过axios传递对象,后端需要注解@RequestBody 携带实体类来接受(前后端对象和实体类的字段需要完全一致!!) Msg 实体类!类中必须要有一个空的构造函数处理函数通过@RequestBody 注解 修饰,接受的参数为 Msg 实体类类型,也就是前后端参数一致post方式 下不使用data,则后端仍需要一个一个接受参数后端这时只需要将参数显式声明,然后获取使用......原创 2022-07-12 11:17:22 · 434 阅读 · 0 评论 -
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 · 636 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
vue项目中的deepClone
因为涉及到组件传值和表单双向绑定问题,要将后端返回的数据从value渲染为对应的text,免不了修改原数据,原数据就算赋值给别的变量,其内存地址还是一致,那样一旦在js中修改其中任意一项,提交时会造成返回和提交的数据格式不一致,从而出现修改和详情弹窗的各种bug,为了渲染正确的下拉框和树形结构绑定的数据,于是在项目中使用了深拷贝...错误示范:editrow(val) { this.editFormData = {}; this.editFormData = val; ...原创 2022-05-07 18:04:13 · 2188 阅读 · 0 评论 -
关于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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
react学习(组件传值,条件渲染,列表...)
将父级值传递给子组件并传递事件 监听到子组件的事件时父级对值进行更改//给子组件绑定值或事件 <Greeting isLoggedIn={false} onClick={this.handleLogoutClick} />,//函数组件获取上级传递的参数或触发父级自定义事件 (用变量接一下) const isLoggedIn = props.isLoggedIn; {isLoggedIn==true?“登陆”:“未登录”} <button onCli...原创 2022-05-02 11:07:58 · 318 阅读 · 0 评论 -
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 阅读 · 0 评论 -
用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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
总结一下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 阅读 · 0 评论 -
关于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 阅读 · 0 评论