| // generateRoutes.js | |
| const fs = require('fs'); | |
| const path = require('path'); | |
| // the app folder path | |
| const appDir = path.join(__dirname, 'src/app'); | |
| // the output path | |
| const routeFile = path.join(__dirname, 'src/routes.ts'); | |
| function toCamelCase(str) { |
| // notepad $profile | |
| function cm { git commit @args } | |
| function ad { git add @args } | |
| function st { git status } | |
| function pl { git pull } | |
| function pu { git push } | |
| function lg { git log --oneline --graph --all } | |
| function co { git checkout @args } | |
| function br { git branch } |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| import { defineConfig, loadEnv } from '@rsbuild/core'; | |
| // import { pluginEslint } from '@rsbuild/plugin-eslint'; | |
| import { pluginReact } from '@rsbuild/plugin-react'; | |
| import { pluginSass } from '@rsbuild/plugin-sass'; | |
| import { pluginSvgr } from '@rsbuild/plugin-svgr'; | |
| import { pluginTypeCheck } from '@rsbuild/plugin-type-check'; | |
| const { publicVars, rawPublicVars } = loadEnv({ prefixes: ['REACT_APP_'] }); | |
| export default defineConfig({ |
Install
npm i -D @mocks-server/main
Add script
"scripts": {
"mocks": "mocks-server",
},
| // https://jsfiddle.net/tzi/qtqnqomL/ | |
| function isEllipsisActive(element) { | |
| return element.offsetWidth < element.scrollWidth; | |
| } | |
| Array.from(document.querySelectorAll('.ellipsis')) | |
| .forEach(element => { | |
| if (isEllipsisActive(element)) { | |
| element.title = element.innerText; |
| // Import the variables file to access the breakpoints and other variables | |
| @import './variables'; | |
| /* Base container styles */ | |
| .root { | |
| width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding-left: $container-padding-x; | |
| padding-right: $container-padding-x; |
| import matplotlib.pyplot as plt | |
| lai_suat_theo_ky_han = [ | |
| { | |
| "ky_han": 1, | |
| "lai_suat": 0.037 | |
| }, | |
| { | |
| "ky_han": 2, | |
| "lai_suat": 0.038 |
| // ==UserScript== | |
| // @name remove Hola VPN overlay | |
| // @namespace http://tampermonkey.net/ | |
| // @version 2024-06-05 | |
| // @description try to take over the world! | |
| // @author You | |
| // @match https://*.medium.com/* | |
| // @match *://*/* | |
| // @icon https://www.google.com/s2/favicons?sz=64&domain=medium.com | |
| // @grant none |