MockJs基本语法
mockjs基本语法属性值是字符串-String
'name|count': string 重复次数count
'name|min-max': string 重复次数随机（大于等于min，小于等于max）
12'str|7': '以使其更易于阅读 7次。','str1|1-6': '以使其更易于阅读 1-6随机次。',
属性值是数字-Number
'name|+1': number 属性值自动+1，初始值为number
'name|min-max': number 生成一个大于等于min、小于等于max的整数，属性值number只是用来确定类型
'name|min-max.dmin-dmax': number 生成一个浮点数，整数部分大于等于min，小于等于max;小数部分保留dmin到dmax位
'name|count.dmin-dmax': number count 默认整数
'name| ...
天气插件使用
高德天气APIhttps://lbs.amap.com/api/webservice/guide/api/weatherinfo
注册高德地图账号
进入控制台
创建应用（web服务）
添加key
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160<!DOCTYPE html><htm ...
test2
3333
test1
sfsdf
文字适配背景
重要属性 mix-blend-mode参见 https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
mix-blend-mode 是CSS属性之一，用于控制元素的内容应如何与其背景以及后面的元素的内容混合。它是创建网页设计视觉效果的强大工具，被大多数现代Web浏览器支持。
mix-blend-mode 属性接受一个值，该值指定元素的内容应如何与背景混合。可能的值是与不同混合模式对应的关键字。一些最常用的混合模式包括：
normal: 默认值，元素的内容将在背景上方绘制，不进行任何混合。
multiply: 元素内容的颜色与背景颜色相乘。
screen: 元素内容的颜色被反转，然后进行乘法，最后再次反转，然后与背景混合。
overlay: 元素的内容与背景以一种强调两者对比的方式混合。
color-dodge: 元素内容的颜色变亮，然后与背景混合。
color-burn: 元素内容的颜色变暗，然后与背景混合。
hard-light: 元素内容以一种强调背景高光和阴影的方式与背景混合。
soft-light: 元素内 ...
JS向页面添加样式表，全局覆盖样式
js 向页面添加样式表，全局覆盖样式12345678const styleEl = document.createElement('style');//document.getElementsByTagName('head')[0].appendChild(styleEl);document.head.appendChild(styleEl);let cssRules = document.styleSheets[document.styleSheets.length - 1];cssRules.insertRule('body { color: #fff !important; }');
参考： https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule
延迟加载图像-完整指南
什么是图像延迟加载？延迟加载图像是 Web 和应用程序开发中的一组技术，可将页面上的图像加载延迟到稍后的时间点 - 当实际需要这些图像时，而不是预先加载它们。这些技术有助于提高性能、更好地利用设备资源并降低相关成本。
英语中的“懒惰”一词通常被归因于尽可能长时间避免工作的行为。
同样，延迟加载将页面上的资源加载延迟到实际需要时。与通常情况下在页面加载后立即加载这些资源不同，这些资源的加载被推迟到用户实际需要查看它们的那一刻。
延迟加载技术几乎可以应用于页面上的所有资源。例如，在单页应用程序中，如果一个 JS 文件直到以后才需要，最好不要一开始就加载它。如果预先不需要图像，则在实际需要查看时稍后加载。
为什么要延迟加载图像？延迟加载延迟加载页面上不需要的图像。图像在页面加载时对用户不可见，稍后在用户滚动并且图像实际变为可见时加载。如果用户从不滚动，则不会加载用户不可见的图像。
它具有两个主要优点。
1. 性能提升
作为网站管理员，这对您来说是最重要的——更好的性能和加载时间。
通过延迟加载，您可以减少最初需要在页面上加载的图像数量。更少的资源请求意味着更少的字节下载和更少的对用户可用的有 ...
CSS父元素设置圆角,子元素遮挡解决方法
父元素设置 overflow:auto;
YAML文件是干什么的?
YAML 是 “YAML Ain’t a Markup Language”（YAML 不是一种标记语言）的递归缩写。在开发的这种语言时，YAML 的意思其实是：”Yet Another Markup Language”（仍是一种标记语言）。
YAML 的语法和其他高级语言类似，并且可以简单表达清单、散列表，标量等数据形态。它使用空白符号缩进和大量依赖外观的特色，特别适合用来表达或编辑数据结构、各种配置文件、倾印调试内容、文件大纲（例如：许多电子邮件标题格式和YAML非常接近）。
YAML 的配置文件后缀为 .yml
基本语法
大小写敏感
使用缩进表示层级关系
缩进时不允许使用Tab键，只允许使用空格。
缩进的空格数目不重要，只要相同层级的元素左侧对齐即可
数据类型
对象：键值对的集合，又称为映射（mapping）/ 哈希（hashes） / 字典（dictionary）
数组：一组按次序排列的值，又称为序列（sequence） / 列表（list）
纯量（scalars）：单个的、不可再分的值
对象123info: version: "1. ...
什么是微服务?
https://www.ruanyifeng.com/blog/2022/04/microservice.html