Yan Li yanli0303

HTTP cache headers

Immutable Files: Cache-Control: max-age=31536000
Mutable Files: Cache-Control: no-cache; etag; Last-Modified;
Never cache: Cache-Control: no-store;

Compress and decompress files with xz

# compress a directory
XZ_OPT='-9' tar -chvJf output-file.tar.xz -C /your/dir .

# The output archive of the above command doesn't contain the root directory.
# To compress a directory with its name in the output archive, use below command:

Set up Jenkins server with Docker

Refer to https://www.jenkins.io/doc/book/installing/docker/

Step 1 Allow docker jobs in Jenkins

docker run \
  --name docker-in-jenkins \
  --rm \

https://www.7-zip.org/
https://git-scm.com/
https://www.google.com/chrome/
Explorer alternative: https://files.community/

http://git-scm.com/download/win
https://scoop.sh/
- iwr -useb get.scoop.sh | iex
scoop install nodejs-lts
scoop install yarn
scoop bucket add java, scoop install openjdk
scoop install 7zip
https://github.com/nodejs/node-gyp
npm install --global windows-build-tools

https://stackoverflow.com/questions/12194113/how-to-get-range-of-selected-text-of-textarea-in-javascript https://stackoverflow.com/questions/8332390/how-to-receive-coordinates-of-selected-text-in-input-textarea-elements https://stackoverflow.com/questions/6930578/get-cursor-or-text-position-in-pixels-for-input-element/7948715#7948715

http://blog.wilsonpage.co.uk/introducing-layout-boundaries/

https://github.com/wilsonpage/fastdom https://gist.github.com/paulirish/5d52fb081b3570c81e3a

Tomcat CORS

https://www2.microstrategy.com/producthelp/Current/Office/en-us/Content/enable_cors_settings.htm

In conf/web.xml

<filter>
   <filter-name>CorsFilter</filter-name>
   <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>

	@media (prefers-color-scheme: dark) {
	pre.src > *,
	pre.example > * {
	filter: invert(20%) brightness(200%);
	}
	}

	html:has(meta[name="color-scheme"][content="dark"]) pre.src > *,
	html:has(meta[name="color-scheme"][content="dark"]) pre.example > * {
	filter: invert(20%) brightness(200%);

	<!DOCTYPE html>
	<html>
	<head>
	<title>HTML popover property</title>
	</head>
	<body>

	<button id="button" popovertarget="select">请选择</button>
	<menu id="select" popover>
	<div><input type="radio" name="type" value="">请选择</div>