我该说什么的个人主页 - 动态

2年前

13.# 从日期中获取是一年中的哪一天
const dayOfYear = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / (1000 * 60 * 60 * 24))
dayOfYear(new Date()) // 74

#每天一个知识点#

展开

技术交流圈

赞过

2

3

2年前

12.# 计算两个日期之间天数
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

#每天一个知识点#

展开

技术交流圈

2年前

暂停一会
const pause = (millis) => new Promise(resolve => setTimeout(resolve, millis))
const fn = async () => {
await pause(1000)
console.log('fatfish') // 1s later
}
fn()

#每天一个知识点#

展开

技术交流圈

2年前

检测黑暗模式
const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches

#每天一个知识点#

展开

技术交流圈

2年前

将RGB颜色转换为十六进制颜色值
const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)
rgbToHex(255, 255, 255) // '#ffffff

#每天一个知识点#

展开

技术交流圈

2年前

将数字截断到固定的小数点
const round = (n, d) => Number(Math.round(n + "e" + d) + "e-" + d)
round(1.005, 2) //1.01
round(1.555, 2) //1.56

#每天一个知识点#

展开

技术交流圈

2年前

#每天一个知识点#
计算平均值
const average = (...args) => args.reduce((a, b) => a + b) / args.length;
average(1, 2, 3, 4, 5); // 3

展开

技术交流圈

2年前

#每天一个知识点#
交换两个变量的值

[foo, bar] = [bar, foo]

技术交流圈

赞过

1

2年前

#每天一个知识点#

移除数组中的假值

const removeFalsy = (arr) => arr.filter(Boolean)
removeFalsy([0, 'a string', '', NaN, true, 5, undefined, 'another string', false])
// ['a string', true, 5, 'another string']

展开

前端开发圈

2年前

#每天一个知识点#
提高工作效率的JavaScript单行代码
铺平一个数组

const flat = (arr) =>
[].concat.apply(
[],
arr.map((a) => (Array.isArray(a) ? flat(a) : a))
)
// Or
const flat = (arr) => arr.reduce((a, b) => (Array.isArray(b) ? [...a, ...flat(b)] : [...a, b]), [])
flat(['cat', ['lion', 'tiger']]) // ['cat', 'lion', 'tiger']

展开

技术交流圈

赞过

1

2年前

#每天一个知识点#

4.# 将字符串转换为小驼峰
const toCamelCase = (str) => str.trim().replace(/[-_\s]+(.)?/g, (_, c) => (c ? c.toUpperCase() : ''));
toCamelCase('background-color'); // backgroundColor
toCamelCase('-webkit-scrollbar-thumb'); // WebkitScrollbarThumb
toCamelCase('_hello_world'); // HelloWorld
toCamelCase('hello_world'); // helloWorld

展开

技术交流圈

2年前

#每天一个知识点#

转义HTML特殊字符
解决XSS方法之一就是转义HTML。

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[m]))
escape('<div class="medium">Hi Medium.</div>')
// <div class="medium">Hi Medium.</div&gt

展开

技术交流圈

2年前

#每天一个知识点#
提高工作效率的JavaScript单行代码

1. 生成随机字符串
当需要一个唯一id时，通过Math.random创建一个随机字符串简直不要方便。

const randomString = () => Math.random().toString(36).slice(2)
randomString() // gi1qtdego0b
randomString() // f3qixv40mot
randomString() // eeelv1pm3ja

展开

技术交流圈

1

2年前

#每天一个知识点# 删除数组中的重复值

得益于ES6，使用Set数据类型来对数组去重太方便了。

const removeDuplicates = (arr) => [...new Set(arr)]
console.log(removeDuplicates([1, 2, 2, 3, 3, 4, 4, 5, 5, 6]))
// [1, 2, 3, 4, 5, 6]

展开

前端开发圈

等人赞过

3

8

赞了这篇沸点

@掘金

·

2年前

🌞 热情夏日，沸点知识分享官来袭！邀请各路知识大咖，分享你们的专业知识、职业成长等。在这里，你将成为知识的传播者，分享你的智慧，汇聚你的能量。让我们一起点燃夏日的热情，分享知识的火花，探索未知的领域！
【活动时间】6月12日-7月18日
【参与圈子】技术交流圈、前端开发圈、服务端与架构、客户端开发
【参考话题】 #每天一个知识点#
【活动规则】具体见活动文章

juejin.cn
【参与奖励】具体见图1
【活动说明】
① 活动最后会审核，如果和该圈子无关的内容，可能会直接被移除圈子，以活动结束后公布的名单为准；
② 作弊用户：开小号薅羊毛、刷量、凑字数、发布无意义内容等用户会被剔除活动资格；
③ 至少需要满足沸点审核通过，若不通过则该条沸点不算，卡点的建议多发几条保险哦；
④ 若名单公布前删除沸点，则该条沸点不会计入；
⑤ 本次活动的奖品可叠加，即每闯过一关会多得一份奖品，具体奖品见表单；
⑥ 同一条沸点不能同时参与沸点的多个活动；
⑦ 不强制要求发到话题内，但必须在活动圈子内发布；
⑧ 面试薪资、态度、行测题等与技术不是直接相关的问题不计入哦，程序员职业发展的分享和问题可以算。
【名单公布及后续安排】
预计在活动结束7个工作日内公布活动名单，并在5日内收集领奖信息，信息收集结束后的7个工作日内发奖。如果库存不够或者有特殊情况将会通过系统消息通知大家，请多多关注我的动态哦！

展开