![](https://img-blog.csdnimg.cn/20191021222431460.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Js
Java Script
동경
这个作者很懒,什么都没留下…
展开
-
版本号比较JS
版本号比较js原创 2024-07-01 11:42:33 · 214 阅读 · 0 评论 -
fatal: unable to access ‘https://github.com/.../...git‘: Recv failure: Connection was reset
fatal: unable to access 'https://github.com/.../...git': Recv failure: Connection was reset原创 2024-05-24 16:31:07 · 250 阅读 · 0 评论 -
在 package.json 文件中,版本号前的 ^ 符号含义
在 package.json 文件中,版本号前的 ^ 符号含义原创 2024-05-21 11:32:52 · 1138 阅读 · 0 评论 -
Vue使用 AOS库 只有当页面刷新或首次加载时工作,不妨试试animate.css库
Vue使用 AOS库 只有当页面刷新或首次加载时工作,不妨试试animate.css库原创 2023-05-31 18:06:01 · 572 阅读 · 0 评论 -
Ant Design Mobile Form.Item 自定义组件,失去焦点的时候如何操作
Ant Design Mobile Form.Item 自定义组件,失去焦点的时候如何操作原创 2023-04-28 16:52:31 · 897 阅读 · 0 评论 -
第三方实现跑马灯和手写实现跑马灯
第三方实现跑马灯和手写实现跑马灯原创 2023-02-19 17:47:40 · 957 阅读 · 0 评论 -
tab点击的时候后面隐藏的标签顶出来
tab点击的时候后面隐藏的标签顶出来原创 2022-10-09 18:01:08 · 159 阅读 · 0 评论 -
类型转换,if语句里头的条件值
类型转换,if语句里头的条件值原创 2022-08-29 20:32:06 · 228 阅读 · 0 评论 -
计算两个日期相差天数
有时候我们需要计算两个日期之间的天数,一行代码就可以搞定。const diffDays = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24));diffDays(new Date("2021-11-3"), new Date("2022-2-1")) // 90原创 2022-05-03 13:06:44 · 572 阅读 · 0 评论 -
从数组中删除虚假值 filter(Boolean)
从数组中删除虚假值const removeFalsy = (arr) => arr.filter(Boolean)等价于const removeFalsy = (arr) => arr.filter(i=> Boolean(i))也就是说这样写的意思就是去除数组中为“假”的元素。0、undefined、null、NaN、‘’、false...原创 2022-05-03 12:55:35 · 625 阅读 · 0 评论 -
前端应该掌握的JS小技巧
你知道 0 ?? 1等于多少吗?1. 用??代替||,用于判断运算符左侧的值为null或undefined时,才返回右侧的值?? 运算符是ES2020 引入,也被称为 null 判断运算符( Nullish coalescing operator)它的行为类似 ||,但是更严|| 运算符是左边是空字符串或 false或 0 等值,都会返回后侧的值。而 ?? 必须运算符左侧的值为 null 或 undefined 时,才会返回右侧的值。因此0||1的结果为1,0??1的结果为02. 使用?.简化&原创 2022-03-28 22:38:00 · 427 阅读 · 0 评论 -
不可错过的JS代码优化技巧
1.带有多个条件的 if 语句把多个值放在一个数组中,然后调用数组的 includes 方法。//longhandif (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //logic}//shorthandif (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic}2.简化 if true…else对于不包含大逻辑的 if-else 条件,可以使用下面原创 2022-03-26 15:00:00 · 1441 阅读 · 0 评论 -
Antdesign 表格下面添加汇总的UI
Antdesign 表格下面添加汇总的组件首先,我是之前傻傻的用原生的div来写汇总这一部分的!然后边写边怨恨着 为什么Ant Design 为什么不提供这样的组件!结果是我太年轻了!是我没有好好看API的结果! <Table columns={fixedColumns} dataSource={fixedData} pagination={false} scroll={{ x: 2000, y: 500 }} bordered原创 2021-09-13 11:37:47 · 484 阅读 · 0 评论 -
js从一个数组中获取出现最多的
原始值:const a = [1,2,3,3,2,2,3,12,33,12,12,33]想得到的结果:出现最多的数字为 2,3,12Are u Ready? I am ready!const a = [1,2,3,3,2,2,3,12,33,12,12,33] const obj = {} // 采用键值对来存储,键表示该数字,值表示给数字出现次数 let maxNum = 0 a.forEach((item,index) => { if(a.indexOf(it原创 2021-08-29 00:34:32 · 1269 阅读 · 0 评论 -
js从一个数组中筛选出另一个数组中存在的值
原始值: let arr1 = ['a', 'b', 'c'] let arr2 = [ { str: 'a', num: 1 }, { str: 'aa', num: 2 }, { str: 'b', num: 3 }, { str: 'bb', num: 4 }, { str: 'c', num: 5 }, { str: 'cc', num: 6 }, ]想得到的结果:原创 2021-08-28 23:01:54 · 740 阅读 · 2 评论 -
js ?? 和 || 的用法
1. ??leftExpr ?? RightExpr // 左边为 null, undefined的时候执行右边2. ||leftExpress || RightExpr // 左边为false 的时候执行右边例子:function printMessage(text) { const message = text || 'Nothing to display'; console.log(message);}printMessage('Hello');printMess原创 2021-08-10 01:04:03 · 261 阅读 · 0 评论 -
优化路由switch...case
共用const service = axios.create({ baseURL: process.env.NODE_ENV === 'development' ? '' : '', timeout: 10000,});优化前代码:export function fetchList(urlKey: string) { switch (urlKey) { case 'iPhone-grade': return service({ url: '/api/原创 2021-08-05 14:17:06 · 120 阅读 · 0 评论 -
编写 if 时尽量不要带 else
1.完全不必要的 Else 块2.价值分配如果您要根据提供的某些输入为变量分配新值,请停止If-Else废话-一种更具可读性的方法。(本文翻译自Nicklas Millard的文章《Better Software Without If-Else》,参考:https://medium.com/swlh/5-ways-to-replace-if-else-statements-857c0ff19357)...原创 2021-07-14 23:49:01 · 276 阅读 · 2 评论 -
js对象 数组转换
第一个前:const arr = [{ brand: 'apple', name: 'IPHONE'},{ brand: 'samsung', name: 'GALAXY'}];后:{apple: "IPHONE", samsung: "GALAXY"}过程:arr.reduce((result, item) => { result[item.brand] = item.name; return result;}, {}).原创 2021-06-30 00:50:07 · 108 阅读 · 0 评论 -
dayjs 取本周时间段
本周: start_time: dayjs().startOf('week').add(1, 'day').format('YYYY-MM-DD'), end_time: dayjs().endOf('week').add(1, 'day').format('YYYY-MM-DD'),转载链接:dayjs原创 2021-06-28 15:06:43 · 6029 阅读 · 11 评论 -
什么是跨域?
什么是跨域?跨域的产生来源于现代浏览器所通用的‘同源策略’,所谓同源策略,是指只有在地址的:协议名https,http域名 http://a.csdn.cn http://b.csdn.cn端口 http://a.csdn.cn http://a.csdn.cn:8080"协议+域名+端口"三者相同,才允许访问相同的cookie、localStorage或是发送Ajax请求等等若在不同源的情况下访问,就称为跨域...原创 2021-06-16 22:31:50 · 84 阅读 · 0 评论 -
对象的扩展(...)
对象的扩展(…)const obj = { x: 1, y: 2 , z: 3 };const { x, ...newObj } = obj;const result={ ...newObj, newX: x};//打印结果result{y: 2, z: 3, newX: 1}这样我们就可以把 x 改成 newX 了一般在用于前端(组件)+(传参数)的时候 && 后端要的参数不一致的时候扩展注意,解构赋值的拷贝是浅拷贝,即如果一个键的值是复合类原创 2021-06-09 23:56:26 · 99 阅读 · 0 评论 -
正则 千位符
export function currencyFormat(value: string | number) { const toFixed = (+value).toFixed(2); return `$ ${toFixed}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',');}例子:原创 2021-06-07 16:52:54 · 67 阅读 · 0 评论 -
JS中的“&&”与“&”和“||”“|”有什么区别?
1、JavaScript中的位运算符:“&”运算方法:两个数值的个位分别相与,同时为1才得1,只要一个为0就为0。举个例子:31 & 2 结果为2理由:31的二进制为11111,2的二进制为10 11111&00010的结果为00010,即2控制台运行结果:2、JavaScript中的位运算符:“|”运算方法:两个位只要有一个为1,那么结果都为1。否则就为0举个例子:31|2 结果为31 31的二进制为11111,2的二进制为10 11111|00010的原创 2021-05-31 22:20:28 · 200 阅读 · 1 评论 -
js padStart() padEnd()
MDN padStart用法:padStart(targetLength)padStart(targetLength, padString)例子:'abc'.padStart(10); // " abc"'abc'.padStart(10, "foo"); // "foofoofabc"'abc'.padStart(6,"123465"); // "123abc"'abc'.padStart(8, "0"); // "00000abc"'abc'.p原创 2021-05-18 23:56:13 · 102 阅读 · 0 评论 -
JavaScript 数字后面添加尾数000的方法
JavaScript toFixed() 方法var number=99number.toFixed(3)原创 2021-04-10 13:48:48 · 451 阅读 · 2 评论 -
JavaScript的变量
变量提升JavaScript 在预编译期会先预处理声明的变量,但是变量的赋值操作发生在 JavaScript 执行期,而不是预编译期document.write(a); //显示undefineda =1;document.write(a); //显示 1var a;在上面示例中,声明变量放在最后,赋值操作放在前面。由于 JavaScript 在预编译期已经对变量声明语句进行了预解析,所以第一行代码读取变量值时不会抛出异常,而是返回未初始化的值 undefined。第三行代码是在赋值操作之原创 2021-04-10 11:56:44 · 55 阅读 · 0 评论 -
window. location 获取url各项参数详解
获取url各项参数详解原创 2020-01-06 23:51:50 · 2396 阅读 · 0 评论 -
JavaScript中getElementById 和querySelector的区别
JavaScript中getElementById 和querySelector的区别原创 2019-09-23 23:31:00 · 800 阅读 · 0 评论