[置顶] 前端知识点
摘要： 实际面试题 1.组件封装过哪些组件 2.v-for，key属性的作用和原理 Vue中为v-for提供了一个属性，key，在写v-for的时候，都需要给元素加上一个key属性，这个key属性必须是唯一的标识，并且给key赋值的内容不能是可变的。 一句话来讲：key是给每一个vnode的唯一id，也是d 阅读全文
posted @ 2022-10-06 21:21 lalibaba 阅读(95) 评论(0) 推荐(0) 编辑
[置顶] 前端笔记
摘要： d1 知识点 1、 html超文本标记语言 2、 web标准：结构html,表现css, 行为javascript 3、 safari 苹果浏览器，Opera 欧朋浏览器 4、 UTF-8万国码，gb2313和GBK中文码 5、 h${我是标题好h$}6 为同时生成h1—h6的代码 6、 同级 ./ 阅读全文
posted @ 2022-10-06 21:20 lalibaba 阅读(120) 评论(0) 推荐(0) 编辑
2023年8月28日
Vue element 表单验证不通过时，滚动到校验未通过位置
摘要： 我们在使用elementIUI实现表单验证，内容比较多的时候，提示内容会被遮挡，这时候用户不清楚什么情况，还会连续点击提交按钮。这个时候需求来啦：我们需要在表单验证不通过的时候，页面滚动到对应校验不通过的位置。 大致思路 在表单验证方法validate中，提供了两个参数：是否校验成功，和未通过校验的 阅读全文
posted @ 2023-08-28 10:37 lalibaba 阅读(425) 评论(0) 推荐(0) 编辑
2023年8月2日
Vue项目点击当前菜单刷新当前路由组件，出现router-view组件加载两次的现象
摘要： ###预置条件： 1. 路由组件通过给key值附点击菜单时的时间戳reloadMain来实现组件的重载 ![](https://img2023.cnblogs.com/blog/2911607/202308/2911607-20230802163514709-269474307.png) 2. 侧边 阅读全文
posted @ 2023-08-02 16:54 lalibaba 阅读(1137) 评论(0) 推荐(0) 编辑
2023年4月15日
关于js对象遍历保证顺序的问题
摘要： ##Object.keys(obj).sort().forEach(...) , 注：仅用于对象的key值是可定义顺序的,如key值为时间错，数字等，通过sort(),可默认按照数组大小排序（也可通过sort的比较函数排序） object.keys/values() 和 for in 不能保证对象传 阅读全文
posted @ 2023-04-15 10:40 lalibaba 阅读(215) 评论(0) 推荐(0) 编辑
2023年3月30日
iframe嵌入父页面，postMessage跨域传递消息
摘要： ##前言 掘金文章 使用window.postMessage可以帮助我们进行安全的跨源通信。 基本原理是通过postMessage来发送跨文档信息，使用message来进行监听，当收到跨文档信息后，会触发message事件 ##postMessage语法 > argetWindow.postMess 阅读全文
posted @ 2023-03-30 16:15 lalibaba 阅读(378) 评论(0) 推荐(0) 编辑
2023年3月22日
js按位取反~应用
摘要： ##js中在变量名前加"~" 是位运算NOT，按位取反. var iNum1 = 25; //25 二进制原码等于 00000000000000000000000000011001 var iNum2 = ~iNum1; //转换为 11111111111111111111111111100110 阅读全文
posted @ 2023-03-22 10:45 lalibaba 阅读(37) 评论(0) 推荐(0) 编辑
2023年3月21日
vue按需加载组件,异步组件
摘要： vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档 <!-- 组件会在 `currentTabComponent` 改变时改变 --> <component v-bind:is="currentTabCompone 阅读全文
posted @ 2023-03-21 14:55 lalibaba 阅读(110) 评论(0) 推荐(0) 编辑
什么是JSX/TSX
摘要： ##什么是JSX/TSX？ JSX是JavaScript XML的简写，其实是函数调用和表达的语法糖，最终会转化为生成虚拟DOM 的js代码。而TSX是TypeScript XML的简写，是基于ts代码开发。 ##使用JSX/TSX优点？ 写代码更快、提高开发效率 组件库代码比业务代码具有更强的动态 阅读全文
posted @ 2023-03-21 14:07 lalibaba 阅读(374) 评论(0) 推荐(0) 编辑
2023年3月13日
Vue项目表单项很多 没有绑定prop 表单重置
摘要： element-UI的表单组件在使用时需要绑定prop属性才能使用自带的resetField重置表单，如果遇到表单项很多，而且大部分不需要校验，为了重置去一个一个设置prop的话很麻烦。 所以可以使用Object.assign来解决表单重置问题。 我们可以通过this.$data获取当前状态下的da 阅读全文
posted @ 2023-03-13 09:05 lalibaba 阅读(74) 评论(0) 推荐(0) 编辑
2023年3月3日
el-input 使用 回车键会刷新页面的问题
摘要： 使用el-input的时候，光标聚焦在输入框，按下回车，会刷新页面。这是因为当el-form表单中只有一个input时，按下回车建会自动触发页面的提交功能， 产生刷新页面的行为 解决办法 法一： form表单内多增加一个元素，不占据位置即可 <el-form :model="form" ref="f 阅读全文
posted @ 2023-03-03 10:11 lalibaba 阅读(117) 评论(0) 推荐(0) 编辑
2023年2月24日
前端偶现问题：按钮无法点击【待解决】
摘要： 1.chrome切换标签时会出现，点击事件存在 2.进入无痕模式无法复现，貌似与浏览器页面缓存有关 阅读全文
posted @ 2023-02-24 10:39 lalibaba 阅读(54) 评论(0) 推荐(0) 编辑