qq_37161741的博客

原创 一键重置上传按钮代码解析

【代码】一键重置上传按钮代码解析。

原创 antd Table展开折叠行后，该行变色，折叠行变色

【代码】antd Table展开折叠行后，该行变色，折叠行变色。

原创 【常用js操作】

【代码】【常用js操作】

原创 【openLayers】

原创 React Concurrent Mode 是什么？怎么使用？

简单来说，Concurrent Mode 让 React 能够 “同时” 处理多个渲染任务（实际上是通过时间切片模拟并行），并根据任务的优先级调整执行顺序，比如优先响应用户输入（点击、输入等），而延迟处理耗时的渲染工作，避免页面卡顿。

原创 React.lazy 和 suspense 如何使用？

【代码】React.lazy 和 suspense 如何使用？

原创 vue2和vue3的响应式原理和区别

vue2vue2vue3。

原创 【qiankun】微前端

【代码】【qiankun】微前端。

原创 SSE服务器发送事件,AI问答流式输出

基于HTTP协议的服务器推送技术，允许服务器主动、实时的向客户端（如浏览器）发送数据流。

原创 【electron】

原创 文字超出显示...省略号，鼠标悬浮文字横向滚动显示全部

文字超出显示...省略号，鼠标悬浮文字横向滚动显示全部。

原创 antd的DatePicker修改选择时间和确定的英文文字

【代码】antd的DatePicker修改选择时间和确定的英文文字。

原创 页面中存在多个iframe，根据src查找iframe，js将里面的某个class隐藏

【代码】页面中存在多个iframe，根据src查找iframe，js将里面的某个class隐藏。

原创 数组转为tree，parengId转为children格式

【代码】数组转为tree，parengId转为children格式。

原创 【brafteditor富文本增加自定义字体，保存后再打开字体失效问题】

【代码】【brafteditor富文本增加自定义字体，保存后再打开字体失效问题】

原创 js常用的数组方法filter、some、includes、map、reduce

【代码】js常用的数组方法filter、some、includes、map、reduce。

原创 antd select 模糊搜索踩坑filterOption报错

【代码】antd select 模糊搜索踩坑filterOption报错。

原创 防抖和节流

1、防抖是触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。适用于可以多次触发但触发只生效最后一次的场景。2、节流是高频事件触发，但在n秒内只会执行一次，如果n秒内触发多次函数，只有一次生效，节流会稀释函数的执行频率。

原创 将数组按照某个对象分类，结果值的json的值按照value递增排序

2、array.sort((a, b) => a.value - b.value)可以将数组按照某个值排序，将数组按照type类型分类，结果按照value排序。只能用于数组，得到的是。a.value - b.value是。b.value - a.value是。

原创 @monaco-editor/react组件CDN加载失败解决办法

monaco-editor/react引入这个cdn资源会load失败。网上很多例子都是这样写的，我这样写monaco会报错。

原创 实现单屏、四屏、九屏、十六屏，分屏趋势图功能

实现单屏、四屏、九屏、十六屏，分屏趋势图功能

原创 css3的animation制作围绕椭圆轨道旋转，近大远小的动画

css3的animation制作围绕椭圆轨道旋转，近大远小的动画

原创 git常见bug及其解决方案

git status 查看状态中是否有效忽略了git add命令主要用于把我们要提交的文件的信息添加到索引库中；git commit命令是git将依据索引库中的内容来进行文件的提交。git add -u []: 把中所有tracked文件中被修改过或已删除文件的信息添加到索引库。它不会处理untracted的文件。git add -A: []表示把中所有tracked文件中被修改过或已删除文件和所有untracted的文件信息添加到索引库。省略表示.,即当前目录git add -i []命令查看中被

原创 移动端增加搜索框打开参照、扫码调用摄像头功能

移动端增加搜索框打开参照、扫码调用摄像头功能。

原创 jquery设置元素的显示、隐藏

