- 博客(16)
- 收藏
- 关注
原创 chrome浏览器升级导致无法手动设置cookie,设置无法保存
因为工作中在本地cookie中设置值,前几天还正常,今天突然就开始爆红并且无法保存原因是谷歌浏览器升级到了98版本,移除了SameSite by default cookies解决方案在谷歌浏览器地址栏输入 chrome://flags/ ,搜索Partitioned cookies,然后将配置项改成Enabled,重启浏览器即可...
2022-02-10 17:11:11 4422 2
转载 webStrom快捷键快速创建React组件
rcc + tab键 - - 用ES6模块系统创建一个React组件类rccp + tab键 - - 创建一个带有PropTypes和ES6模块系统的React组件类rcfc + tab键 - - 创建一个带有PropTypes和所有生命周期方法以及ES6模块系统的React组件类rcjc + tab键 - - 用ES6模块系统创建一个React组件类(无导出)下面的自己可以尝试一下哦,笔者只是做了介绍就不放图了哈~rdp + tab键 - - 快速生成defaultProps..
2021-09-15 11:34:46 517
原创 Typescript 中 interface 和 type 的区别
**相同点**都可以描述一个对象或者函数interfaceinterface User { name: string age: number} interface SetUser { (name: string, age: number): void;}typetype User = { name: string age: number}; type SetUser = (name: string, age: number): void;都允许拓展(ex
2021-09-09 21:03:03 196
原创 js数组对象去重
采用数组中的reduce方法,遍历数组 let data = [ { enterpriseName: "哈哈哈哈", enterpriseCode: "1234" }, { enterpriseName: "嘿嘿", enterpriseCode: "2222" }, { enterpriseName: "哈哈哈哈",
2021-09-07 17:27:39 127
原创 nrm 安装完成但 throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value);
实测有效https://blog.csdn.net/a806488840/article/details/113869522
2021-09-07 11:40:01 78
原创 Vue:The template root requires exactly one element解决方案
<template slot-scope="scope"> <el-button @click="editItem(scope.row.fid)" type="text" size="small" >编辑</el-button > <el-button @click="deleteItem(scope.row.fid)" type="text" size="small" >删除</el-button
2021-05-12 09:17:36 425
原创 useCallback的使用背景
函数名: useCallback用于得到一个固定引用值的函数,通常用它进行性能优化该函数有两个参数:1.函数,useCallBack会固定该函数的引用,只要依赖项没有发生改变,则始终返回之前函数的地址2.数组,记录依赖项(类似于useEffect)该函数返回:引用相对固定的函数地址应用场景:import React, { useState } from 'react'class Test extends React.PureComponent { render() { cons
2021-04-29 17:25:30 10197
原创 element-ui的表单验证方式
第一步写好表单,并在表单中绑定校验表:rules=“rule”<el-form class="apply-form first-form" :model="formData" :rules="rule" ref="form"> <el-form-item label="姓名" prop="visitorName"> <el-input v-model="formData.visitorName" placeholder="请输入姓名" clearabl
2021-04-02 16:55:41 131
转载 vue项目中使用vee-validate表单验证
vue项目中使用vee-validate表单验证https://blog.csdn.net/baiqiangdoudou/article/details/100184581
2021-03-23 17:52:42 186
原创 error: Your local changes to the following files would be overwritten by merge
提交代码时发现报错 error: Your local changes to the following files would be overwritten by merge提交背景:团队其他成员修改了某文件并已提交入库,你在pull之前修改了本地该文件,等你修改完代码再pull时,这时会报错如下错误:error: Your local changes to the following files would be overwritten by merge解决方案:执行以下三条命令git s
2021-03-18 09:19:08 635
转载 React中state和props的区别
.React中state和props的区别propsprops是一个从外部传进组件的参数,主要作为就是从父组件向子组件传递数据,它具有可读性和不变性,只能通过外部组件主动传入新的props来重新渲染子组件,否则子组件的props以及展现形式不会改变。statestate的主要作用是用于组件保存、控制以及修改自己的状态,它只能在constructor中初始化,它算是组件的私有属性,不可通过外部访问和修改,只能通过组件内部的this.setState来修改,修改state属性会导致组件的重新渲染。区
2021-03-06 10:59:13 647
原创 MD5的用途及写法
MD5的用途简介MD5(Message-Digest Algorithm)是计算机安全领域广泛使用的散列函数(又称哈希算法、摘要算法),主要用来确保消息的完整和一致性。常见的应用场景有密码保护、下载文件校验等。应用场景防止数据库丢失带来的风险如果将用户的账户密码等数据以明文的形式存放在数据库中,若数据库被人盗取,会产生用户信息暴露的麻烦,转换成MD5则无法恢复成真实的数据下载或安装文件时进行比对当下载或接收了一个文件时,由于不知道它是否存在病毒或者被人篡改,可以将官网或发送者文件的MD
2021-01-11 18:22:36 763 1
原创 如何利用express搭建一个node服务器
利用express搭建服务器先用在命令行输入npm i express导入express包然后配置静态资源导入path包然后然后在package.json文件中添加启动运行npm start得到最后在浏览器打开127.0.0.1:9999
2021-01-11 17:52:40 121
原创 CSS清除浮动
css清除浮动 清除float浮动1.产生浮动的原因子级因为使用了float导致父级无法被内容撑开2.清除浮动的方法对父级设置对应的高度缺陷:需要添加新的内容时可能要重新调整父级高度 ,因为父级的大小和内容本身没有关系2.clear:both清除浮动在有浮动的节点新的兄弟节点<div class="clear”>,然后在其css中写上clear:both即可缺陷:产生多余代码3.父级div定义overflow:hidden因为overflow:hidden属性相当于是让父级
2021-01-09 17:26:56 95
原创 typescript遇到的问题
全局配置typescript后tsc无法被识别#tsc无法被识别输入npm i -g typescript后解决方案:
2021-01-08 15:57:13 257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人