gebieren的博客

计算数组的深度

递归获取嵌套对象的深度

column多列布局实现瀑布流，主要使用了column-count和column-gap属性，column-count属性用来设置列数，column-gap属性用来设置列于列之间得间距。项目菜单下拉数据太多，无法一次性展示全，项目经理就提出来要仿阿里云做个平铺展示的菜单详情，搞了半天才知道右侧展示是瀑布流，学到了就记录下来，以此为鉴。

打开页面长期没有使用，再次使用或者刷新就会返回登录页的情况，对于登录后，希望能够返跳转到之前的页面，只需要做一个重定向就行。

为了提高开发效率，很多时候会在vscode中配置好一些常用的代码片段，省时省力还显示你很NB。说明：vue.code-snippets文件放在**.vscode**里面。以下是基于vue3跟Ts个人的配置，分享出来（代码直接复制到。文件即可使用，可根据个人情况进行修改prefix)。

最近正在开发一个微模块系统，产品想要根据子系统的不同，动态生成link标签与title中的内容，于是就做了一个简单的demo，希望分享出来给到后续有同样需求的伙伴，共勉。首先肯定是需要有一套**.svg**的图标来对应相应的系统，那就安排（我是放在public文件中，这样build的时候不会进行处理，方便随时根据ui设计进行替换）。

【代码】vue3+ts实现iframe父页面与子页面如何传值 demo。

在登入或者传参的时候，为了保证信息的不公开信，有时候就需要用到加密，下面是自己封装的一套方法，可以直接使用。

每次前端打包生成的dist文件，可能会有很多的文件，对于未修改的情况，多次build后，会出现打包的文件名（hash值）变化的问题（参考vue官网history与hash路由的区别:https://router.vuejs.org/zh/guide/essentials/history-mode.html），，无法判断最终导致的副作用，这个时候就需要去进行文件的对比。

第一次使用handsontable ，遇到了一些问题，希望能帮助后来人。问题1：表格渲染一部分或展示不全的问题。解决方式： <HotTable v-model="changeFlag" :root="root" ref="testHot" :settings="hotSettings" > </HotTab...

前段时间，设计图有背景是网格线的，开始想着直接用svg图进行展示，后面老大不同意，说可以直接用css样式生产的，最好不要svg,加载好性能，经过尝试，css处理起来也是特别简单的：附上代码：.grid_line { width: 100%; height: 100%; text-align: center; color: blue; box-sizing: border-box; border: 1px solid #ccc; background: -webkit

由于所处项目上经常会用到时间的组建，对于每个月多少天默认值就不太好处理，后面查了一些文件，自己就直接封装了一套Ts的方法。传入参数：time 2020-11private formatDate(time: string)｛let data = new Date（）let currentYear = +time.split("-")[0] // 2020let currentMouth = +time.split("-")[1] //11const haveBigMouths =

由于点击节点才去渲染子层（下一层）的数据，通过操作dom的方法去获取元素并改变其样式（display:none）并不容易，而且容易获取失败！通过多次尝试，利用el-tree固有的属性props中的isLeaf可以直接指定你需要隐藏某个节点的三角形！html结构如下：<el-tree :props="props" lazy :date="data" :load="loadNode"></el-tree>ts代码（js在data中申明即可）去定义***props***:pr