摘要： 眼前路径须放开阔，才好容人来往，若太拘窄，恐自己亦无展足之地矣。 王阳明- 需求：tag列表由于过多，需要有折叠能力，一行内正常展示，大于一行则须折叠，默认折叠态，折叠时按钮展示+剩余tag数量，点击后展开全部，展开后按钮变成收起，始终在最后一行展示，如果最后一行恰好占满，则另起一行位于右侧 当下有 阅读全文

摘要： 消化知识的过程，本质上就是把别人的知识重构成自己的逻辑的过程。——佚名 背景：过往项目中，看到许多项目的弹窗组件大多使用声明式，即父组件需要在本地维护一个 visible 开关，结合用户动作传入 mode（新建/编辑/详情）和行数据，最后交由子组件内部去进行一系列的监听和处理。这种模式最大的痛点在于 阅读全文

摘要： 我总是在与自己对话，有时是在纸上，有时是在静思中。 洪信子 背景：需求是实现一个类似思维导图的图表，不想再使用别人封装了几手的第三方库 索性用下g6。 重要提示：由于项目框架版本是是vue2.6，所以使用的是g6的^4.8.24版本 本文既是一篇需求实现，也是一篇关于g6使用的总结。 实现效果： g 阅读全文

摘要： "把别人还给别人，把自己还给自己。" ——杨绛 人如果一直活在自己对事物的理解而不复盘，终会变得短视固执，最近大量阅读了关于组件二次封装的源码，深有体会，尝试用自己的话去总结，以便提升自己编程能力。 组件库的本质是基于原生或者上级组件库进行多次封装的组件的集合，它在业务中的主要功能是提升开发效率，或 阅读全文

摘要： 工作的意义和动力本质上是终身学习者在自由市场中的创造性表达 —— 佚名 项目需求：首页需要在用户屏幕下实现自适应并尽量维持UI稿中的样式，而用户的分辨率不能保持在1920*1080,缩放比率通常在150%,且界面图片要确保其不失真。 此需求下，媒体查询无法实现特定高度不失效，使用js动态设置容器宽高 阅读全文

摘要： 项目的回顶按钮以及功能，顺滑滚动/当前处于第一屏内不展示 <template> <div class="back-top" :class="{ visible: isVisible }"> <a @click="scrollToTop" title="回到顶部"> <SvgIcon iconClas 阅读全文

摘要： 莫说相公痴，更有痴似相公者。 —— 张岱《湖心亭看雪》 是什么 calc: 是css3新增的用于计算容器数值的计算函数，基于数学角度计算一个元素的数值 (flex:1)：是flex布局对于剩余空间的声明，表示占据所有剩余空间 关联与区别 calc与flex:1在做响应式布局时目的相同，尤其是在固定容 阅读全文

摘要： f12打开开发者面板 ctrl + shift + p:打开命令搜索框 输入full 选择后即下载为图片文件 以上。 阅读全文

摘要： 楼高望不见，尽日栏杆头。—— 《西洲曲》 最近在做某项目首页，甲方要求要有动效，不得不捡起当年在AI部练就的css技能，索性做个总结，以便归纳自己在交互与动效的经验。 本文既是一篇技术总结，也是一篇自己单枪匹马写交互的心得 ​ 前端岗是用户与产品的一道桥梁，既是UI在html层面的实现，也是产品经理 阅读全文

摘要： 用以精确校准是否点击了节点本身还是仅仅展开 // 树的点击事件 const handleTreeClick = (params) => { const event = params.e; const labelElement = event.target.closest(".t-tree__labe 阅读全文