- 博客(47)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 在Visual Studio Code中编辑React项目时，以下是一些推荐的扩展
ESLint：这个扩展可以集成ESLint到VS Code中，帮助你在编写代码时发现和修复JavaScript和TypeScript的语法错误和代码风格问题。GitLens — Git supercharged：如果你在使用Git，这个扩展可以提供很多有用的Git功能，例如查看文件的历史记录和比较不同的提交。在左侧边栏中，点击最下面的方块图标来打开扩展视图，在扩展视图的搜索框中，输入你想要安装的扩展的名称。在搜索结果中，找到你想要安装的扩展，然后点击它旁边的绿色安装按钮。
2024-04-12 17:44:08
759
原创 table,scroll的最终方案
注意，你要再.ts文件中使用useEffect , useState，你得用use开头命名；在组件中使用:.tsx结尾。
2024-04-10 15:36:08
193
原创 web页面刷新，怎么使每次的随机颜色都一样？
/ 假设这是你的数组。// 使用种子随机数生成器来生成颜色。// 循环渲染div并加背景颜色。// 创建一个种子随机数生成器。
2024-04-10 15:32:35
494
原创 encodeURI 和 encodeURIComponent
这里用了umi的request请求，要求返回请求头(配置 getResponse: true即可)encodeURIComponent方法不会对下列字符编码 ASCII字母 数字 ~!解密的运用场景:下载后台的文件xlsx，返回的了文件的名称，需要解码，并使用文件命名。encodeURI方法不会对下列字符编码 ASCII字母 数字 ~!encodeURI 和 encodeURIComponent 是用来处理。decodeURI 和 decodeURIComponent 是用来处理。
2024-01-23 10:19:43
486
原创 为什么代码里需要try/catch
promise的catch()和then的第二个回调函数，和try/catch，出发点都是捕捉错误之后将其隔离，同时不影响正常逻辑执行。情况一：这样写，代码运行到报错后，页面直接显示空白报错，之后的list函数不执行。
2024-01-23 08:50:12
832
原创 web前端学习路线图
现在流行的框架，ant design pro, vue, element ui 单页运用,只要。推荐书籍<Head First HTML与CSS>，真是入门级别，内容有趣生动。说明: javascript底层原理讲得非常好的一本书,也讲了es6。网站浏览推荐：菜鸟教程，w3school，MDN web docs。推荐书籍:<你不知道的JavaScript 上卷+中卷+下卷>说明：内容齐全，前端的知识都包含，就是有些点讲的比较深奥。难度指数：⭐️⭐️⭐️。难度指数：⭐️⭐️⭐️。这个框架，没什么难度。
2024-01-17 13:58:22
528
原创 protable作为子组件不会再次请求，渲染没变化？
弹出框做成一个子组件:内容是渲染一个表格，并请求接口。✅第一种正确写法：点击不一样行，都会请求接口。父组件，一个列表，不同的编码，有个弹出框。第二种，很多人这样写，就不会触发了。
2024-01-17 12:59:38
672
1
原创 promise的async/await，让你的代码像同步一样执行
关键字 await 让 JavaScript 引擎等待直到 promise 改变状态，并返回结果。注意：async和await是需要搭配使用，要不然代码报错。,让你的代码得到的结果，像同步一样执行。
2024-01-16 17:53:14
787
原创 javascript三元运算符，重点还是注意判断的条件
条件运算符 ‘?含义：这个运算符通过问号?表示。有时它被称为三元运算符，被称为“三元”是因为该运算符中有三个操作数。实际上它是 JavaScript 中唯一一个有这么多操作数的运算符。es6中，变量前面加2个！！，就是等于加了 Boolean(变量)
2024-01-16 17:18:49
443
原创 多个promise调用顺序，javascript引擎的微任务和队列任务,promise(三)
多个异步函数的调用顺序:运行代码得到的结果是p1,p2,p4,p3 const p1 = new Promise((resolve, reject) => reject(Error('p1抛出的错误'))).catch(error => console.log(error)) const p2 = new Promise((resolve, reject) => reject(Error('p2抛出的错误'))).catch(error => console.log(
2024-01-15 18:03:23
1085
1
原创 用案列说明，为什么报`Uncaught (in promise)`错误，并Uncaught解决办法
报以下错误，都是一个原因，都是因为你的代码没有捕捉promise返回的错误。，因为写了很多的then,可以最后加个catch即可。最后，想要了解更多，我的博客里面2个介绍。2.用then的第二个回调函数。解决：1是加catch。
2024-01-13 16:01:16
6264
原创 Promise介绍then,catch用法，基础介绍（二）
Promise.prototype.catch方法是.then(null,rejection)的别名，用于指定发生错误时的回调函数。2.then方法返回的是一个新的Promise,所以then可以无限次调用。2.1catch后面可以加then，如果没有报错则会跳过catch方法。1.是promise状态改变时的回调函数，then有2个回调函数。作用一样，以下是then的写法和catch的写法。回调函数的参数是上一个promise的返回值。Promise的方法：then和catch。2.catch的介绍。
2024-01-13 15:47:47
1199
1
原创 Promise基础详细介绍(一)，resolve，reject
注意：**这样写能捕捉到错误，**但是不是改变Promise的状态，此时Promise的函数体已经运行结束，所以这个错误实在Promise函数体体外抛出的。有3种状态，Pending（进行中）,Resolved（已完成，又称Fulfilled）,Rejected（已失败）如果Promise状态已经变成Resolved，再抛出错误是无效的。说明：下一篇介绍then，catch, Promise.all。就是一个对象，用来传递异步操作的消息。以上代码，用es6的箭头函数再写一次。Promise的含义。
2024-01-13 15:06:54
1816
原创 javascript,setTimeout定时器的精度可能不高，javascript引擎不是你想的那样
并没有把你的回调函数挂在事件循环队列中。当定时器到时后，环境会把你的回调函数放在事件循环中，这样，在未来某个时刻的tick会摘下并执行这个回调。比如你的setTimeout，是1000毫秒后执行，也就是1秒，但是现在队列里面有有20个项目了， setTimeout函数一秒已经到了，但是得排在20个项目后面再执行，为了理解如果20项目要执行要2分钟，那setTimeout函数就是2分钟1秒执行。以下伪代码了解一下概念，(摘自《你不知道的javascript》中)，根据我的理解，再加了一些说明。
2024-01-12 16:10:53
586
原创 第二篇ts，es6箭头函数结合typescript,和for...of
在单页运用的项目，箭头函数是最常用的，也是简洁的。箭头函数结合typescript，和变量解构结合使用。
2024-01-12 15:24:17
549
原创 第一篇，es6中你常常犯错的地方，let,const,变量的解构赋值,对象解构
var声明的，在全局范围内都有效，是全局对象的属性，全局对象是window。let声明的，a.有块级作用域，b.不允许在相同作用域内重复声明同一个变量。1.默认值，生效条件是，对象的属性，或者变量的值严格等于undefined。4.函数参数的解构也用默认值，以下2种请注意区分。注意: p是模式，不是变量，因此不会赋值。运用在for循环中，避免造成全局变量。const声明常量，不可改变，不可重复。嵌套对象，父属性不存在，那将会报错。第一种：为变量x,y指定默认值。第二种为参数指定默认值。
2024-01-11 11:18:02
809
2
原创 protable表格嵌套，editableProtable单双行样式，数据格式详情
【代码】protable表格嵌套，editableProtable单双行样式，数据格式详情。
2024-01-10 14:36:36
869
1
原创 EditableProTable高级使用，自定义表单，对接接口
解决方案: 请求接口的时候做了延时请求，请求成功后，改变表单数据。数量单元格，可以点击按钮增/减。同时输入框可以输入，最后请求接口。关于timeOutID 变量。
2024-01-10 11:52:49
818
2
原创 ant desigin的Upload的customRequest自定义自己的上传
【代码】ant desigin的Upload的customRequest自定义自己的上传。
2023-12-25 08:52:30
1283
原创 javascript之旅,解读es6语法
1.使用?. （ES2020)条件式访问属性例如 book.contents?.ch01?.sect1 => undefined: book.contents没有ch01这个属性2.解读一个面向对象class Point { constructor(x,y) { //构造函数，用于初始化新实例， this.x = x; // 默认创建 2个对象属性，x,y this.y = y; } distance() { return Math.sqrt(th
2021-11-26 11:00:00
603
原创 只是总结，reduce的运用
1.数据是数组变成对象形式const extMenus = [ { id:'worker_aduit', name:'工作人员审核', hidden: true }, { id:'worker_order', name:'工单查询', hidden: false }]let res = extMenus.reduce((obj, cur, index) => { obj[`${cur["id"]}-${
2021-04-29 16:29:32
112
原创 你平常看到的递归例子，改成用循环来写是什么样子
你平常看到的递归例子function fact(num) { if (num <= 1) { return 1; } else { return num * fact(num - 1); }}循环function fact(num) { let intermediateResult = 1; for(let factor = 2;factor <= num;factor++){
2021-03-18 14:16:41
95
原创 js递归运用
1.递归的概念在程序中函数直接或间接调用自己注意：使用递归函数一定要注意，一定要有个条件让他停止，不然就会进入死循环。2.例子原数据是数组，数组里面是不断嵌套的对象，关键在于你不知道对象嵌套几层，如果原数据的字段name,age,list,都需要改成对应的label,value,children以下贴代码 const options = [ { age: '12', name: 'Zhejiang', list: [ { a
2021-03-04 16:35:36
399
1
空空如也
微信公众号，大家都用什么技术开发
2021-02-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人