下一站是未知-优快云博客

原创开发场景：switch和单选框联合使用

这两个组件改变的都是同一个表单项form.roseType的值，但是如果两个组件都用v-model来绑定form.roseType,效果就不对了，如下图。选择模式1则表单值为模式1的label值（value1）选择模式2则表单值为模式2的label值（value2）开启swicth时，右侧显示单选框组件，更改后代码如下，借助一个计算属性来中转一下。关闭switch时，右侧不显示。

2025-02-27 18:22:24 173

原创前端开发场景：流转记录

经常需要开发一些流转记录的功能，用时间线将多个流转节点串起来。流转记录可以展开详情，展开/折叠时流程条也跟着伸缩。2、基于el-timeline组件开发。1、基于el-steps组件开发。

2024-12-17 17:22:48 166

如果想通过按钮来控制el-collapse，可以将el-collapse-item的css样式的pointer-events属性设置为none，而button按钮的pointer-events属性设置为auto，给按钮绑定折叠展开事件，这样就能通过按钮来控制了。比@click.stop要更方便。时，意味着鼠标事件（如点击、悬停等）会“穿透”该元素，就像它不存在一样。这通常用于创建透明的点击区域或者使某个元素不可交互。这个属性用于定义在何种情况下元素可以成为。

2024-11-20 10:22:44 191

原创 dialog多层嵌套、遮罩层踩坑记录

又看到一个解决方案：去掉append-to-body属性，将dialog与el-drawer写在同级，而不是写在el-drawer里，这样就解决了遮罩层不正确的问题，同时对dialog写的样式也能生效了。看到网上说加上append-to-body属性，但是加上去对dialog的样式调整就不生效了（用了deep选择器）开发中碰到了个需求，要在抽屉el-drawer里有一个dialog对话框。导致打开dialog时，遮罩层有问题。

2024-10-25 14:09:06 337

原创 javascript---let/const区别

例如：const address=（centerName && streetName)?`${centerName}-${streetName}` : '--'如果声明的变量后面的代码还需要修改它，就用let来声明。

2024-10-12 09:33:42 112

原创 css的calc（）函数不生效

width: calc（50% - px）这里的“-”前后必须有空格，否则不生效。

2024-10-12 09:30:34 148

原创 CSS知识查漏补缺--基础版

在:before和:after上，如果指定了content 的初始值为 ‘normal’，则计算为 ‘none’。改变ul中第2个和第4个li的文字颜色=li:nth-child(2){color: } li:nth-child(4){color: }或者 li:nth-child(even){ } 关键词odd和even是可用于匹配下标是奇数或偶数的子元素的关键词。1、伪类选择器 :nth-child(n) 第一个子元素下标是1。3、交集选择器/ 并集选择器/后代选择器/子代选择器/兄弟选择器。

2024-10-12 09:28:55 153

原创 Git错误: Updates were rejected because the remote contains work that you do nothint: have locally.

方法二就是利用回退提交，先拉新代码再提交本地代码就不会出错的原理。这个错误常出现于：git提交代码前没有拉取远程的新代码，commit了之后，push就会报这个错误，会提示你pull代码。git pull --rebase origin 所在分支名不会产生merge记录，将本地代码先更新为远程最新代码。step3- 拉取远程代码，此时直接： git pull ，因为本地已经回退了，不会有merge记录了。step2- 将本地修改的代码stash起来，防止丢失 : git stash。

2024-09-11 14:55:05 794

原创 git提交代码时产生多条merge branch记录问题复盘

即：在代码B的基础上，我commit了新代码，本地变成了C状态，此时远程代码库有人提了新代码变成了D状态，如果是采用push命令，会提示先pull新代码。之后，我采用了这篇博客中的教程，先回退到相应的commit之后但未提交的状态，再提交，成功地重新提交了，且不再有merge branch...的冗余提交了。导师说先abandon掉再回退，再重新提交。3、然后git stash本地修改的代码，git pull远程代码进入D状态，再git stash pop拿到本地修改的代码进入C状态，再提交到远程。

