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 核心数量相关的，但是 Vir ...
JDK14 新特性
碎碎念
从哪几个角度学习新特性
.batten {
position: relative;
}
#astronaut-2-animation {
position: absolute;
width: 130px;
top: -100%;
right: 0;
}
lottie.loadAnimation({
path: '/json/astronaut/2.json',
loop: true,
autoplay: true,
renderer: 'svg',
container: document.getElementById('astronaut-2-animation'),
});
语法层面: lambda 表达式，switch，自动装箱，自动拆箱，enum，泛型<>，接口中的默认方法，静态方法，私有方法
API层面: StreamAPI，新的日期时间，Optional，String，集合框架
层面 ...
H5 新增标签
HTML5的新特性主要是针对以前的不足，增加了一些新标签，新表单和新表单属性。但是这些标签大多都存在兼容性的问题，基本是IE9以上的版本才支持
header/nav头部标签 <header></header> 和div一样的效果，但更具有语义性。用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素，但也可能包含其他元素，比如 Logo、搜索框、作者名称，等等
导航标签 <nav></nav> 用于定义页面的导航链接。导航链接可以是页面的主要导航链接，也可以是页面的局部导航链接。一个页面可以包含多个 <nav> 标签
main要内容标签 <main></main> 用于定义文档的主要内容。主要内容是指文档的主要内容区域，不包括页眉、页脚、侧边栏等内容。一个文档只能有一个 <main> 标签
article内容标签 <article></article> 用于定义页面独立的内容，比如一篇文章、一篇博客、一篇论坛帖子等等。一个页面可以包含 ...
model-value 和 v-model
基础用法v-model 可以在组件上使用以实现双向绑定。从 Vue 3.4 开始，推荐的实现方式是使用 defineModel() 宏：
123456789101112<!-- Child.vue --><script setup>const model = defineModel()function update() { model.value++}</script><template> <div>parent bound v-model is: {{ model }}</div></template>
父组件可以用 v-model绑定一个值：
12<!-- Parent.vue --><Child v-model="count" />
defineModel() 返回的值是一个 ref。它可以像其他 ref 一样被访问以及修改，不过它能起到在父组件和当前变量之间的双向绑定的作用：
它的 .v ...
certificate has expired
今天在使用 Vue3 创建项目的时候，使用 npm init vue@latest 命令创建项目时报错：
request to https://registry.npm.taobao.org failed, reason certificate has expired
这是因为 npm 的证书过期了，其实，早在 2021 年，淘宝就发文称，npm 淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。旧域名也将于 2022 年 5 月 31 日停止服务（不过，直到今天 HTTPS 证书到期才真正不能用了）。所以，解决办法就是将 npm 镜像源切换到新的地址
查看当前的 npm 镜像设置：npm config list
然后修改镜像即可：npm config set registry https://registry.npmmirror.com
然后就可以正常使用 npm 啦～
SpringBoot 整合模板引擎 Thymeleaf 页面跳转失败
thymeleaf 不跳转页面，只显示文本 login
123456789@RestControllerpublic class LoginController{ @GetMapping("/login") public String login() { return "login"; }}
原因：@RestController 注解相当于 @ResponseBody 和 @Controller 合在一起的作用。在使用 @RestController 注解 Controller 时，Controller 中的方法无法返回 jsp 页面，或者 html，配置的视图解析器 InternalResourceViewResolver 不起作用，返回的内容就是 return 里的内容。包括在 Mapping 注解使用的同时使用 @ResponseBody 时也会出现同样的问题
解决办法：去除 @ResponseBody 或将含有 Rest 的注解换成对应的原始注解 @Contr ...
uView 折叠面版高度问题
问题描述在 uView 折叠面板中使用 v-if 来控制内容的显示隐藏时，会出现高度不对的问题
解决办法
使用 uView 官方推荐的 init() 方法来初始化折叠面板
123this.$nextTick(() => { this.$refs.collapseHeight.init()})
直接修改折叠面板的样式
123/deep/ .u-collapse-item__content { height: auto !important;}
Cannot send network request to localhost.
问题描述今天在使用小程序的时候，突然发现在调用接口的时候报错了，报错信息如下：
Cannot send network request to localhost.(env: macOS,mp,1.06.2306281; lib: 3.3.2)
解决方案打开小程序本地配置勾选不校验合法域名
不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTP 证书
error:0308010C:digital envelope routines::unsupported
问题描述Error: error:0308010C:digital envelope routines::unsupported
报错原因主要是因为 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制，nodeJs v17 之前版本没影响，但 V17 和之后版本会出现这个错误。我的 node 版本是 v18+
解决方案
试卸载 Node.js 17+ 版本并重新安装 Node.js 16+ 版本，然后再重新启动（个人觉得这只是缓兵之计，不推荐）
在项目中 package.json 的 scripts 中新增 SET NODE_OPTIONS=--openssl-legacy-provider。这个办法本人也试了，但是不起作用
1234"scripts": { "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build&quo ...
uView 表单校验
今天在使用 uView 的表单校验的时候，遇到了一个 BUG，记录一下：表单校验有一项怎么也不通过，重新修改或者获取焦点就没事了，查了很多资料最后终于解决✌️，在 rules 中加上如下代码
12345678910111213{ required: true, message: '请输入住院号', transform(value) { return String(value); }, trigger: ['change', 'blur']},{ type: 'number', message: '请输入数字', trigger: ['change', 'blur']}