- 博客(29)
- 资源 (1)
- 收藏
- 关注
原创 MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added
解除vue3/vue2内存泄露问题
2023-02-16 09:11:18
1694
原创 qiankun框架访问微应用报跨域问题(has been blocked by CORS policy)
在浏览器中直接执行chrome://flags/#block-insecure-private-network-requests ,选中Disabled ,重启后就可以恢复正常了。
2022-12-01 16:42:40
1660
原创 threejs加载STL模型问题
环境:我是用的框架是vue2,vue3,在vue3中使用并未出现问题,在vue2中引入出来了这个问题 解决思路:1. 在vue2中里面会把文件路径重新编译,public下面的不会编译,你在load里面写的../**/这个路径不会被编译,他最后加载的时候就是按这个路径去找文件,就没有文件,然后会返回index.html给你2. 将文件还是放入public中,在引入文件时直接’/文件名‘,不需要带上public即可...
2022-07-07 17:45:50
896
原创 前端下载时取后端字段乱码(已解决)
当下载时我们前端需要动态取后端的res.headers["content-disposition"]里面的字段去动态回显我们下载的名字时,在请求里和取字段的时候却是乱码的。当我遇到这个问题的时候就在考虑是不是编码格式的问题,找了很久没有得到解决,试过了很多解码的方法。但是最终还是解决了。...
2022-06-14 09:22:42
601
原创 前端pc转wav,播放wav
播放小插件源代码(借鉴)function PCMPlayer(option) { this.init(option);}PCMPlayer.prototype.init = function (option) { var defaults = { encoding: '16bitInt',//编码格式 channels: 1,//声道 sampleRate: 8000,//采样率 flushingTime: 1000
2022-05-30 11:00:46
1227
原创 前端读取wav音频,采样频率,采样精度等参数
前端读取wav音频,采样频率:16k采样精度:16bit通道数:单通道编码:线性PCM编码等参数
2022-05-25 16:57:12
1516
2
原创 React中Fragment的使用
使用<Fragment><Fragment><></>作用可以不用必须有一个真实的DOM根标签Fragment可以传入key值用于遍历
2021-11-23 15:37:31
351
原创 React中三个常用的Hook
Hooks1. React Hook/Hooks是什么?(1). Hook是React 16.8.0版本增加的新特性/新语法(2). 可以让你在函数组件中使用 state 以及其他的 React 特性2. 三个常用的Hook(1). State Hook: React.useState()(2). Effect Hook: React.useEffect()(3). Ref Hook: React.useRef()3. State Hook(1). State Hook让函数组件也可以
2021-11-23 15:33:42
903
原创 React懒加载路由以及组件
Explain需要用到react的脚手架,路由使用的是react-router-dom.懒加载分为组件懒加载和路由懒加载,会使用到react中的lazy和react.lazySound Code// 引入reactimport React,{lazy,Suspense} from 'react//路由import { Route, Switch, NavLink } from 'react-router-dom'// 自定义组件 使用懒加载的方式引入 const Home= Reac
2021-11-22 16:11:43
551
原创 React-setState使用方式
State Data//state中的值state = { text:'????'}First Demo // 普通调用 this.setState({ text:'????' }) //输出的是未更新的值 console.log(this.state.text)Second Demo// 函数调用 可获取state以及props里的值this.SetState((state,props)=>{ // 需要返回修改后的值
2021-11-22 15:33:48
611
原创 Redux DevTools :Redux调试工具(使用or解释)
1. 废话当你看到这篇文章应该已经学完redux或者react-redux了,本篇文章使用的是浏览器是edge(谷歌内核)。。。。2. 安装使用edge打开网址link.搜索 redux devtools安装安装成功图例注释: 安装完毕打开F12看到选项卡里面有Redux即安装成功。。3. 使用注释:打开你使用到redux的项目,这边我使用到的是用自己编写的demo。下载工具依赖的包npm install --save-dev redux-devtools-extension
2021-10-22 16:13:56
4038
原创 原生(html)/vue/react中加载不出网络图片问题
1. 在html中添加(方法1)<meta name="referrer" content="never"> //旧版<meta name="referrer" content="no-referrer"> //新版// No Referrer:任何情况下都不发送 Referrer 信息;// 只需要配置一次,全局都都可以适用2. 在img标签中添加(方法2)<img referrerpolicy="no-referrer" src="网络请求的路径,
2021-08-12 10:13:59
299
原创 移动端适配方案(rpx,rem,vh,vw,%)
移动端适配方案rpx单位(小程序专用单位)微笑小程序才有的,在小程序中把屏幕宽度看成了750rpx100vw750rpx没有rem公式(手机屏幕中 元素的宽度 = 设计稿中 元素的宽度(已知) * 手机屏幕宽度(750rpx) / 设计稿的宽度(已知))淘宝flexible.js + rem (针对的时候移动web)Flexible会将视觉稿分成100份(主要为了以后能更好的兼容vh和vw),而每一份被称为一个单位a。同时1rem单位被认定为10a。针对我们这份视觉稿可以计算出
2020-08-07 12:06:06
1971
原创 Vuex详细使用步骤
Vuex概述组件之间共享数据的方式父向子传值 : v-bind子向父传值: v-on传值兄弟组件共享数据: EvenBus$on 接收数据的那个组件$emit 发送数据的那个组件Vuex是什么?** Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享(store) **使用Vuex统一管理状态的好处能够在vuex中集中管理共享的数据,易于开发和后期维护能够在高效得实现组件之间的数据共享,提高开发效率储存在vu
2020-07-16 01:58:03
1409
原创 Gulp插件使用详情(新手快速上手使用)
Gulp插件使用详情Gulp插件:基于流的自动化构建工具gulp和grunt对比 grunt目前的工作流程:读文件、修改文件、写文件——读文件、修改文件、写文件——… gulp目前的工作流程:读取文件——修改文件——修改文件…——写文件话不多说,直接上安装教程:先全局安装这个插件,因为复用率比较高!(项目得开发依赖安装)npm install --global gulpnpm i gulp -g //简写方式//官方地址 https://www.npmjs.com/package/
2020-06-30 15:15:20
196
原创 css3常用选择器
css3选择器常用现在浏览器的不考虑兼容性,c3的选择器灵活使用可以更精准的选择想要的元素!:first-of-type()选择改类型元素的最后一个子元素:last-of-type()选择该类型元素的最后一个子元素:nth-of-type()正序开始选择该类型的第几个元素:nth-last-of-type()倒叙开始选择该类型的第几个元素:first-child选择第一个元素:last-child选择最后一个子元素:nth-c
2020-06-26 02:15:01
236
原创 html题目笔记答案
html题目笔记答案1.简答题(1)简要说明HTML的工作原理。 浏览者首先会通过域名来寻找存放网页的计算机服务器。如果找到,浏览器就会与该服务器联系并建立信息传输通道使信息正确传输。信息通道建立好后,浏览器就会向服务器要求下载目录下的html文件。文件下载成功后,浏览器便会解释执行文件中的html标记。如果有图像,则下载图像文件,然后一起显示在浏览器窗口上。(2)说明网站、网页...
2019-08-26 09:56:06
502
原创 WebStorm 11.0.4安装教程
下载与安装(1)首先打开浏览器,输入网址‘https://www.jetbrains.com/webstorm/download/previous.html’,进入webstorm官网的下载页.(2)下载11.0.4 for windows(exe).(3)下载完之后安装,双击打开webstorm 11.0.4这个程序(4)单击Next按钮(下一步),选择browse(...
2019-07-01 15:02:49
488
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人