(“#id”).show()表示为display：block;$(“#id”).hide()表示为display:none;$(“#id”).toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切换为可见的。

原创 react hooks

常用的hooks钩子

原创 React中setState方法当属性为变量时如何赋值

React中setState方法当属性为变量时如何赋值

原创 echarts常用功能配置项

echarts常用功能配置项。

原创 富文本编辑器wangeditor+react

富文本编辑器wangeditor+react

原创 css动画transition、transform、animation

css动画transition、transform、animation1、transition2、transform3、animation1、transitiontransition: [属性名] [持续时间] [速度曲线] [延迟时间];过渡效果• linear匀速过渡• ease缓进缓出• ease-in• ease-out• ease-in-out• cublic-bezier(n,n,n,n)贝塞尔曲线1、单个属性过渡transition: CSS属性名1 过渡时间 过渡效果

原创 二进制、八进制、十进制、十六进制互相转换

二、八、十六向十进制转换用乘法十进制向二、八、十六进制转换用除法二进制转为八进制：每三位为一位八进制八进制转为二进制：每一位转为三位二进制二进制转为十六进制：每4位为一位16进制十六进制转为二进制：每一位转为4位二进制八进制和十六进制：先转为二进制...

原创 前端JS的6种继承方式

前端JS的6种继承方式1.原型链继承2、构造继承3、实例继承4、拷贝继承5、组合继承6、寄生组合继承1.原型链继承这种方式关键在于:子类型的原型为父类型的一个实例对象。父类的实例作为子类的原型，他的特点是实例是子类的实例也是父类的实例，父类新增的原型方法/属性，子类都能够访问，并且原型链继承简单易于实现，缺点是来自原型对象的所有属性被所有实例共享，无法实现多继承，无法向父类构造函数传参。function Animal(){ this.eat = function(){ ale

原创 美团[编程题]最长全1串

题目描述给你一个01字符串，定义答案=该串中最长的连续1的长度，现在你有至多K次机会，每次机会可以将串中的某个0改成1，现在问最大的可能答案输入描述:输入第一行两个整数N,K，表示字符串长度和机会次数第二行输入N个整数，表示该字符串的元素( 1 <= N <= 300000, 0 <= K <= N )输出描述:输出一行表示答案输入例子1:10 21 0 0 1 0 1 0 1 0 1输出例子1:5Java代码import java.util.Scann

原创 vue项目中使用vue-video-player播放m3u8文件视频

vue项目中将MP4文件转为m3u8文件并播放视频安装文件引入样式在需要播放的Vue文件中引入功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入安装文件npm install --save video.jsnpm install

原创 huawei编程题-模拟老师的询问

题目老师想知道从某某同学当中，分数最高的是多少，现在请你编程模拟老师的询问。当然，老师有时候需要更新某位同学的成绩.输入描述:输入包括多组测试数据。每组输入第一行是两个正整数N和M（0 < N <= 30000,0 < M < 5000）,分别代表学生的数目和操作的数目。学生ID编号从1编到N。第二行包含N个整数，代表这N个学生的初始成绩，其中第i个数代表ID为i的学生的成绩接下来又M行，每一行有一个字符C（只取‘Q’或‘U’），和两个正整数A,B,当C为’Q’的时候,

转载 字节2018编程题

题目为了不断优化推荐效果，今日头条每天要存储和处理海量数据。假设有这样一种场景：我们对用户按照它们的注册时间先后来标号，对于一类文章，每个用户都有不同的喜好值，我们会想知道某一段时间内注册的用户（标号相连的一批用户）中，有多少用户对这类文章喜好值为k。因为一些特殊的原因，不会出现一个查询的用户区间完全覆盖另一个查询的用户区间(不存在L1<=L2<=R2<=R1)。输入描述:输入： 第1行为n代表用户的个数 第2行为n个整数，第i个代表用户标号为i的用户对某类文章的喜好度 第3行为一个

原创 vue项目报错Avoid using non-primitive value as key, use string/number value instead.

项目报错这个是由于v-for循环里，key值可能重复了，所以会报这个错。 <el-checkbox v-for="city in cities" :label="city.name" :key="city" style="width:885px;height:100px;margin:0 auto;border:1px solid #ccc;border-radius:10px;padding:10p

原创 前端Vue如何设置cookie、删除cookie，获取cookie

前端Vue如何设置cookie、删除cookie，获取cookie设置cookie获取cookie删除cookie在main.js中如下设置设置cookieVue.prototype.Setcookie = function (name,value) { //设置名称为name,值为value的Cookie var expdate = new Date(); //初始化时间 expdate.setTime(expdate.getTime() + 30 * 60 * 1000); /

原创 flex是一种弹性布局，响应式地实现各种页面布局

flex布局一、容器的属性1.flex-direction属性2.flex-wrap属性3.flex-flow4.justify-content属性5.align-items属性6.align-content属性二：项目的属性1 order属性2.flex-grow属性3.flex-shrink属性4 flex-basis属性5.flex属性6.align-self属性2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。采用 Flex 布局的元素，称为

原创 多个el-checkbox el-radio 三维数组 动态绑定值

这是一个考试页面由于后台给的数据：questionType 0选择题 1多选题 2判断题 3简答题 4填空题，但是每种题型不仅只有一次，也就是不确定每种题目类型的题目数量，仅仅用一维数组已经不满足要求了，而每次多选的时候本身就是二维数组，所以要构建三维数组。后台给的数据：<div v-if="examination.children!==[]" v-for="(item,index) in examination.children" :key="index"> <di