03 2023 档案

摘要：##前言掘金文章使用window.postMessage可以帮助我们进行安全的跨源通信。基本原理是通过postMessage来发送跨文档信息，使用message来进行监听，当收到跨文档信息后，会触发message事件 ##postMessage语法 > argetWindow.postMess 阅读全文

posted @ 2023-03-30 16:15 lalibaba 阅读(431) 评论(0) 推荐(0) 编辑

js按位取反~应用

摘要：##js中在变量名前加"~" 是位运算NOT，按位取反. var iNum1 = 25; //25 二进制原码等于 00000000000000000000000000011001 var iNum2 = ~iNum1; //转换为 11111111111111111111111111100110 阅读全文

posted @ 2023-03-22 10:45 lalibaba 阅读(38) 评论(0) 推荐(0) 编辑

vue按需加载组件,异步组件

摘要：vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档  <component v-bind:is="currentTabCompone 阅读全文

posted @ 2023-03-21 14:55 lalibaba 阅读(125) 评论(0) 推荐(0) 编辑

什么是JSX/TSX

摘要：##什么是JSX/TSX？ JSX是JavaScript XML的简写，其实是函数调用和表达的语法糖，最终会转化为生成虚拟DOM 的js代码。而TSX是TypeScript XML的简写，是基于ts代码开发。 ##使用JSX/TSX优点？写代码更快、提高开发效率组件库代码比业务代码具有更强的动态阅读全文

posted @ 2023-03-21 14:07 lalibaba 阅读(427) 评论(0) 推荐(0) 编辑

Vue项目表单项很多没有绑定prop 表单重置

摘要：element-UI的表单组件在使用时需要绑定prop属性才能使用自带的resetField重置表单，如果遇到表单项很多，而且大部分不需要校验，为了重置去一个一个设置prop的话很麻烦。所以可以使用Object.assign来解决表单重置问题。我们可以通过this.$data获取当前状态下的da 阅读全文

posted @ 2023-03-13 09:05 lalibaba 阅读(78) 评论(0) 推荐(0) 编辑

el-input 使用回车键会刷新页面的问题

摘要：使用el-input的时候，光标聚焦在输入框，按下回车，会刷新页面。这是因为当el-form表单中只有一个input时，按下回车建会自动触发页面的提交功能，产生刷新页面的行为解决办法法一： form表单内多增加一个元素，不占据位置即可 <el-form :model="form" ref="f 阅读全文

posted @ 2023-03-03 10:11 lalibaba 阅读(127) 评论(0) 推荐(0) 编辑