王从安 CongAn
CongAn
/ 获得一年的第几周（跨年的周为第一周）.js
Created
May 20, 2022 03:16
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const date = moment() | |
| const firstDayOfYear = moment(date.format('YYYY-01-01')) | |
| // 获得第多少周（跨年周算第一周） | |
| const weeks = ( | |
| // 获得第多少天 | |
| date.diff(firstDayOfYear, 'days') - | |
| // 减去第一周天数 | |
| (7 - firstDayOfYear.weekday()) - | |
| // 减去该时间当前周的天数 | |
| date.weekday() |
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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * 垂直水平居中 | |
| * 可增加 flex-direction: column; 让div保持块级元素 | |
| */ | |
| div { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } |
CongAn
/ 使SVG纯白色.css
Created
April 27, 2022 10:01
来源：https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| img { | |
| filter: brightness(0) invert(1); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function animate () { | |
| if (TWEEN.update()) { | |
| requestAnimationFrame(animate) | |
| } | |
| } | |
| new TWEEN.Tween(this.tweenedColor) | |
| .to(this.color, 750) | |
| .start() |
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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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() |