Real12377

这里的长度是指虚拟列表项的数量，由于需要滚动去加载数据，所以数据量不是开始就给定的。高度是指每个列表项的高度，这包含这一些用户输入的内容，包括文本、图片等。 虚拟列表是相对长列表来说的，长列表是指将所有数据全部以 dom 的形式渲染到页面上，即使有很多数据是在当前屏幕之外的，这…

在使用了flexible的布局方案后，部分安卓手机会出现10rem不能填充满整个页面宽度的情况，或小于页面宽度，或大于页面宽度。笔者在vivo x21上发现10rem小于页面宽度，而在galaxy note5上又发现10rem大于页面宽度。 10rem的宽度是1069，而页面宽…

早期前端项目中使用了flexible解决移动端适配问题，并且通过px2rem将px进行转换rem。 flexible中将页面分为10等份。每一份的大小即1rem的值。该值作为docEl的fontSize大小。在HTML文档中，docEl即html标签。 在webpack中，通过…

一般情况下，在使用webpack-dev-server热更新的时候，使用的域名都是localhost/127.0.0.1之类的，都是基于http协议的。 热更新成功后，浏览器会以当前域名+端口发送一个用于热更新的请求。该请求默认域名是webpack入口配置中webpack-de…

在react的今天和明天系列文章中，react开发人员介绍了class组件存在的三个问题。 在class组件中通过HOC和render props中来实现组件的逻辑复用。这会带来一个问题，当我们拆分出很多细小的组件再将它们组合到一起，如果在chrome打开react的扩展，会发…

发布-订阅模式又叫观察者模式，它用来定义一种一对多的依赖关系。当某个对象发生改变的时候，所有依赖于它的对象都将得到通知。在js中，通常用事件模型来代替传统的发布订阅模式（因为js没有类，可以直接传递函数）。 小a最近看上了一套房子，到了售楼处被告知房子卖完了。售楼MM告诉小明，…

代理模式的定义是：为一个对象提供代理，来控制对这个对象的访问。 在某些情况下，直接访问对象不方便或者对访问对象增强一些功能，可以使用到代理模式。比如想请一个明星来办一场商业演出，一般都是联系明星的经纪人，那么经纪人就是明星的代理。 在这个故事中，假设妹子是girl对象，小明想要…

策略模式的定义是：定义一系列的算法（这些算法目标一致），把它们一个个封装起来，并且使它们可以相互替换。 比如要实现从上海到广州，既可以坐火车，又可以坐高铁，还可以坐飞机。这取决与个人想法。在这里，不同的到达方式就是不同的策略，个人想法就是条件。 以计算奖金为例，绩效为S的年终奖…