JDK21 新特性
你发任你发 我用 JAVA8 哈哈哈哈哈哈哈 不过这次的 21 还是很有特点 .batten { position: relative; } #astronaut-1-animation { position: absolute; width: 130px; top: -100%; right: -5%; } lottie.loadAnimation({ path: '/json/astronaut/1.json', loop: true, autoplay: true, renderer: 'svg', container: document.getElementById('astronaut-1-animation'), }); Virtual Threads（核心功能💢）Virtual Threads 提供了一种更高效，更轻量级的线程模型。一般来说线程可执行的数量是跟 CPU 核心数量相关的，但是...
The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0
问题复现使用 vue-cli 脚手架创建 uniapp 的项目在安装 uview plus 后运行报警告： [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. 虽然只是一个警告，但我看着还是很不爽 🤷 解决办法1234567891011// vite.config.tsexport default defineConfig({ // ..other config css: { preprocessorOptions: { scss: { silenceDeprecations: ["legacy-js-api"], } } }})
no valid child node found
问题复现今天在使用 Element Plus 的时候报了一个警告： ElementPlusError: [ElOnlyChild] no valid child node found 解决办法在要使用 slot 插槽的 Element Plus 组件外面包裹一层 template 或者 div ，这样会先执行条件判断逻辑，判断逻辑成立，才会渲染包裹在里面的 Element Plus 组件
Unable to load io.netty.resolver.dns.macos.MacOSDnsServerAddressStreamProvider, fallback to system defaults.
问题复现在使用 macbook pro m2 运行 springboot springcloud 项目时，报错 2024-09-02 20:52:18 [main] ERROR i.n.r.d.DnsServerAddressStreamProvidersUnable to load io.netty.resolver.dns.macos.MacOSDnsServerAddressStreamProvider, fallback to system defaults. This may result in incorrect DNS resolutions on MacOS. Check whether you have a dependency on 'io.netty:netty-resolver-dns-native-macos'. Use DEBUG level to see the full stack: java.lang.UnsatisfiedLinkError: failed to load the required native...
User-Agent
User-Agent 是什么User-Agent 叫做用户代理，是 HTTP 协议中请求头中的一个字段值。通过该字段值可以告诉网站服务器用户使用的什么产品发送的 http 请求。该信息一般发送请求的产品名称、操作系统、版本号等信息。大家熟知的浏览器其实就是所谓的一种用户代理 通过谷歌的 chrome 浏览器，我们可以看到 user-agent 字段值如下：user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 User-Agent 的示例在不同的设备和操作系统上，User-Agent 字符串会有所不同。这些字符串为网站提供了关于你正在使用的浏览器和设备类型的重要线索。让我们来看几个实际的例子： Chrome User-AgentWindows 电脑上，Chrome 浏览器的 UA： Mozilla/5.0 (Windows NT 10.0; Win64; x64)...
阿里云 OSS 防盗链配置
阿里云对象存储服务（Object Storage Service, OSS）中的防盗链设置主要是指通过配置 HTTP 请求头部中的 Referer 字段来限制对存储在 OSS 上的资源的访问权限。这一机制允许您指定哪些域名可以作为合法来源引用 OSS 上的内容，从而阻止未经授权的网站或应用直接盗链您的资源 以下是设置 OSS 防盗链（基于 Referer）的基本步骤和注意事项： 登录阿里云 OSS 控制台： 登录阿里云账号，进入对象存储 OSS 服务控制台。 选择目标Bucket： 在 Bucket 列表页面找到您希望设置防盗链功能的 Bucket，点击其名称以进入 Bucket 详细配置界面 进入防盗链设置页面： 在 Bucket 的左侧导航栏中找到并点击 "防盗链" 选项，进入防盗链的具体配置页面 配置 Referer 白名单或黑名单： 在 "Referer防盗链" 页签中，点击 "修改配置" 按钮 您可以选择设置 "白名单"...
uniapp template
uniapp 小程序端会把 template 标签变成一个 view 标签，这将会影响 template 上一级设置的 flex 布局
uniapp 禁止页面滚动
1<view @touchmove.stop.prevent></view> 123moveScroll() { console.log('禁止滚动')} 在子组件的最外层 view 标签中加上 @touchmove.stop.prevent 就可以禁止页面滚动，当然滚动条也就没有了。但是这并不影响父组件的滚动，这是我想要的效果
微信小程序上传图片问题
问题描述微信小程序上传图片点击图片之后没有反应，打开调试面板查看报错 MiniProgramErrorundefined is not an object (evaluating l.includes)TypeError: undefined is not an object (evaluating l.includes)fail@https://usr//app-service.js:10226:2947@https://lib/WAServiceMainContext.js:1:896824at api uploadFile fail callback function 这个问题最恶心的就是在本地调试没有问题，在真机运行没有问题，在 H5 调试也没有问题！！！！ 解决办法 在设置 -> 基本设置 -> 服务内容声明中配置用户隐私指引，添加 选中的照片或视频信息 在开发 -> 开发设置 -> 服务器域名中添加 uploadFile 合法域名，我就是因为这个原因导致小程序上传图片一直不成功，在本地配置的是不校验合法域名，所以才没有问题
H5 新增标签
HTML5的新特性主要是针对以前的不足，增加了一些新标签，新表单和新表单属性。但是这些标签大多都存在兼容性的问题，基本是IE9以上的版本才支持 header/nav头部标签 <header></header> 和div一样的效果，但更具有语义性。用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素，但也可能包含其他元素，比如 Logo、搜索框、作者名称，等等 导航标签 <nav></nav> 用于定义页面的导航链接。导航链接可以是页面的主要导航链接，也可以是页面的局部导航链接。一个页面可以包含多个 <nav> 标签 main主要内容标签 <main></main> 用于定义文档的主要内容。主要内容是指文档的主要内容区域，不包括页眉、页脚、侧边栏等内容。一个文档只能有一个 <main> 标签 article内容标签 <article></article>...