生成证书 Certbot Let's Encrypt 证书自动续期 安装七牛sdk pip install qiniu 创建 certbot-qiniucdn.py # -*- coding: utf-8 -*- from qiniu import Auth import os import sys import requests import datetime # 多域名配置 domains = [ {'cert_domain': 'a.example.com', 'cert_domain_local': 'example.
flutter
Flutter 是一个由 Google 开发的开源移动应用开发框架。它允许开发者使用一套代码同时构建 iOS 和 Android 应用，并且提供了丰富的 UI 组件和高效的开发工具，使得开发者能够快速构建出高性能的跨平台应用。 一、Flutter 的实现原理 Flutter 的核心在于其自带的高性能渲染引擎 Skia。不同于其他框架依赖于原生的 UI 组件，Flutter 直接通过 Skia 渲染引擎将所有组件绘制到屏幕上。这种方式保证了跨平台应用在 iOS 和 Android 上的表现完全一致。 1.1 结构概览 Flutter 的架构分为三层： 1. Framework（框架层）: 这部分主要由 Dart 编写，提供了 Flutter 的各种 UI 组件（Widget）、手势检测、渲染层以及动画等。
国内DNS 360DNS：https://doh.360.cn/dns-query 腾讯DNS：https://doh.pub/dns - query 腾讯DNS（国密）：https://sm2.doh.pub/dns-query 阿里DNS：https://dns.alidns.com/dns-query oneDNS：https://doh-pure.onedns.net/dns-query 国外DNS 有过滤能力 adguard dns： https://94.140.15.15/dns-query Quad9 DNS：https://dns.quad9.net/dns-query
页面优化 HTML * 设置页面元信息 <!-- 可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。--> <meta http-equiv="expires" content="31 Dec 2008"> <!-- 禁止浏览器从本地计算机的缓存中访问页面内容。--> <meta http-equiv="Pragma" content="no-cache"> * 使用外部 css、js 根据用户使用情况而定，外部 css、js 有利于缓存（css不阻塞dom解析，阻塞浏览器渲染），如果无需重复使用或多次访问更适合
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 * 启用前 * 启用后
假装有思想的庸碌之人~
安装 Certbot yum install epel-release -y yum install certbot -y certbot certonly //生成证书 certbot renew //续期 certbot certificates //查看证书 域名验证插件 https://github.com/ywdblog/certbot-letencrypt-wildcardcertificates-alydns-au 下载 $ git clone https://github.com/ywdblog/certbot-letencrypt-wildcardcertificates-alydns-au $ cd certbot-letencrypt-wildcardcertificates-alydns-au $ chmod 0777 au.sh 配置 DNS API 密钥： 这个 API 密钥什么意思呢？由于需要通过 API 操作阿里云 DNS,
下载 地址：https://developer.apple.com/download/all/ 终端运行 sudo xcode-select -s /Applications/Xcode.app xcodebuild -runFirstLaunch xcrun simctl runtime add "/Users/用户/Downloads/iOS_17.5_Simulator_Runtime.dmg"
方舟开发框架针对不同目的和技术背景的开发者提供了两种开发范式，分别是基于ArkTS的声明式开发范式（简称“声明式开发范式”）和兼容JS的类Web开发范式（简称“类Web开发范式”） * 声明式开发范式: ArkTS (复杂度较大、团队合作度较高的程序) * 类Web开发范式: javascript (界面较为简单的程序应用和卡片) 工具准备 安装最新版DevEco Studio 目录结构 Stage模型应用程序包结构 . ├── AppScope │ ├── app.json5 // 用于声明Module基本信息、支持的设备类型、所含的组件信息、运行所需申请的权限等。 │ └── resources // 用于存放应用需要用到的资源文件。 │ └── base ├── build-profile.json5 ├── module_xxx │ ├── BuildProfile.ets // 工程级或Module级的构建配置文件，包括应用签名、产品配置等。 │ ├── build │ │ └── default │ │
浏览器指纹是一种识别和跟踪用户的技术，通过收集用户浏览器和设备的各种特征来创建一个独特的标识符。以下是实现浏览器指纹的一些常见方法： 1. 用户代理字符串（User Agent String） 用户代理字符串包含浏览器名称、版本、操作系统类型和版本等信息。虽然这一信息比较容易伪造，但结合其他特征可以增加指纹的唯一性。 2. 浏览器插件和扩展（Browser Plugins and Extensions） 不同用户安装的插件和扩展通常不同。通过检测浏览器中安装的插件列表，可以增加指纹的唯一性。 3. 屏幕分辨率和颜色深度（Screen Resolution and Color Depth） 屏幕分辨率和颜色深度是与用户设备硬件相关的参数，这些参数在不同设备上通常不同。 4. HTTP 标头（HTTP Headers）
在 React 中，高阶组件的替代方式是 render prop 组件。也可以使用 render prop 组件来进行声明式的数据获取。 class Fetcher extends React.Component { constructor(props) { super(props); this.state = { data: null, isLoading: false, error: null, }; } componentDidMount() { this.setState({ isLoading: true }); axios.get(this.props.url) .then(result => this.setState({ data: result.data, isLoading: false })) .catch(error
介绍 View Transitions API 提供了一种机制，可在不同 DOM 状态之间轻松创建动画转换，同时只需一步即可更新 DOM 内容。 视图转换过程 1.调用 document.startViewTransition() 时，API 会截取当前页面的屏幕截图。 2.接下来，将调用传递给 startViewTransition() 的回调，在本例中为displayNewImage，这会导致 DOM 发生变化。回调成功运行后，ViewTransition.updateCallbackDone 承诺就会实现，从而可以对 DOM 更新做出响应。 3.应用程序接口将页面的新状态捕捉为实时表示。 4.应用程序接口会构建一个具有以下结构的伪元素树： ::view-transition └─ ::view-transition-group(root) └─ ::view-transition-image-pair(root) ├─ ::view-transition-old(root) └─ ::view-transition-new(r
简单枚举 enum Color { red, green, blue } 增强枚举 增强枚举（Enhanced Enums）是Dart语言在2.15版本中引入的一项新特性。这个特性扩展了枚举（Enum）的能力，使其不仅能表示一组命名常量，而且还能包含方法、属性和构造函数。 额外要求： * 实例变量必须是最终变量，包括由混合变量添加的变量。 * 所有生成构造函数都必须是常量。 * 工厂构造函数只能返回一个固定的已知枚举实例。 * 由于 Enum 是自动扩展的，因此不能扩展其他类。 * 不能重载索引、哈希代码和相等运算符 ==。 * 不能在枚举中声明名为 values 的成员，因为它会与自动生成的静态值获取器冲突。 * 必须在声明的开头声明枚举的所有实例，而且必须至少声明一个实例。 在增强枚举中，你可以： * 为每个枚举值定义关联的属性和方法。 * 创建构造函数来初始化这些属性。 * 使用工厂构造函数来控制枚举实例的创建。 * 实现接口，并应用混入（Mixins） 示例1：带属性的枚举 要使用增强枚举Season
基本类型 Numbers (int, double) * int 整数值不大于 64 位，值的范围可以是 -2^63到 2^63 - 1，具体取决于平台 var x = 1; var hex = 0xDEADBEEF; * double 64 位（双精度）浮点数 # 可以将变量声明为 num。如果这样做，变量可以同时具有整数和双精度值。 num x = 1; // x can have both int and double values x += 2.5; # 必要时，整数字面量会自动转换为双精度数： double z = 1;
1、在虚拟机扩展 ncdata 所在“硬盘2”分区大小（例如从40Gb到500Gb） 2、查看 zpool zpool list NAME SIZE ALLOC FREE CKPOINT EXPANDSZ FRAG CAP DEDUP HEALTH ALTROOT ncdata 40G 825M 39G - - 0% 0% 1.00x ONLINE - 3、创建或设置 zpool 并启用自动扩展（默认为关闭） zpool set autoexpand=on ncdata 4、查看所在 device name fdisk
当我们调整虚拟机的虚拟硬盘大小或将磁盘映像恢复到更大的磁盘时，Ubuntu检测到的分区的可用空间不会增加，因为分区表没有改变。过去，我们可以借助 .ext4 轻松调整 ext4 根分区的大小resize2fs。然而，当 Ubuntu 使用 LVM 分区作为默认根分区时，事情会变得复杂。 LVM 介绍 逻辑卷管理器（LVM）类似于Windows下的动态磁盘，它可以将不同硬盘上的几个GPT/MBR分区作为一个存储池（LVM称之为Volume Groups，VG），并从这个池中分配空间，然后Linux将将每个空间（LVM 称为逻辑卷，LV）识别为可用分区。 PV、VG、LV 介绍 * PV（Phsical Volume，物理卷），PV是VG的组成部分，由分区构成，多块盘的时候，可以把一块盘格式化成一个主分区，然后用这个分区做成一个PV，只有一块盘的时候，可以这块盘的某一个分区做成一个PV，实际上一个PV就一个分区。 * VG（Volume
# 当前版本库 git config core.fileMode false # 所有版本库 git config --global core.fileMode false 设置全局可能会报错 warning: core.filemode has multiple values error: cannot overwrite multiple values with a single value Use a regexp, --add or --replace-all to change core.fileMode. 添加 --add 解决 git config --global --add core.fileMode false 查看是否成功
https://uxplanet.org/16-ui-design-tips-ba2e7524d203
