blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

perf: use inline style instead of getComputedStyle (#6550)

Browse Source
This commit is contained in:
neverland 2020-06-16 22:59:07 +08:00 committed by GitHub
parent 35a4b95ef2
commit fd388d0475
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/utils/format/unit.ts
View File

@ -10,13 +10,24 @@ export function addUnit(value?: string | number): string | undefined {
return isNumeric(value) ? `${value}px` : value; return isNumeric(value) ? `${value}px` : value;
} }
// cache
let rootFontSize: number;
function getRootFontSize() {
if (!rootFontSize) {
const doc = document.documentElement;
const fontSize =
doc.style.fontSize || window.getComputedStyle(doc).fontSize;
rootFontSize = parseFloat(fontSize);
}
return rootFontSize;
}
function convertRem(value: string) { function convertRem(value: string) {
const rootStyle = window.getComputedStyle(document.documentElement);
const rootFontSize = parseFloat(rootStyle.fontSize);
value = value.replace(/rem/g, ''); value = value.replace(/rem/g, '');
return +value * getRootFontSize();
return +value * rootFontSize;
} }
export function unitToPx(value: string | number): number { export function unitToPx(value: string | number): number {