暗鸦08

2022年4月9日

摘要： (目录) 需求：菜单点击关闭按钮，页面关闭前可能会有页面关闭前事件，需要传方法到页面中一. 不跨域外框 <template> <div> <iframe ref="pageRef" :src="src"></iframe> </div> </template> <script> export d 阅读全文

posted @ 2022-04-09 17:06 暗鸦08 阅读(66) 评论(0) 推荐(0)

个人自学前端42-杂谈-vue中树的深度遍历和广度遍历

摘要： (目录) 一. 深度遍历 // res 遍历的数组，id 判断条件 console.log(this.setMenuId(res,id)) setMenuId(res, id) { for (let i = 0; i < res.length; i++) { // 条件判断 if (res.id = 阅读全文

posted @ 2022-04-09 16:01 暗鸦08 阅读(185) 评论(0) 推荐(0)

2022年2月27日

import 与 export 个人学习

摘要： (目录) export 导出 export 命令用于规定模块的对外接口 // 写法一，直接导出 export const m = 1; // 写法二，使用解构导出 const m = 1; export {m}; // 写法三，重命名导出的内容 const n = 1; export {n as n 阅读全文

posted @ 2022-02-27 20:17 暗鸦08 阅读(146) 评论(0) 推荐(0)

2022年2月12日

gojs中ZoomSlider放大缩小组件的坑

摘要： (目录) 一. 需求在gojs的画布上使用ZoomSlider放大缩小组件。二. 问题使用elementui中的Tabs切换标签，不同标签中的ZoomSlider按钮位置错乱。三. 排查源码发现源码根据ID来获取元素，但在VUE中会导致ID不唯一，所以按钮位置错乱四. 解决问题创建元素阅读全文

posted @ 2022-02-12 13:58 暗鸦08 阅读(1034) 评论(0) 推荐(0)

2022年1月25日

自制消息提示组件

摘要： (目录) 一. VUE文件主要是通过v-if来增加主键的功能 <template> <div class="zoehis_zoeMessage" ref="dialog" :class="['customClass',closed ? 'zoehis_zoeMessage_close_animat 阅读全文

posted @ 2022-01-25 17:03 暗鸦08 阅读(75) 评论(0) 推荐(0)

自制弹出框组件

摘要： (目录) 一. VUE 没有使用vue-popover插件，因为功能不需要太多，只需要上下左右弹出 ww 视口宽 elm.offsetLeft 这div的左侧偏移量，不算margin；(也没margin) elm.clientWidth 这div的宽，不包括border和margin；是用按钮撑开宽阅读全文

posted @ 2022-01-25 17:01 暗鸦08 阅读(65) 评论(0) 推荐(0)

2022年1月24日

自制回到顶部组件

摘要： (目录) 注意全局回到顶部可能 target 为 window 一. VUE <template> <div> <div v-if="top" @click.stop="topClick" :style="{ 'right': styleRight, 'bottom': moveBottom, 'p 阅读全文

posted @ 2022-01-24 17:36 暗鸦08 阅读(60) 评论(0) 推荐(0)

自制空组件

摘要： (目录) 需求为开发一个空状态通用组件，需要将所有内容水平垂直居中，还需要横向纵向排列，故选择flex布局。组件内容分为三部分，图片、文字、其他（插槽）默认状态，组件排列方式为纵向，图片307*145，所有内容水平垂直居中。容器宽高任一小于330px，假设宽大于高组件排列方式变为横向，图片大阅读全文

posted @ 2022-01-24 17:30 暗鸦08 阅读(79) 评论(0) 推荐(0)

自制标签组件

摘要： (目录) 一. VUE 因为组件内容少，所以直接使用渲染。特例需求：theme 为 default 时，背景颜色为字体颜色的0.15透明度工具类：hexadecimalToRGBA 判断颜色是否为十六进制,转为rgba模式 <script> // 判断颜色是否为十六进制,转为rgba模式 imp 阅读全文

posted @ 2022-01-24 17:26 暗鸦08 阅读(34) 评论(0) 推荐(0)

简单前端分页

摘要： (目录) 参数 // 参数 pageParam{ total: 0, // 总数 pageSize: 10, // 每页显示条数 page: 1, // 默认页数 } 核心代码 getDataByPage(pageParam) { let newData = []; // 返回值 let {tota 阅读全文

posted @ 2022-01-24 17:13 暗鸦08 阅读(75) 评论(0) 推荐(0)

公告