Skip to content

Instantly share code, notes, and snippets.

View CongAn's full-sized avatar

王从安 CongAn

2 followers · 1 following
View GitHub Profile
@CongAn
CongAn / 获得一年的第几周（跨年的周为第一周）.js
Created May 20, 2022 03:16
const date = moment()
const firstDayOfYear = moment(date.format('YYYY-01-01'))
// 获得第多少周（跨年周算第一周）
const weeks = (
// 获得第多少天
date.diff(firstDayOfYear, 'days') -
// 减去第一周天数
(7 - firstDayOfYear.weekday()) -
// 减去该时间当前周的天数
date.weekday()
@CongAn
CongAn / 设置div水平垂直位置.css
Created April 27, 2022 10:17
CSS 弹性盒子布局：https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout 设置垂直位置：https://developer.mozilla.org/zh-CN/docs/Web/CSS/align-items 设置水平位置：https://developer.mozilla.org/zh-CN/docs/Web/CSS/justify-content
/**
* 垂直水平居中
* 可增加 flex-direction: column; 让div保持块级元素
*/
div {
display: flex;
justify-content: center;
align-items: center;
}
@CongAn
CongAn / 使SVG纯白色.css
Created April 27, 2022 10:01
来源：https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter
img {
filter: brightness(0) invert(1);
}
@CongAn
CongAn / 补间动画.js
Created April 27, 2022 09:58
来源：https://github.com/tweenjs/tween.js
function animate () {
if (TWEEN.update()) {
requestAnimationFrame(animate)
}
}
new TWEEN.Tween(this.tweenedColor)
.to(this.color, 750)
.start()
@CongAn
CongAn / 动态加载JS脚本（Promise）.js
Last active April 27, 2022 09:57
来源：https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
function loadScript (FILE_URL, async = true, type = 'text/javascript') {
return new Promise((resolve, reject) => {
try {
const scriptEle = document.createElement('script')
scriptEle.type = type
scriptEle.async = async
scriptEle.src = FILE_URL
scriptEle.addEventListener('load', (ev) => {
resolve()