自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 【react路由监听】缓存上一页路由和当前路由

防止数据类型出错采用默认的Array(2),unshift当前最新的路由始终在0位。

2024-11-04 11:05:01 199

原创 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

原创 react Mixin混淆组件HOC高阶组件

react 高阶组件* 自定义 mixins */class继承强化组件。

2023-02-18 16:17:36 157

原创 css水平瀑布流+兼容ie元素间隙

【代码】css水平瀑布流+兼容ie元素间隙。

2023-01-11 17:41:13 171

原创 epubjs 在线阅读epub文件

epub.js是支持跨多个设备的,在浏览器端渲染EPUB文件的JavaScript库,epub.js

2022-08-16 15:49:40 1670

原创 【自定义下拉展开弹窗(仿select)】点击展开,下拉展示框

自定义下拉选项框,点击展开点击收起,点击其他区域关闭,并且只显示一个弹窗

2022-07-07 17:24:03 713

原创 【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

原创 【javascript】常用一些js封装方法喜欢的收藏起来

常用的js方法,JavaScript函数

2022-05-11 09:22:31 3959

原创 收藏常用代码片断(自我加强篇)

常用的javascript代码,es6,js,typescript

2022-04-22 16:58:45 141

原创 63套js ,html .css效果页面(点个小星星免费下载)

js特效源代码,HTML原生特效,css特效,jQuery特效代码

2022-04-22 16:14:01 648

原创 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

原创 自定义select下拉选项框(HMTL+JS)

select自定义下拉框,select选项框

2022-01-05 17:17:22 1360 2

原创 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

react 路由管理自定义路由组件(仿照Vue写法进行递归动态生成路由)

react 路由管理自定义路由组件(仿照Vue写法进行递归动态生成路由)

2025-04-01

react hooks useModule自定义hooks (二次封装table)

react hooks useModule自定义hooks (二次封装table)

2025-03-07

AI语音科大讯飞智能api【web端接口调用实现语音识别】webscoket调试试用

使用web形式实现语音识别

2023-11-07

知识图谱,js+html+css,源代码开发应用,canvas应用

知识图谱,js+html+css,源代码开发应用,canvas,html,css,js,javascript,java

2022-10-20

pdf在线阅读,pdf,在线预览pdf,可操作性的pdf源码

pdf在线阅读,pdf,在线预览pdf,可操作性的pdf源码,word,在线阅读,word文档,在线word

2022-07-07

es6的webpack自定义项目

前端,webpack打包项目,es6语法,webapck,图片压缩,js压缩,less,css压缩,本地运行

2022-06-06

64套网页特效,表白,做特效,个人简历专属,JS特效合集,JavaScript网页特效案例教程PPT,几乎一毛/每个不到

64套网页特效,表白,做特效,个人简历专属,js静态网页特效,3D图片切换,3D图片切换 9种推拉门 animate.css AnimatedLetters apple checkbox cookie,jsonp,拖拽等综合 echarts-实例 fullPage iframe改变高度.html jQuery-aniview jQuery仿天猫完美加入购物车 jQuery圆形统计插件 README.md roundabout slider1.2 word 仪表盘.html 仿淘宝轮播(无缝做不出来) 仿苹果导航菜单 切换(给未来元素添加事件) 列表项滚动(多用于新闻条目) 加入购物车 动感十足的jquery导航 图片墙 字符串操作 字符云 工作簿名称.xls 延时菜单 推拉门改进 搜狐辩论投票 搜索自动补全 摇奖 擦除 放大镜 数字逐一停止.html 数组 数组去重.html 无缝切换 日历插件 日历生成 日历联动 模拟扔物体 滚动title.html 瀑布流 点击特效 立方体 粒子 网页进度条 苹果官网商品展示 蛇形文字 表格上下移动 表格操作 计时 贪吃蛇.html 轮播(自己写出

2022-04-20

网站模板(html,css,js)100套前端模板点击可打开,各个行业都有

如需单独开发,或者有问题 可加好友或留言

2022-02-28

onlyoffice_font.7z

运用nodeJS部署的onlyOffice项目,前端项目剥离开发,字体文件接口,上传,转换图片文件接口,.bin文件地址,后台生成,纯前端项目

2021-12-07

武汉公交实时查询小程序(附带接口).zip

武汉公交实时查询微信小程序,接口映射就可以直接上线了

2021-09-30

微信小程序tips消息滚动轮播

微信小程序tips消息滚动轮播(从右开始循环轮播)

2021-09-30

微信小程序动态名片[升级版canvas]

可以动态设置X,Y距离,字体大小,头像,内容等待

2021-08-19

原生小程序生成海报-Painter插件,html转canvas

原生小程序js生成海报-Painter插件,有样例展示,主要更换样式定位 和路径,有问题直接留言

2021-08-19

微信小程序canvas原生定制名片

微信小程序canvas原生定制名片

2021-05-07

vue3.X+element+cli4.0

动态路由,自定义命令,promise 封装

2021-05-07

三级联动小程序代码.zip

三级联动组件服务,接口动态加载,小程序原生代码 父级:WXML &lt;addressMsg address=&quot;{{address}}&quot; bind:upChange=&quot;upChange&quot; orderType=&quot;{{orderType}}&quot;&gt;&lt;/addressMsg&gt; 父级:josn导入 &quot;addressMsg&quot;: &quot;/components/addressMsg/addressMsg&quot; 主要处理 1.初始化数据 attached: function(options) { //初始化数据 默认加载第一行关联数据 2. //判断id是否存在以及parentid 是否存在 3.

2020-03-04

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除