代码开发经验记录

其他内容

php 启动内置 web 服务 php -S 0.0.0.0:8000

npm 换源 npmmirror npm config set registry https://registry.npmmirror.com

pip 换源清华 pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple

go get 换源阿里 go env -w GOPROXY=https://mirrors.aliyun.com/goproxy/,direct

go 好用的工具

go install mvdan.cc/gofumpt@latest # 代码格式化
gofumpt -l -w .

go install golang.org/x/tools/cmd/deadcode@latest # 检查从未使用的代码
deadcode .

c 静态编译，使用 musl libc

去除静态文件的无用符号信息 strip file

upx 工具，压缩二进制文件体积 upx --ultra-brute file

css

{
    overflow: hidden; /* 隐藏溢出部分 */
    min-height: 100vh; /* 最小高度为整个屏幕 */
    display: inline-block; /* 同一行显示的块级元素 */
    border: 3px solid #aa8; /* 边框 */
    border-radius: 10px; /* 圆角 */
    box-shadow: 0px 0px 25px #c77; /* 阴影 */
    padding: 30px; /* 内边距 */
    margin: 50px auto; /* 外边距 */
    cursor: pointer; /* 改变鼠标样式 */
    user-select: none; /* 禁止选中文字 */
}

/* 定义深色模式情境下的元素样式 */
@media(prefers-color-scheme: dark) {}

/* 将内部元素均匀排列为一行 */
div {
    display: flex;
    justify-content: space-between; /* 首尾顶格 */
}

/* 消除页面白边 */
body { margin: 0; }

/* 粘性显示的页脚 */
footer {
    position: sticky;
    top: 100vh;
    width: 100%;
}

/* 固定显示的页眉 */
header {
    position: fixed;
    top: 0px;
    width: 100%;
}

/* 大背景框 */
div {
    position: absolute;
    top: 15px; bottom: 15px; left: 15px; right: 15px;
}

html

<!-- 阻止浏览器请求 favicon.ico -->
<link rel="icon" href="data:image/ico;base64,aWNv">

<!-- 全角空格 -->
&emsp;

<!-- 折叠内容 -->
<details><summary>more</summary>
<p>hello</p>
</details>

<!-- 指定字符编码 -->
<meta charset="utf-8">

<!-- 适配手机 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- 自动跳转其他网站 -->
<meta http-equiv="refresh" content="0; URL='https://example.com'">

js

// 等待页面加载完成
document.addEventListener("DOMContentLoaded", (event) => {}