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']}