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