2024-09-10 16:54:43 2296

原创 Js学习笔记——array的find函数

在前端开发时，常会碰到后台返回给我们的数据跟需要展示在前端的数据不相同，可以定义一个枚举数组，结合find函数来做映射处理。

2024-08-22 16:56:45 519

原创 Vue学习记录——全局注册公共组件、无需引入直接使用

项目中一般在src下的components目录下创建一个公共组件的vue界面，在创建一个index.js中写上述代码。就可以在整个项目的各个地方直接使用，而无需每次都引入并注册。

2024-07-26 18:05:05 164

原创【Vue学习记录一】class绑定、v-model.trim等

前端在拿后端数据后，将数据赋值给其他变量时，可以使用以下代码规范。当res为null或undefined时，此时res || {}会返回{}，这行代码就不会报错。如果直接赋值，一旦res为null或undefined，代码会报错。errorClass的样式一直都会有，isActive这个样式则取决于isActive的布尔值。不加errorClass样式的话，可以直接写三元表达式。PS:前端小白，如有问题欢迎批评指正。3、代码规范之擅用 || 或者 &&4、ES6的解构赋值之对象。

2024-07-18 17:03:02 192 1

原创 npm安装速度慢配镜像

淘宝的已经不能用了。

2024-07-17 10:43:14 142

原创 Git入门学习常用命令记录

6.git push origin 分支将代码提交到我们创建的远程仓库中，成功后去github上刷新就可以看到我们提交的修改文件了。4.git add . 到代码暂存区 git status 会出现绿色的字表示修改文件在暂存区了,这里.表示所有修改的文件。再次git branch 查看当前分支已经切换到dev上了在dev分支上做的修改不会影响我们的master分支。git merge dev （这里本地已经有了dev分支修改的代码，还需要推送到远程仓库）（拉取别人提交的代码）六、将dev分支的代码。

2023-05-18 10:52:22 167 1

原创前端面试之对跨域问题的理解，如何解决？

3.发送的是XHR（XMLHttpRequest）请求，可以使用 a 标签（模拟xhr请求）和 img 标签（模拟json请求）做对比（控制台只报了一个跨域异常）2.请求地址的域名或端口和当前访问的域名或端口不一样，协议、域名和端口有一个不一致就会产生跨域（生产环境是访问同一个域名和端口，所以不存在跨域问题）3.开启代理服务器在vue.config.js配置代理服务器，由代理服务器与后端服务器进行数据交互，浏览器只需要与代理服务器进行交互即可。（Vue项目中解决跨域问题）注：入门学习，欢迎大佬批评指点。

2023-03-30 11:06:16 217

原创前端面试之对AJax的理解

3.当 readyState 等于 4 且状态为 200 时，表示响应已就绪，触发OnreadyStatechange事件，执行获取服务器响应内容的回调函数，将响应内容渲染到页面上就实现了异步更新。AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。1.创建XMLHttpRequest 对象。2.XMR发送异步请求。

2023-03-30 10:02:41 149

原创 JS面试题之浅拷贝与深拷贝

数据类型分为原始类型与引用类型，对象是引用类型，栈中存放对象的地址，堆中才存放真实的对象。如果使用简单的赋值运算符来复制对象，复制的只是引用，这会导致修改新的对象时，原对象也随之修改，不具备安全性。因此为了使两个对象具有独立的空间，修改新对象不会影响原对象，我们可以采用对象拷贝来实现对象的复制。分为浅拷贝与深拷贝两种。如果对象中属性值的类型是原始类型，就拷贝到独立的空间中，如果是引用类型，只拷贝引用地址。使用for ..in、扩展运算符、Object.assign()实现。区别：JSON不能拷贝函数。

2023-03-21 22:30:58 413

qq_43583236的博客