- 博客(23)
- 收藏
- 关注
RSS订阅原创 封装modal传值
1.modal.jsexportfunctionuseFormModal<T=any,Q=any>(){const[isShow,setIsShow]=useState(false);const[params,setParams]=useState<T>();const[query,setQurey]=useState<Query<Q>>();constopen=(p?:T,q?:Query&l...
2022-05-12 15:44:48
224
原创 React安装使用
CDN引入Staticfile CDN的React CDN库：<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script> <!-- 生产
2022-01-10 11:37:19
218
原创 matrix矩阵变换对元素进行操作
matrix矩阵MDN-matrix可以通过matrix进行倾斜、缩放、平移、旋转二维矩阵matrix(a, b, c, d, tx, ty)三维矩阵matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1)函数代表含义：matrix( scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY() )参数 含义 scaleX
2022-01-07 17:57:02
344
原创 外边距重叠及解决
外边距重叠margin-collapse普通流相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。 这种合并外边距的方式被称为折叠，结合而成的外边距称为折叠外边距。折叠结果遵循下列计算规则： 两个相邻的外边距都是正数时，折叠结果是他们两者之间的最大值 两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值 两个外边距一正一负时，折叠结果是两者的相加的和 如何避免外边距折叠： 通过BFC(块级格式化上下文) float
2022-01-07 16:41:36
390
转载 MarkDown备忘录
# MarkDown备忘录## 语法快速参考元素 MarkDown语法 标题 # h1 ## h2 ### h3 粗体 ** blod text ** 斜体 * content * 块引用 > blockquote 有序列表 1. first 2. second 3.third 无序列表 - first - second -third + * _ - 代码 code 水平线 --- 超链接 ti..
2021-12-31 16:30:21
182
转载 OAuth2.0四种方式
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-12-29 16:59:20
106
原创 关于window.onload移动端不加载问题
window.onload = function fetch(){};在web端速度非常快，但是在苹果或某些浏览器不展示的问题1.直接function fetch(){}fetch();2.如果fetch是插入节点，渲染速度导致过快，建议加一个定时器function fetch(){}setTimeout(() => { fetch();}, 1000);...
2021-10-21 18:24:19
1143
原创 react页面切换弹窗提醒
页面保存提醒解决方案：1.当页面不切换，仅刷新时，页面效果如图实现原理：窗口关闭事件-beforeunload，在组件挂载时监听事件，组件卸载时移除事件监听代码实现：Editor = () => { const listener = ev => { ev.preventDefault(); ev.returnValue='are you sure?'; }; window.addEventListener('beforeunload',
2021-10-20 14:47:46
1316
原创 js跨域问题
1.关于跨域是指域名、协议、端口中任意一个不相同的即存在跨域问题。请求能正常发出去，服务器能接受请求并返回结果，但是结果被浏览器拦截了2.解决跨域2.1jsonp(非同源请求)<script>标签加载json数据，但是需要服务器做支持优点：没有跨域限制缺点：容易受到xss攻击2.2ajax(同源请求)jq方式$.ajax({ type:'get', async:true, dataType:'jsonp', jsonp:'',
2021-09-29 14:58:10
76
原创 表单提交和post提交区别
表单提交：将json格式数据转换成表单数据let data = {};const formData = new FormData();Object.keys(data).forEach(key => { formData.append(key, data[key]);});//或formData.append(字段,字段数据)post提交：let data = {}//json格式数据...
2021-09-29 14:22:17
441
转载 磨砂质感样式
background-color:rgba(255,255,255,.6);backdrop-filter:blur(10px);图形效果/* 关键词值 */backdrop-filter: none;/* 指向 SVG 滤镜的 URL */backdrop-filter: url(commonfilters.svg#filter);/* <filter-function> 滤镜函数值 */backdrop-filter: blur(2px);backdrop-fi.
2021-09-22 15:33:39
112
原创 通过xpath在页面自由插入一段html
1.在当前页面F12打开控制台点击此处然后选择需要插入代码的位置，p标签右键p标签p标签位置xpath=/html/body/div/div/div/div/div/div/p<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg...
2021-09-10 15:10:12
286
原创 清空input输入框以及select设置初始值
1.清空input输入框class CustomTextInput extends React.Component { constructor(props) { super(props); this.textInput = React.createRef(); } clear() { this.textInput.current.state.value = ''; } render() { return ( <Search s
2021-09-10 14:56:18
1571
原创 前端React项目部署
前端react项目部署文档1.下载phpstudy小皮面板(phpstudy) - 让天下没有难配的服务器环境！2.找到配置文件设置-文件位置-nginx-conf3.修改nginx.conf项目npm run build项目目录下可看到build文件夹修改server中端口地址修改server中root地址为build文件夹目录包含vhosts下面的配置文件include vhosts/*.conf;#vhosts/*.conf文件server {
2021-09-10 14:49:23
786
原创 p标签设置行数，超出部分用省略号隐藏
width: 50%; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; line-height: 20px;...
2021-09-10 14:46:12
1890
原创 React配置sass以及antd引入
1.React中配置less1.1 npm i less less-loader -S1.2 npm run eject1.3 找到config---webpack.config.js1.4查找cssRegex往后添加less1.React中配置less1.1 npm i less less-loader -S1.2 npm run eject1.3 找到config---webpack.config.js1.4查找cssRegex往后添加less1.Reac
2021-09-10 14:42:53
442
转载 axios中文使用说明
官方推荐axios安装npmnpm i axios --savecdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>getaxios.get("package.json",{ //package.json？userid=123 params: { userId:...
2020-05-24 22:48:38
308
原创 node配置、webpack目录详解、vue-devtools安装
安装nodejs官网下载https://nodejs.org/en/download/选择lts长期稳定版本修改安装目录---默认安装C盘---一路next检测是否安装成功----node -v，npm -v配置环境变量在安装目录下新建node_cache,node_globalcmd--npm config set prefix "D:\node\node_global"npm config set cache "D:\node\node_cache"右键--属性--高级系统设计--
2020-05-14 14:53:14
293
原创 vscode更新失败，提示未找到code.exe文件
May 14 14:22:03.050 INFO Starting: D:\vscode\Microsoft VS Code\Code.exe, falseMay 14 14:22:03.050 ERRO Bad arguments: Code path doesn't seem to exist: D:\vscode\Microsoft VS Code\Code.exe首先查看错误日志，从中可以看到是在安装目录下并没有找到code.exe，造成这种原因可能是二次安装vscode在同一目录下，导致两.
2020-05-14 14:44:13
4394
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人