- 博客(34)
- 资源 (12)
- 问答 (2)
- 收藏
- 关注
原创 react 路由管理自定义路由组件(React动态生成路由)仿Vue-router写法
原生态React 路由控制采用的react-router-dom,当天umi是单独封装处理。react 会默认在Roots.jsx里引用Routes.jsx。可以根据登录后后端数据返回 控制路由。3.动态路由 routeList。2.Routes.jsx 组件。3.getRoutes组件。
2025-04-01 10:25:13
281
原创 AgGridReact 禁止checkbox复选框选中(isRowSelectable)
业务场景需求 AgGridReact 禁止单行stauts:false的时候禁止AgGridReact 复选框勾选。而且全选也不能勾选,这时就可以用isRowSelectable属性。
2025-03-31 16:04:51
280
原创 hooks useModule自定义hooks (二次封装AgGridReact ag-table)自定义表头,自定义表头搜索
非常灵活的表单,基于ag-table 的基础功能拖拽,自定义宽度的前提下额外拓展业务需求:自定义表头,自定义表头的sort,以及自定义搜索功能。定制化配置例如:需要对table 的一些定制化传参,是否需要分页,表头配置,表头搜索配置。通用配置例如:传参的参数,传参的url,需要缓存的key这些键值类。多次运用AgGridReact的table 列表。重点是在于思路的拓展。
2025-03-07 10:11:26
330
原创 ES6数据处理函数(笔记)
类似地,我们使用add()方法将obj对象添加到WeakSet中,并使用has()方法检查集合中是否存在该对象。它与Array构造函数不同之处在于,当参数只有一个且为数字时,Array.of会创建一个只包含该数字的数组,而不是创建指定长度的空数组。Promise.allSettled()方法返回一个在所有给定的promise已被解析或被拒绝后决议的promise,并带有一个对象数组,每个对象表示对应的promise结果。Array.from方法将类似数组或可迭代对象转换为真正的数组。
2023-12-04 13:49:25
274
原创 AI语音科大讯飞智能api【web端接口调用实现语音识别】webscoket调试试用
在官网下载 web的demo,里面的代码千万要自己读一遍,因为。上面的文档地址,可以点击查看(主要看报错是否不一样)这是第一个坑,scoket URL 也是错误的,status :0 开始 1 进行中 2结束。个人场景试用语音智能识别。
2023-11-07 14:16:36
872
转载 [queueMicrotask]使用 queueMicrotask 来执行微任务
Window 或 Worker 接口的 queueMicrotask() 方法,将微任务加入队列以在控制返回浏览器的事件循环之前的安全时间执行。微任务是一个简短的函数,它将在当前任务完成其工作后运行,并且在执行上下文的控制权返回到浏览器的事件循环之前没有其他代码等待运行时运行。它让你的代码在运行时不会干扰任何可能具有更高优先级的代码的运行,但在浏览器重新获得对执行上下文的控制之前,这可能取决于你需要完成的工作。你可以在我们的微任务指南中了解更多关于如何使用微任务以及选择这样做的原因。
2023-10-09 09:48:54
447
原创 【React-hooks篇幅】自定义hooks
静态数据处理,用来常量变更的,比如 通用表头,与store和context不一样的是,不用渗透,不会记忆变更,可用作取或者修改想要的数据。兼容性有问题,因为是hooks写法,只能支持在 hooks文件调用,不支持内组件class component。首先得了解自定义 Hooks 跟普通函数区别在于哪里?既然都是玩数据的时代了,骚操作走起来,努力加强自己!eslint请用use命名函数,不然会出警告。hooks和react生命周期都可用。与mixin混合自定义很像。
2023-10-08 11:24:01
507
原创 【jQuery】ajax请求的全局拦截器
全局开始回调信息$(document).ajaxStart(function(res){ //开始回调信息 });全局开始发送消息 $(document).ajaxSend(function(){alert("2")});全局成功返回$.ajax()$(document).ajaxSuccess(function(){ alert("3")});在请求已从服务器返回之后,并且响应包含失败状态码$(document).ajaxErro.
2022-05-12 16:12:53
3807
3
原创 jQuery基础篇
前端开发一味追求框架,react,vue,angular,当回头沉淀的时候发现底子偏弱,会有很多问题,最新开发不分离项目虽然全部原生,主流还是jQuery,借此机会总结下自己,也可以沉淀下技术篇。1.//封装Ajax请求//封装Ajax请求$.extend({ ajaxDirect:function(url,type,data,success,error){ if(type.toLowerCase()=='post'){ data = pa.
2022-03-29 12:08:18
664
原创 DataV -Vue
组件库基于Vue (React版) ,主要用于构建大屏(全屏)数据展示页面即数据可视化,具有多种类型组件可供使用:边框带有不同边框的容器装饰用来点缀页面效果,增加视觉效果图表图表组件基于Charts封装,轻量,易用官网:http://datav.jiaminghi.com/guide/...
2022-02-28 17:26:19
984
原创 vue-solt插槽
场景:当子组件某个节点需要动态渲染/样式修改,就可以利用插槽形式单独配置1.v-slot方法(默认default)举例:子组件<template> <div class="child"> <div>我是child组件</div> <slot></slot> </div> </template>调用 <template>
2022-02-16 11:02:13
286
原创 扁平化数组es6(ES6之数字flat、flatMap)
我们都知道当面对一些多维数组转化成一维数组的时候都比较麻烦,但es6的flat方法就会帮我们节约很多时间,而且对原数据也不会有影响。[1, 2, 3, 4, [5], 6].flat() // [1, 2, 3, 4, 5, 6]在上面代码中,原数组的成员里面有一个数组,flat()方法将子数组的成员取出来,添加在原来的位置。flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数,表示想要拉平的层数,默认为1[1, 2, 3, [4, [5]],6
2022-01-06 09:20:19
804
原创 onlyOffice常用api整理(1)
edit.getCountPages()//总页数editor.asc_findText(“对计算机的数据进行分析处理”) //找到文本goToPage//跳转页api.GetDocument().GetAllImages() //所有图片api.GetDocument().GetAllCharts() //所有图表etDocument().Document.GetAllTables() //表格api.asc_GetAllFootNoteParagraphs() //脚asc_GetAl
2021-12-07 10:43:33
6887
26
原创 VUE动态刷新(重新加载)特定组件,自定义全局方法
<template> <component-to-re-render :key="reloadMe" /></template><script>export default { data() { return { reloadMe: 0, } }; methods: { forceRerender() { this.reloadMe += 1; } } }</script
2021-09-30 17:32:30
1239
原创 uniapp打包自定义命令无效,vue不能使用filter(踩坑系列)....
uniapp作为一个新手来说 上手是很快的,语法和vue,小程序API一样,总结一下踩坑特性引入问题,接手的时候是二次开发,前人留下的坑,自己默默的天坑你会惊奇发现第一次打开项目没有页面空白的;可能版本低了还是文件npm问题 ;这段第一次是underfunded;解决:import Router from ‘@/js_sdk/uni-simple-router/index.js’hubuildx启动、打包的时候自定义语法命令没生效(有时会有)暂不知代码哪里问题,解决:重启hbuildX
2021-09-30 16:14:25
2081
原创 CSS 自定义滚动条
滚动条的宽度首先,我们需要定义滚动条的大小。这可以是垂直滚动条的宽度,也可以是水平滚动条的高度。.section::-webkit-scrollbar { width: 10px;}滚动条 track这代表了滚动条的基础。我们可以通过添加background、shadows、border-radius和border来对它进行造型。.section::-webkit-scrollbar-track { background-color: darkgrey;}滚动条 thum
2021-09-30 15:53:56
2117
原创 fabricJs -convas篇
fabricJs canvas编辑安装yarn add fabric -S ornpm i fabric -S使用<canvas id="canvas" width="500" height="500"></canvas> //引入fabric import { fabric } from "fabric"; // 创建一个fabric实例 let canvas = new fabric.Canvas("canvas"); //可以通过鼠标方法
2021-09-14 17:31:12
145
原创 npm初试helloworld--自定义vue组件
废话不多说直接上码创建空文件夹–命令:npm init -y创建index.jsexports.testDemo = function() { console.log("this is test demo!!!!!!"); };创建vue文件注册npm账户,并且邮箱激活npm adduser 登录npm publish发布失败检查1.npm是否是npm而不是淘宝下面是正确的2.检查邮箱是否点击激活了3.name是否重复成功如下就可以试下
2021-08-14 17:25:59
221
原创 JS解决OSS上传跨域问题
废话不多说直接上代码 var xhr = new XMLHttpRequest(); var action = "" //oss链接 xhr.withCredentials = false; xhr.open("POST", action); xhr.onload = () => { console.log(xhr.response); //输出结果 if (xhr.response.indexOf("
2021-06-30 14:49:21
1115
原创 VUE+el-upload+oss上传代码方式
废话不罗嗦,直接进入正题<el-upload class="info-upload" accept=".doc,.docx,.pdf,.txt" :action="action" ref="upload" :drag="true" :data="datasign" :before-upload="upload"
2021-06-04 15:22:38
301
原创 git删除.gitignore已上传文件缓存 忽略上传.gitignore设置的文件
很多时候项目不小心上传了忽略文件【解决办法】git rm -r --cached .idea(文件名)git add .git commit -m’提交’git pullgit push
2021-03-26 10:19:23
187
原创 vuecli4.5.11引入elementUI
vuecli4.5.11引入elementUI话不多说网上查了很多并且官方也还没给出正式版elementUI引入,目前只是体验引入项目1.完整引入(不推荐使用,测试版还是有bug)在 main.js 中写入以下内容:import { createApp } from ‘vue’import ElementPlus from ‘element-plus’;import ‘element-plus/lib/theme-chalk/index.css’;import App from ‘./App.
2021-03-25 17:37:43
670
原创 VUE3.X 脚手架@vue/cli 4.5.11学习篇(自定义页面方法代替filter)
关于vue/cli 4.5.11 取消页面filter就是{{a|b}}管道大家在还没从vue2.x脱坑前 vuecli4.5版本改动已经更近具体一些写法以及运用可以参考总结其中很多不方便和elementUI不能引入以及 filter取消带来很多不一样另外下一篇文章将介绍怎么实质npm引入 把elementUI 添加到项目 这里就给大家介绍vue另外种方法替代管道filter-----mixins代替(不喜勿喷)有更好的方式可以交流1.mixins引入(全局或局部)参考地址2.代码直接运用
2021-03-25 17:26:20
681
原创 uniapp自定义条件语法编译
项目迁移vueCli,uniapp自定义条件语法编译不生效话不多说 直接解决问题1.检查pack.json2. 没有自定义条件命令 只能支持 官方条件语法3. 自定义命令检测命令4. vscode运行命令 npm run dev:custom mp-weixin-production 或者 npm run build:custom mp-weixin-production...
2021-03-23 11:42:24
1081
原创 前端爬坑之路——VUE动态添加DOM节点
在实际项目当中大家一定也会遇到动态添加一行新的DOM节点,例如:点击添加动态生成一行,我拿到时,很常规的想到 v-html 通过str +=<p>内容</p>添加,但里面有element-ui 会自动过滤掉了显示不出来(具体我已经试过),然后跳出思维,换一种方式实现 通过 v-for=“item in num” ,添加 num +=1 ,就完美的解决,自动更新新的...
2020-03-04 14:32:44
11114
知识图谱,js+html+css,源代码开发应用,canvas应用
2022-10-20
64套网页特效,表白,做特效,个人简历专属,JS特效合集,JavaScript网页特效案例教程PPT,几乎一毛/每个不到
2022-04-20
onlyoffice_font.7z
2021-12-07
三级联动小程序代码.zip
2020-03-04
react-sortable-tree 引用报错
2022-07-19
关于vue4.5CLI不兼容ie的解决办法?
2021-06-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人