小菜101

Vue源码中Object.create(null)的使用 在vue源码中看到很多 Object.create(null) 这种写法，比如： 好处就是： for in 遍历时...

offsetWidth、offsetHeight、clientHeight、clientWidth、scrollHeight、scrollWidth详细对比 代码测试 bo...

getBoundingClientRect属性研究 概念 getBoundingClientRect 返回 width、height和下图中的6个属性 实测总结： 抓住一个...

viewport视口的概念 概念详见 MDN，我摘出来对比了下，如下图： 总结： viewport就是当前窗口的可视部分 Visual Viewport 视觉视口 就是视口...

element性能优化之实时计算textarea高度 el-input中有个属性autosize加上后，textarea的高度会随着内容高度被撑开，而不是默认的那样会出现滚...

scrollHeight实测 即 scrollHeight = 实际内容尺寸 + padding 我们来看看在box-sizing分别是content-box 和 bord...

重新认识box-sizing 之前只是知道box-sizing设置成border-box,那么布局的时候，元素的宽高就是我们设置的宽高，省心方便。 今天仔细看了下 box-...

看了element源码里的对象拷贝的方法如下： 涉及到了for in、hasOwnProperty知识点 for in 变量对象可枚举属性，包括继承来的 for in 遍历...

在window平台下 electron打包的exe安装后，在没卸载的情况下，重新点击exe安装，会执行卸载，再点一次才是安装； 针对这个问题，我注释了打包里的一个配置，就好...

打包app后，在生成环境中按F12无法打开开发者工具，此时可以根据需要定制快捷键，调用debug工具 参考： https://www.electronjs.org/docs...

浅析Element中form表单配置rules验证流程 在el-form中配置了rules表单验证规则，那么在提交时通过调用el-form组件的 validate方法，即可...

作用域插槽在Element源码中的体现 一直知道作用域插槽这个知识点，苦于在实际开发中没有碰到对应的场景。 读Element的 form-item源码时，终于见识到了作用域...

响应式对象如何转成普通对象 前言 有时我们希望将响应式对象转为普通对象，类似于React中的不可变值的概念； 既想拿到数据操作，又要不破坏数据的响应式（因为响应式数据可能在...

Element中的自定义事件的监听和触发 $on $emit,普通用法是通过父组件监听事件，传入子组件，然后子组件触发 element中在mixins/emitter.js...

如何同时支持promise和callback回调 element源码中的el-form中的validate方法 该可以传入callback回调，在验证参数后调用callba...

当我读element源码，我在读什么（一） 看的源码： el-form el-form-item，主要看的布局相关的。 总结： 通过设置label的位置，调整不同的布局 主...

element之layout布局源码解读 总结： el-row ,el-col 设计之初就是要成对出现的，互相配合做快速布局用的 可以通过传参设置布局之间的间距，偏移；也可...

## `Container`布局容器，方便快速布局 总结： - 使用`flex`布局 - 使用语义化标签`section`,`main`,`aside`,`footer` ...

Vue在父组件 scoped样式表中，可以直接修改子组件的根元素的样式。 参考：https://vue-loader.vuejs.org/guide/scoped-css....

el-container的实现 (^o^)/~从最简单的开始来吧： 关键点： 这边要如何判断isVertical呢？ 判断是否传了 direction，并判断传的值 是否是...