mpvue-vant记录了我们团队开发中在mpvue中使用Vant Weapp组件库所踩下的坑，在这里分享给大家，让mpvue开发者可以使用vant组件库进行开发，避免踩不必要的坑。

首先，这不是一篇技术文章，是一个笼统的 guide，关于写一个组件的 guide，更是个广告，目的是让更多人用你的库 最开始想要自己写一个的时候，会想着去抄现有优秀库的项目结构之类的，通常在这上面就会花不少时间，我们现在来挖掘下 1.一个完整的组件项目需要什么？ ...

大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：

{代码...} 支持情况参见各主流浏览器对 ES6 的支持

不同选择器性能是有差别，但这并不是问题，而且 :not 表示不想背锅，主要还是取决于 CSS 规则和 DOM 的复杂程度，一条规则匹配的越多，规则内部样式越多，则性能会稍差点，具体的测试也可以看这里

快捷键注册 {代码...} 监听输入 {代码...} 在输入的时候改变一些 flag，存到 storage.local 上，然后在快捷 onCommand 的时候检测

{代码...} 优雅么。。。

以下MC代表margin-collapsing 目前了解到的是这样： 产生BFC的盒子不会与子盒子产生MC display: inline-block的元素不与兄弟元素和父元素发生MC（因为inline-block生成的是IFC） position: absolute和float元素不与兄弟元素和父元素发生MC, 但是会与后一个产生了BFC...

很简单,this指向与原型问题。 {代码...}

this本身原来是是没有leaf属性的，所以会去this的原型链上找，结果在Tree.prototype找到了（Tree.prototype.leaf = 0），所以这句可以看成：

首先是箭头函数内部 this 指向的问题,箭头函数内部本身没有 this ,内部 this 只能通过作用域链往上查找.所以 {代码...} 这里的 this 指向 window. 然后...没时间了, 领导要我打扫办公室卫生. 下面这个 demo 你先看着. 等会回来再说..[链接] OK, 回来了, 题目也改了 {...

所谓缓存就是再copy一份数据的副本（可能是html页面，图片，文件），根据副本的存放位置不同，又可分为不同的缓存策略，比如浏览器缓存，就是将文件存储再客户端，再访问相同的URL时首先检查副本是否时最新的，如果足够新的话，直接使用副本，不会再请求服务器，这样...

如果要尽可能多的解决方式，你这个问题其实就是一个两列右边固定宽度，左边自适应的问题。布局方式有浮动定位法，绝对定位法，margin负值法等，可以参考下我前段时间总结的三端布局，中间自适应的文章，应该会给你一些帮助：[链接]

请参考我写的这篇文章：css实现左侧宽度自适应，右侧固定宽度，请耐心看完，对你绝对有帮助！

建议flex布局 阮一峰flex布局

可以通过 .c 元素创建 BFC 来实现。因为 div 的默认宽度是 100%，而且 BFC 元素不会与浮动元素重合，所以 .c 元素会占据剩余的空间。例子如下：[链接]。创建 BFC 的方法：1.根元素本身2.元素浮动（float属性不为none）3.元素绝对定位（position属性为absolute或fixed...