- 博客(52)
- 收藏
- 关注
RSS订阅原创 封装umi-request时通过 AbortController 配置取消请求
前端封装umi-request时通过AbortController配置取消请求
2024-04-28 14:33:46
973
原创 node-sass安装报错
由于我装了python3, 我心里是不愿意再装python2的，以免以后发生其他冲突，于是在网上查找了各种方案，有的说将node-sass换成sass，但由于是很久前的老项目，还有其他库依赖node-sass如sass-loader3.2.0，2.x版本的webpack又依赖该版本的sass-loader，等等，这些插件一环扣一环，如果要更新就得全部更新，很有可能会造成项目出现各种问题，看起来好像陷入了死循环。但是nvm安装v8版本的node却失败了，又是一个死胡同。不管怎样能跑就行啊哈哈。
2023-10-23 15:34:58
300
原创 将csv内容转为对象数组，它能够正确处理由逗号分隔的数据，并且能够忽略双引号中的逗号
将csv内容转为对象数组，它能够正确处理由逗号分隔的数据，并且能够忽略双引号中的逗号。
2023-07-03 11:34:47
415
原创 JavaScript剪贴板API——clipboard以及遇到的坑
JavaScript剪贴板API——clipboard的使用以及此间遇到的坑
2022-11-03 10:54:47
1427
原创 umi-request请求适配服务端返回400时拿不到返回错误消息
umi-request请求时根据接口返回内容提示信息，但服务端返回错误时拿不到返回错误消息 的解决方案
2022-11-02 17:25:46
2276
1
原创 记录一次坑 ｜ 包版本不一致产生的问题的排查过程
【此为单纯项目bug记录，和前辈一起探讨并解决了，发出来一方面是定期记录一下，另一方面也为以后遇到这种玄学问题😂提供一种排查思路】
2022-09-02 15:49:44
779
原创 antd+ Umi使用中出现的问题集合（一）
antd + umijs实现项目过程中遇到的一些问题及解决方案集合一、filePath not found二、antd中Modal结合form的复合使用三、如何预设或清空antd中的日期选择器DatePicker四、修改主题样式五、form表单的动态校验六、antd 在表格中使用气泡确认框 （循环展示了多个气泡卡片）七、antd实现table中点击具体某一列才展示弹窗
2022-08-05 16:29:53
1890
原创 QGIS的部分使用流程
qgis 工具下载https://qgis.org/en/site/forusers/download.htmlqgis 教程https://docs.qgis.org/3.10/zh_Hans/docs/user_manual/index.html准备工作1. 新建一个文件夹 e.g.qgis，方便以后可以将相关文件都存到这里2. 根据已知两点的经纬度，可以先建一个geojson文件 e.g: office.geojson{ "type": "FeatureCollec
2022-05-11 17:58:21
7582
原创 debounce防抖，我终于悟了，你呢
使用场景常见的有例如搜索框输入，鼠标事件，窗口resize等极为敏感的事件中需要用到使用目的可以等一等再执行，例如在搜索框搜索时，不用每输入一个字符都发起一次请求，而是等一段时间后再带上最后一次的搜索条件去发起请求实例// debounceconst debounce = (func, delay) => { let timeout; return (...param) => { if (timeout) { clearTimeout(timeout);
2022-04-12 11:06:39
388
原创 angular如何实现跳转页面前提示跳转
angular如何实现跳转页面前提示跳转场景：有时在编辑过程中，不小心点到后退按钮等，会让之前的编辑全都作废了，因此想通过跳转页面前弹出框提示保存来阻止页面跳转，并提示用户及时保存解决方案：可以通过route来实现在要判断的页面的路由处，利用Route.canDeactivate来获取是否使某个组件无效const routes: Routes = [{ path: 'profile', component: ProfileComponent, canDeacti
2021-12-29 15:22:35
1428
原创 echarts toolbox超出容器导致被截断
echarts toolbox超出容器导致被截断解决方案：echarts的配置项中设置toolbox{ right：’30%’ //看到有文章说默认时是auto,20%, //稍微设置大一点即可， //但我后来尝试小于20%时也可， //可能是因为我同时设置了grid中的right吧， //暂未考证，有待大家指正}至于上方被截断的那里，通过设置gr
2021-12-25 15:27:31
970
原创 纯前端使用SheetJS读取excel 报错Cannot find file [Content_Types].xml in zip
使用方式可参考https://blog.csdn.net/yuzheng7002/article/details/104134246我这里主要展示使用过程中遇到的一个问题，希望可以帮到你问题场景在使用const importData = XLSX.read(content, {type:'binary'});的时候报错Cannot find file [Content_Types].xml in zip方案一：网上有说XLSX@0.16.0版本太高，换成@0.14.2版本即可，我没有尝试这
2021-10-21 10:37:06
2175
2
原创 物联网消息传输协议——mqtt详解
什么是Mqttmqtt是为物联网场景设计的基于tcp的pub/sub协议，是基于发布/订阅模式的物联网通信协议，具有简单易用、支持QoS、报文小、轻量、节省带宽、不关心数据具体格式、可以时刻感知设备是否在线等特点出生背景本名： Message Queue Telemetry(遥测，远距离测量) Transport年龄： 22岁（1999- ）使命： 九十年代早期为实现 在带宽有限的条件下，让传感器能与IBM的MQ Integrator通信的一个实时数据传输协议更多：说到实时数据传输，可能你会想
2021-07-17 17:08:32
8106
1
原创 react中的context怎么用
context可以用来做父组件向子组件或爷爷组件向孙子组件传参，注意，数据流是单向的，子组件无法传给父组件用法：在父组件MyComponent组件中const AContext = React.createContext（初始值）function MyComponent(){ render (){ <AContext.provider value={this.state}> //可以传一个对象 <B></B>
2021-07-17 16:06:56
243
原创 react项目中遇到的几个问题
react项目中遇到的几个问题前言由于我之前有过react经验，同事之前做react项目时问了我一些问题，其中几个问题虽然常见，但时间长了还是容易忘记，这里简单总结一下问题一：如何保证定时器（setTimeout与setInterval）每次执行与下一次执行都保证相同的间隔时间，不管前一次运行了多长时间场景：例如需要每间隔1秒执行一次请求的发起与响应，不管第一次发起请求到响应花费了多久，例如200ms，下一次请求一定与第一次完成间隔1000ms（即第二次请求在1200ms时发起，而不是800
2021-06-29 10:44:32
3087
原创 文件导入设置编码兼容utf-8和gbk
文件导入解析时兼容utf-8和gbk编码以避免乱码场景：由于Mac保存csv文件默认utf-8编码 ，window则是gbk编码同样是解析csv文件，Reader.readAsText()默认应该是以uff-8方式解码的，因此遇到gbk编码的文件读取时就会导致乱码解决：方案一，记事本打开，另存为，修改编码格式统一方案二，先判断是否是utf-8编码，不是则一律按照gbk格式编码（这里有很多种编码格式，用jschardet等插件应该就能判断出具体是哪种编码格式，我这里只需要兼容ut
2021-06-10 17:18:19
2707
原创 web前端面试之——this指向
前言此处完全可以略过本来写完原型与原型链之后想写原型的继承，再到new操作符，再到this指向的，想以此形成一种知识点连载的错觉，这样的话也方便大家和自己记忆和联想，形成一条完整线索，但是继承感觉比较难写，为了避免我自己的理解给大家造成误导，也一直在不断查询资料和修改调整，目前写到一半，还在加油写，先把后面的放出来了，继承之后补上，偶尔需要插叙嘛哈哈O(∩_∩)O~正片开始this指向（一）什么是this理解与记忆核心this表示对象取决于函数调用解释1.（this表示对象=
2021-06-05 09:13:46
491
转载 Angular 下载zip文件
Angular 发送post请求并下载zip文件后端Java代码需要设置response的header，如下response.setContentType("application/octet-stream; charset=utf8");response.setHeader(HttpHeaders.CONTENT_TYPE, MediaType.APPLICATION_OCTET_STREAM_VALUE);response.setHeader(HttpHeaders.CONTENT_DISP
2021-06-03 15:13:19
952
原创 angular项目遇到的问题（三）集合
angular项目遇到的问题（三）集合上一篇可进主页查看一、Angular JIT compilation falied: ‘@angular/compiler’ not loaded!遇到报JIT的一般都可以看这里这种一般是代码符号错误等一些低级错误，找到vscode终端报的第一个错误提示的代码位置，看代码具体出错，可以尝试将报错那部分代码隐藏，看是否继续报错就可以知道是否是那一部分代码的问题了法二：重新打开vscode编辑器二、mat-paginator分页器的使用与常见问题1、如何使
2021-06-03 12:13:28
1552
原创 git clone报错——Permission denied
Git clone之后报错Permission denied ( publickey )Fatal: Could not read from remote repository.Please make sure you have the correct access rights and the respository exists.正如提示所说，没有权限，可以考虑两种方式1.Git clone的时候用http的方式2.还是使用ssh方式克隆此时需要在gitlab页面把你的key
2021-05-26 16:28:07
1427
原创 git准备之（一）——查看或生成计算机公钥SSH key
git准备之（二）——加权限（生成计算机公钥SSH key）cat ~/.ssh/id_rsa.pub显示cat: /Users/xxx/.ssh/id_rsa.pub: No such file or directory说明没有ssh公钥这时需要生成一个，在终端运行ssh-keygen -t rsa -C “xxxxx@xxx.com” 这里用自己的邮箱就行（任意一个邮箱）中途会让输入passphrase等，直接回车就行出现上图表示成功再次输入cat ~/.ssh/id_rs
2021-05-26 16:02:18
689
原创 web前端面试之——原型与原型链
原型与原型链（一）原型理解与记忆核心：F.prototype === f.__proto__ ===原型对象（原型）f.constructor === F.prototype.constructor === F === f.__proto__.constructor解释：每个函数F（也是对象，js中一切皆对象）在初始化时都拥有一个prototype属性，该属性指向原型对象（即原型） F = new Function(); F = { prototype:{} }; F.prot
2021-05-26 09:25:25
866
原创 angular项目遇到的问题（二）集合
一、使用angular的formGroup实现校验时报错ngModel cannot be used to register form controls with a parent formGroup directive原因在最外层的form中使用了 formGroup 指令，但在下面的某个input 插件中，使用了ngModel 指令，但没有加入formControl 指令或 formControlName 属性。解决方法1.保证在form表单下所有input元素中添加 formContr
2021-05-25 12:50:34
561
转载 angular项目遇到的问题（一）—ngModel cannot be used to register form controls with a parent formGroup directive
ngModel cannot be used to register form controls with a parent formGroup directive在使用表单校验时产生了这个报错：ngModel cannot be used to register form controls with a parent formGroup directive原因在最外层的form中使用了 formGroup 指令，但在下面的某个input 插件中，使用了ngModel 指令，但没有加入formC
2021-05-22 17:25:44
855
转载 mac和win谷歌浏览器开启跨域(关闭同源安全策略)
mac和win谷歌浏览器开启跨域(关闭同源安全策略)由于浏览器的同源安全策略，会导致不在一个域名下的接口在页面上无法调用，在开发环境时经常会遇到跨域，这时我们可以关闭浏览器的同源安全策略 ，方便开发。先说mac的方法，再说win。MAC在mac上，需要写一个小小的启动脚本放在桌面上：1.打开任意目录，新建一个文件夹用来存放关闭同源策略后的谷歌浏览器用户数据，建议放 Documents目录，名字随意，建议语义化一点，例如ChromeDevUserData。为什么新建这个文件夹呢，就是不想影响正常的浏
2021-05-22 14:36:22
1406
原创 前端面试问题——typescript的好处？举个实际例子
ts的好处？举个实际例子前言之前在一次面试过程中被问到typescript的特点，与javascript的区别？主要方向是答出来了，及ts是一种强类型语言，可以看作js的超集，对各变量等都作了类型的规范与限制然后面试官又问了一句，那你觉得它的好处是什么？你在项目中通过哪些例子感受到这些好处的？哪些例子？当时脑子里想的只有当初刚接触并从js逐步转向ts时只觉得ts好烦，什么都要限制，还什么都报错，js就不会出现这么多报错，哪里有什么好处？反正我是没体会最后只能呆呆的回了面试官一句想不起来是的，之
2021-05-21 12:32:51
556
转载 Angular Material对话框mat-dialog中如何接收和传递数据
Angular Material对话框mat-dialog中如何接收和传递数据一、对话框的几个部分mat-dialog-title:对话框标题mat-dialog-content:对话框内容部分mat-dialog-action:对话框底部的操作按钮，如取消/提交等二、父组件（以下统一将调用到对话框的组件称为父组件，而对话框组件就是子组件）这里的父子组件跟其他父子组件不太一样，不是直接通过引入对话框组件的方式，而是使用ref方式来调用的，之前尝试过@Input()装饰器来传值但是失败
2021-05-20 23:33:52
2603
原创 angular material表格内容自动折行
angular material表格内容自动折行关键代码.mat-cell, .mat-footer-cell, .mat-header-cell { // fix for ie11 'align-items: center' word-break: break-all !important; max-width: 120px !important;}<mat-table #tableReq [dataSource]="commonList" *ngIf="logTy
2021-05-12 20:50:27
582
原创 Angular Material的弹窗组件dialog取消mat-dialog-actions自动关闭
Angular Material的弹窗组件dialog取消mat-dialog-actions自动关闭场景在使用Angular Material（https://material.angular.io/）的dialog组件时遇到了一个问题按照官网上的步骤发现不管点击取消还是确认，都会在关闭dialog弹窗后才能获取到数据，这就导致了当我要在dialog中添加表单并进行验证时，不管验证是否成功都会关闭弹窗虽然考虑过用disabled来解决问题，但总觉得这样的解决方案不符合用户交互规范，应该在点
2021-05-12 19:27:14
1463
原创 angular异步获取数据导致视图无法实时刷新的问题
场景：获取表格数据时明明已经成功发送接口并获取到值了，但是页面就是没有更新，需要再点一次才能触发页面更新说明：针对我的此场景最终试验只有最终方案有效，但因此而产生的一些思路也记录一下，大家可以直接跳到思路四最终方案啦哈哈思路一以为是UI组件库造成的，参照网上说法：（https://blog.csdn.net/walker4000/article/details/109915064）问题在于nz-zorro（angular的一个UI组件库，类似于ant-design）从7.0版本开始，组件默
2021-05-12 14:12:34
2388
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人