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 + . 即可显示隐藏文件 / 文件夹
replaceAll is not a function
影响 replaceAll 的因素有很多,比如浏览器版本,node 版本等等,下面我就把我遇到的问题都记录下来 浏览器在 chrome 浏览器中使用 replaceAll 报这个错误,是因为chrome 版本过低, 在 chrome 85 以上版本才支持 查看 chrome 浏览器版本:chrome://version replaceAll 支持的浏览器 使用 replace 代替 1part = part.replace("{", "").replace("}", ""); nodereplaceAll 是 JavaScript 中字符串的一个方法,它在 ECMAScript 2021 标准中引入。但请注意,它是在 Node.js 15.0.0 版本中添加的。如果你的 Node.js 版本低于 15.0.0,那么 replaceAll 方法将不可用。如果您的 Node.js 版本低于 15.0.0,并且您需要在代码中使用...
Spring 允许循环依赖
在 Spring 框架中,allowCircularReferences 属性是用于控制 Bean 之间的循环依赖的。循环依赖是指两个或多个 Bean 之间相互依赖的情况,其中一个 Bean 依赖于另一个 Bean,同时另一个 Bean 又依赖于第一个Bean allowCircularReferences 属性默认是关闭的,即不允许循环依赖存在。如果两个或多个 Bean 之间存在循环依赖,Spring 会抛出 BeanCurrentlyInCreationException 异常,以避免可能出现的死循环和性能问题 Relying upon circular references is discouraged and they are prohibited by default.Update your application to remove the dependency cycle between beans.As a last resort, it may be possible to break the cycle automatically by setting...
Project Reactor
简介Reactor 是 JVM 的完全非阻塞反应式编程基础,具有高效的需求管理(以管理 "背压" 的形式)。它直接与 Java 8 函数式 API 集成,特别是 CompletableFuture、Stream 和 Duration。它提供了可组合的异步序列 API( Flux 用于 [N] 个元素)和 Mono (用于 [0|1] 个元素)并广泛实现了响应式流规范 Reactor 还支持与 reactor-netty 项目的无阻塞进程间通信。Reactor Netty 适用于微服务架构,为 HTTP(包括 Websockets)、TCP 和 UDP 提供背压就绪网络引擎。完全支持反应式编码和解码(Reactor Core runs on Java 8 and above) 如前所述,在核心中使用 Reactor 的最简单方法是使用 BOM 并将相关依赖项添加到项目中。请注意,添加此类依赖项时,必须省略版本,以便从 BOM 中选取版本。但是,如果要强制使用特定工件的版本,则可以像往常一样在添加依赖项时指定它。你还可以完全放弃...
Usage of API documented as @since 9+
今天在使用 SubmissionPublisher 的时候 IDEA 给我提示红色警告 Usage of API documented as @since 9+,大致的意思就是 JDK 版本不对,可以我已经把 JDK 的版本调到了 21,上网搜了一下发现还需要改变一下 Language Level,打开 File -> Project Structure -> Project,把 Project language level 改成 21,这样就可以了(如果还不行就把 Modules 中的 Language Level 也改了)