Monogogo (Page 3)

小程序

微信小程序性能指标

WEB 性能指标 Google PSI 通过 “首次显示内容所需时间（FCP）”，“首次输入延迟（FID）”，“最大内容渲染：显示最大内容元素所需时间（LCP）”和 “累计布局偏移：反应网站的视觉稳定度 ”（CLS）度量标准数据衡量移动和台式设备上页面的性能。微信官方性能指标 1. 首屏时间: 不超过 5 秒 2. 渲染时间: 不超过 500ms 3. 脚本执行时间: 一个执行周期内脚本运行时间不超过 1 秒 4. setData调用频率: 每秒调用setData的次数不超过 20 次 5. setData数据大小: 数据在JSON.stringify后不超过 256KB 6. WXML节点数: 少于 1000 个，节点树深度少于 30 层，

Nginx

使用 Nginx 作为反向代理并开启缓存提高网站性能

# 设置代理缓存路径位置，最大大小为1g proxy_cache_path /etc/blog_cache levels=1:2 keys_zone=blogcache:100m inactive=24h max_size=1g; server { listen 443 server_name blog.monogogo.cn; location / { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_

git

Git 命令缩写配置

git config git config --global alias.st status git config --global alias.sh stash git config --global alias.co checkout git config --global alias.ad add git config --global alias.ci commit git config --global alias.br branch git config --global alias.pr pull --rebase git config --global alias.ps

小程序

cover-view

小程序 cover-view 不支持 box-shadow

typescript

typescript 3.7 optional chaining Expression expected.ts(1109)

optional chaining Expression expected.ts(1109) 解决方案 1、修改 TS 版本到 3.7 以上 { "typescript.tsdk": "node_modules/typescript/lib" } 2、修改编辑器 TS 版本

Raspberry Pi 4 Raspbian 搭建 OMV 5

下载镜像 https://www.raspberrypi.org/downloads/raspbian 开启 root 更改密码 passwd root 开启 SSH root@raspberrypi:/etc/ssh# vi sshd_config PermitRootLogin yes PasswordAuthentication yes 切换键盘布局 root@raspberrypi: raspi-config * 选择键盘模型（Keyboard model） Generic 104-key PC * 选择键盘布局（Keyboard layout）选择 Other - English (US) 安装脚本 export LANG=C.UTF-8 export DEBIAN_

git

Terminal 终端配置代理

终端配置代理访问外部网络设置 # 设置 git config --global http.proxy http://127.0.0.1:1087 git config --global https.proxy https://127.0.0.1:1087 git config --global http.proxy 'socks5://127.0.0.1:1086' git config --global https.proxy 'socks5://127.0.0.1:1086&

typescript

Typescript 常见问题

skipLibCheck 跳过所有声明文件的类型检查（*.d.ts）相信你曾经一定遇到过这种问题而抓狂现在你只要在 tsConfig.json 里配置 skikLibCheck: true 就可以完美解决类型无效 tsconfig 包含 *.d.ts 文件，并且在使用编译器时将 *.d.ts 一并加入编译是不是有遇到明明在 *.d.ts 文件声明了类型，但是依然提示类型未定义？只需要将 *.d.ts 文件一并加入编译即可

工具

使用 Nexus 搭建私有仓库

Nexus3 安装 * Dockerfile From sonatype/nexus3 * docker-composer.yml version: "3.7" services: verdaccio: image: registry.cn-hangzhou.aliyuncs.com/lewis/npm-nexus restart: always environment: - NODE_ENV=production ports: - 8081:8018 volumes: - nexus-data:/nexus-data container_name: "docker-npm-nexus" volumes: nexus-data: * 启动 # 配置开机启动 docker-compose up -d 配置角色和用户

git

git commit template 配置

Template 配置模版新建模版文件 .git_commit_template OverView: BUG: Descripion: 配置: * 当前分支 git config commit.template .git_commit_template * 全局模版 git config --global commit.template git_commit_template 编辑器: * 设置 message 编辑器 git config --global core.editor vi overview type: * feat：新功能（feature） * fix：修补bug * docs：文档（documentation） * style：格式（

工具

Charles 4.2.5 License

Charles Proxy License Charles 4.2.5 注册码 (亲测可用) 1. Charles 官网下载： www.charlesproxy.com 2. 下载地址： * https://www.charlesproxy.com/assets/release/4.2.5/charles-proxy-4.2.5.dmg * https://www.charlesproxy.com/assets/release/4.2.8/charles-proxy-4.2.8.dmg 3. 激活 help -> Registered to

Javascript

WEB 优化方案

页面优化 HTML * 设置页面元信息  <meta http-equiv="expires" content="31 Dec 2008">  <meta http-equiv="Pragma" content="no-cache"> * 使用外部 css、js 根据用户使用情况而定，外部 css、js 有利于缓存（css不阻塞dom解析，阻塞浏览器渲染），如果无需重复使用或多次访问更适合

SEO

Google Analytics 排除自己的点击数据

1. 添加 filter 通过 cookie、或者 ip 限制 2. 使用插件 Google Analytics（分析）停用扩展（推荐）通知 Google Analytics（分析）JavaScript (ga.js) 不要将信息发送给 Google Analytics（分析）。(注：也可以使用 uBlock 插件拦截 ga 请求，而且对百度统计也有效) 插件地址：https://chrome.google.com/webstore/detail/google-analytics-opt-out/fllaojicojecljbmefodhfapmkghcbnh * 启用前 * 启用后

TCP/IP

HTTPS 证书加密、解密过程解析

HTTPS 加密 https 是最流行的 http 安全形势，所有主流浏览器和服务器都支持此协议。所有http请求和响应数据在发送到网络之前都需要经过安全层加密（SSL or TLS: transport layer security）图解加密过程 HTTPS 采用混合加密系统和会话密钥：使用非对称加密方式建立起安全通信，通过安全通道产生的随机对称密钥，通过更快的对称加密技术对报文进行加密。 SSL 握手 1. 交换协议版本 2. 选择加密方式 3. 身份认证 4. 生成临时会话密钥用来加密通信数字加密 1. 对称加密：AES，RC4，3DES 2. 非对称加密：RSA，DSA/DSS 3. HASH算法：MD5，SHA1，SHA256 获取证书 1. 自己生成（会有警告提示）

Docker

Docker Portainer 管理工具

使用Portainer Server 和 the Portainer Agent 管理 LINUX Swarm 集群部署Portainer和Portainer Agent以管理Swarm集群非常简单！您可以直接将Portainer部署为Docker群集中的服务。请注意，此方法将自动部署Portainer Server的单个实例，并将Portainer代理部署为群集中每个节点上的全局服务。 1. portainer-agent-stack.yml curl -L https://downloads.portainer.io/portainer-agent-stack.yml -o portainer-agent-stack.yml version: '3.2' services: agent: image: portainer/agent environment: # REQUIRED: Should be equal to the service name