My
26篇文章 · 0订阅
  • 很实用的树形数据操作
    在实际工作中，树形数据很常见，例如vue中的路由数据，系统菜单也是树形数据，组织管理也是树状的，DOM解构也是如此。例如有如下数据结构： 在理论上讲这种结构可以无限延伸。每个节点下可能有children,children下可能还有children. （以下代码都是假如属性都是通…
    Vue.js
  • list和tree的相互转换
    最近在写项目的时候，遇到了现有的树状组件不能满足目前的需求，需要对树形组件进行（TreeSelect）扩展。扩展的功能主要是能够通过输入搜索关键字对树形结构进行过滤，在扩展的过程中遇到了数据结构的相互
    JavaScript
    list和tree的相互转换
  • 1w条数据，平铺数组转树形结构
    千算万算，还是没有逃过，后台真的就上万条数据一次丢给前端了。这列探索了通过递归和非递归两种实现方式进行平铺数组转树形结构的实现，体验了算法对编程的重要性！
    JavaScript
  • 基于Vue的移动端h5项目总结
    以前都是写pc，后来需要写h5移动端项目，会遇到一些自适应和兼容性等方面的问题，下面从自己写过的h5项目中稍稍做点总结。 开启一个移动端项目的基础，首先是想好如何在代码中实现移动端适配。之前没有经验，第一个项目里简单粗暴地采用px写死的方法，觉得不好，本项目采用的是像一位优秀同…
    Vue.js
  • CSS解决高度塌陷的方法
    当父元素不设置高度的时候靠子元素撑大，也就是说子元素有多高，父元素就有多高，当子元素浮动后，父元素就会高度塌陷。父元素高度塌陷后，父元素下面的元素就会向上移动，这样会导致整个页面的布局混乱。 可以看到父元素高度塌陷后，下面的子元素都往上移动了，脱离了文档流。 给父元素设置固定的…
    CSS
    CSS解决高度塌陷的方法
  • 史上最全面、最透彻的BFC原理剖析
    本文讲了什么是BFC，BFC的概念是什么；咋样才能生成新的BFC; BFC的约束规则；BFC在布局中的应用：防止margin重叠； 清除内部浮动；自适应两（多）栏布局的
    前端 CSS
  • 浅谈盒模型、BFC以及高度塌陷的问题
    在html的首部，我们经常会看到一个<!Doctype html>的声明，浏览器根据这个声明来判断这个文件是什么类型的，并根据这来判断怎么解析文件。 1.当我们写了<!Doctype html>的声明的时候，无论在哪种内核的浏览器下盒子模型都会被解析为 标准盒模型。即：widt…
    前端
  • vue slot 插槽里面传递事件 调用外层的函数
    由于 有些页面比较类似 都是有相同的东西 我就想着用插槽的方法 去写个模板组件减少 代码重复量 也可以节省开发时间 在helloWorld 组件里面定义一个具名插槽 名字为head 这里捆绑了2个属性
    Vue.js
  • 为什么说 Vue 的响应式更新精确到组件级别？（原理深度解析）
    我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hello, Changed~'的时候，会触发组件的更新，视图的重新渲染。 但是 <ChildComponent…
    Vue.js 面试
  • Vue3 + TypeScript 实现递归菜单组件
    小伙伴们好久不见，最近刚入职新公司，需求排的很满，平常是实在没时间写文章了，更新频率会变得比较慢。 周末在家闲着无聊，突然小弟过来紧急求助，说是面试腾讯的时候，对方给了个 Vue 的递归菜单要求实现，回来找我复盘。 正好这周是小周，没想着出去玩，就在家写写代码吧，我看了一下需求…
    Vue.js