- 博客(71)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue插槽：默认插槽，具名插槽，作用域插槽
目录1、默认插槽2、具名插槽3、作用域插槽1、默认插槽父组件中：<category> <div>hello</div></category>子组件中：<template> <div> <slot></slot> </div></template>2、具名插槽template可以包裹元素.
2021-12-02 10:04:11
437
原创 vue解决跨域的方法------配置代理
方法一在vue.config.js中添加如下配置：devServer:{ proxy:"http://localhost:5000"}缺点：不能配置多个代理，如果请求了前端存在的资源，就会优先匹配，只有前端资源不存在时才会转发给服务器方法二：module.exports = { devServer: { proxy: { '/test': { target: 'http://localhost:8000', .
2021-12-01 16:19:03
220
原创 vue子父组件之间的传值
目录1、父组件向子组件传值其他接收方式总结：2、子组件向父组件传递数据找到了两张比较清晰的图片，1、父组件向子组件传值子组件需要用props来接收数据，父组件需要动态绑定想要传递给子组件的数据父组件：:chooseAllData="tableData"子组件： props: { chooseAllData:{ default:11111 } },其他接收方式总结：2、子组件向父组件传递数据子组件： <.
2021-11-29 10:25:25
11644
原创 vue3实现刻度尺
1、直接复制slide-ruler核心文件，在此基础上进一步处理。安装slide-ruler，根据文档实现内容。更改canvsa绘制时的起点和终点位置。处理2：文字位置调整。
2023-10-13 13:42:15
993
原创 ES6对象新增了哪些扩展
一、属性的简写ES6中，当对象键名与对应值名相等的时候，可以进行简写const baz = {foo:foo}// 等同于const baz = {foo}方法也能够进行简写const o = { method() { return "Hello!"; }};// 等同于const o = { method: function() { return "Hello!"; }}在函数内作为返回值，也会变得方便很多function get..
2023-07-13 16:15:39
202
原创 （非）ts类型别名、接口、类型断言使用介绍
TypeScript 提供了一个特殊的语法，可以在不做任何检查的情况下，从类型中移除。，这是一个有效的类型断言，表示它的值不可能是。只有当你明确的知道这个值不可能是。，这就是在任意表达式后面写上。
2023-07-13 16:00:10
175
原创 前端高度汇总、数组遍历方法绘总
DOM元素内容实际高度（不受overflow影响）DOM元素内容实际宽度（不受overflow影响）DOM元素内部高度（受overflow影响）DOM元素内部宽度（受overflow影响）DOM元素高度(style.height)DOM元素宽度(style.width)DOM元素相对于定位父级left。DOM元素相对于定位父级top。DOM元素相对于文档left。DOM元素高度（含边框线）DOM元素宽度（含边框线）DOM元素相对于文档top。浏览器窗口可视区域高度。浏览器窗口可视区域宽度。
2023-07-10 13:36:08
142
原创 vue3文件从创建 - 运行
（1）TypeScript选项‘importsNotUsedAsValues‘和‘preserveValueImports‘弃用。在tsconfig.json中添加"ignoreDeprecations": "5.0"（2）报找不到文件的警告时。
2023-06-28 16:38:39
121
原创 react context上下文与vue中 provide inject的用法区别
1、在孙组件中引入useContext，以及上文导出的FspThemeContext。使用时直接：fspData?.fspTheme即可。2、将获取到的上下文赋值给fspData。3、传递数据（value项不能缺少！1、引入createContext。①不解构直接使用Provider。
2023-06-27 17:02:13
874
1
原创 vue3 大致总结
1、全局路由守卫beforeEach和afterEach。在util文件夹中新建request文件。一、开发、生产、测试环境的文件编写。①全局前置守卫beforeEach。输出时：console.log(②全局后置守卫afterEach。引入main.ts文件，就可以了。三、请求，axios请求拦截。需要以VITE开头！
2023-05-18 14:31:39
536
1
原创 react使用craco优雅地配置别名
将下方代码复制进去，需要注意的是"components/*":["src/components/*"]，不能丢失src。第3步和第4步可以合并起来，直接在tsconfig.json直接写，或者可以描述为替换这两步。
2023-03-30 15:58:54
410
原创 react使用craco.config.js完成rem移动端适配（sass）
4、最后一步：package.json中的。元素字体大小从px更改为rem即完成配置。6、如何查看是否配置成功。2、将下方代码复制到。
2023-03-30 14:12:57
760
原创 更改svg / png颜色
使用方法：CSS3滤镜filter中的drop-shadow，通过生产一个可指定颜色的阴影放置于svg的位置，并将原始svg移出视线。
2023-03-07 10:49:15
243
原创 react+antd 解决Modal首次打开ReactECharts图表100%变为100px的问题
使用setTimeout去解决Modal首次打开ReactECharts图表100%变为100px的问题
2023-02-25 16:26:33
254
原创 react+antd 使用printJS插件完成打印
最后，目前来说代码还不够完善，原本较为复杂的样式无法打印出来，只能手写简单样式。如果哪位小伙伴有可以解决样式丢失问题的方法，欢迎指正评论哦 ~需要注意的是：手写样式时，px需替换为mm，并进行调试。3、printStyle()，重写打印样式。
2023-02-25 14:20:17
1292
原创 js中 slice , splice , split 的用法记录
splice(1,3,"777") 将数组从序号为1的元素开始，3个元素,替换为“777”1、slice（1,5）删除数组从序号为1开始到序号为5（不包含序号为5）之间的元素。split("-"，3) 以“-”为边界将字符串分割为长度为3的字符串数组。2、splice(1,3) 删除数组从序号为1的元素开始，3个元素。3、split("-") 以“-”为边界将字符串分割为字符串数组。
2023-02-02 14:14:53
479
原创 sass基本使用总结
使用 @extend 后，我们在 HTML 按钮标签中就不需要指定多个类 class="button-basic button-report" ，只需要设置 class="button-report" 类就好了。有时，不能确定一个混入（mixin）或者一个函数（function）使用多少个参数，这时我们就可以使用 ... 来设置可变参数。例如，用于创建盒子阴影（box-shadow）的一个混入（mixin）可以采取任何数量的 box-shadow 作为参数。定义一个混入（@mixin）
2022-09-21 16:48:46
246
原创 使用module.less方式引入的文件覆盖antd组件默认样式（react）
【代码】使用module.less方式引入的文件覆盖antd组件默认样式（react）
2022-09-16 10:02:40
1083
原创 useEffect
4,、第一个参数返回函数，相当于componentWillUnmount，可清除定时器。3、第二个参数传递为空，相当于componentDidMount。2、第二个参数传递不为空，只更新传递的那个。1、第二个参数不传递，都更新。...
2022-08-03 16:59:22
119
原创 Cascader 级联选择器编辑之后展开时显示多个层级的问题的三种解决方案
代码：二、强制性暴力操作DOM使用v-if 当级联选择器在对话框el-dialog中使用时直接使用elementUI中自带的属性 destroy-on-close
2022-07-08 16:08:27
2753
原创 vue中使用watch监听路由导致多次请求问题解决方法
首先想到的做法就是：直接监听，例：但是这种方法在页面被缓存的情况下，成倍的调用watch里面的方法，多次向后端请求数据，可能会导致溢出有了第一种错误的出现，会想着是否可以将路径存在vuex中统一管理，例：vuex代码 监听路由，将最后路由的结果存进vuex，再使用computed获取这个值：changeRoute，最后再次监听：changeRoute， 结果并没有什么用直接使用watch监听地址栏，和上面的方法相同，依旧是computed获取，watch监听，就不会出现多次请求的情况了
2022-07-07 09:42:21
3342
1
原创 前端vue中treeselect和使用elementUI时el-cascader的某些选项根据状态禁用的实现
基于返回数据在下面这种形式的基础上1、treeselect（注意：重点在:normalizer="my_normalizer"）2、el-cascader 注意：他的禁用并不是直接 :disabled="XXX"，以下代码是在teamoptions数据内部函数处理，主要是为了在状态为1的数据中添加disabled：true这一项，就可以满足了最后的最后，感谢这位帅哥大佬的帮助ironManYYDS的博客_CSDN博客-领域博主...
2022-06-23 16:06:00
3338
1
原创 vue中treeselect设置成和elementui的size=“mini“属性相同样式
vue中treeselect设置成和elementui的size="mini"属性相同样式
2022-06-21 15:39:05
1983
原创 vscode常用插件总结
1、Code Spell Checker检查单词拼写2、Auto Rename Taghtml/xml标签改变，将会成对改变～3、Color Highlight颜色标记4、vscode-icon文件图标5、Turbo Console Log按ctrl+Alt+L可以快速输出console.log6、vetur实现代码高亮..........
2022-05-27 10:51:09
5472
原创 Object.keys()和Object.values()的区别和基本用法
目录一、obj对象Object.keys(obj)Object.values(obj)二、内容是字符串Object.keys(str)Object.values(str)总结：keys搞名字，values搞内容，和键值对的key，value相同一、obj对象const obj = { name: { userName: '张三', age: '1' ...
2022-05-27 10:19:15
540
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人