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...
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 的注解换成对应的原始注解...
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", ...
uView 表单校验
今天在使用 uView 的表单校验的时候，遇到了一个 BUG，记录一下：表单校验有一项怎么也不通过，重新修改或者获取焦点就没事了，查了很多资料最后终于解决✌️，在 rules 中加上如下代码 12345678910111213{ required: true, message: '请输入住院号', transform(value) { return String(value); }, trigger: ['change', 'blur']},{ type: 'number', message: '请输入数字', trigger: ['change', 'blur']}
uView 组件 u-popup 弹出层滚动穿透问题
今天在编写小程序的时候遇到了一个 BUG，困扰了我一下午，最后终于解决了，记录一下： uView 组件 u-popup在弹出画布的时候用户在手机端签名滚动条也会跟着滑动，不得不说真的是太恶心了，查了很多资料最后终于解决✌️ H5在 H5 端的时候，我们可以通过 touchmove 事件来阻止滚动穿透，代码如下： 123document.body.removeEventListener('touchmove', this.touchmoveEnd, { passive: false}) 1234touchmoveEnd(e) { e.preventDefault(); e.stopPropagation();} APP在 APP 端的时候，我们可以通过 canvas 的 disable-scroll 属性来阻止滚动穿透，代码如下： 1<canvas :disable-scroll="true" :canvas-id="cid"...
IDEA 查看 MAC 隐藏文件
Command + Shift + . 即可显示隐藏文件 / 文件夹
