先放一个预览地址：点击查看效果 gif预览： 适配屏幕 算法 Wp为页面有效宽度，Hp为页面有效高度。 页面左右居中，上下居中。 若页面宽/高＞16/9，就左右留白。若页面宽/高＜16/9，就上下留白

前言 面试官:"你了解虚拟DOM(Virtual DOM)跟Diff算法吗,请描述一下它们"; 我:"额,...鹅,那个",完了😰,突然智商不在线,没组织好语言没答好或者压根就答不出来;

2020 年是社区团购风起云涌的一年，互联网大厂纷纷抓紧一分一秒跑步进场。“京喜拼拼”是京东旗下的社区团购平台，依托京东供应链体系，精选低价好货，为社区用户提供次日达等优质服务。 ​京喜拼拼团队技术选型使用 Taro 以便于实现多端需求，因此 Taro 团队有幸参与到 “京喜拼…

本文作为自己深入学习 React Fiber (Reactv16.8.6)的理解，本篇仅介绍大致流程，Fiber 详细源码本文不作细节描述。 首先要知道的是，JavaScript 引擎和页面渲染引擎两个线程是互斥的，当其中一个线程执行时，另一个线程只能挂起等待。 在这样的机制下…

如果state是一个对象，是不能部分 setState 的。 age 就会消失。 setState(obj) ，如果obj地址不变，那么 React 就认为数据没有变化。 当初始值比较复杂时，可采用。 该函数返回初始 state ，且只执行一次。 其实应该使用这种形式。 use…

前段时间笔者一直忙于数据可视化方面的工作，比如如何实现拖拽式生成可视化大屏，如何定制可视化图表交互和数据导入方案等，这块需求在B端企业中应用非常大，所以非常有探索价值。 本篇文章并非和数据可视化相关，而是通过抽象技术底层，将其应用于H5页面可视化搭建上，通过技术的手段实现拖拽式…

基于两点：（一）是笔者在企业中是使用react 开发，不过有的处理问题的方案还是比较老旧。举个例子：关于redux 还是使用原始的switch 一通写，比如使用thunk要处理 网络请求的几种状态 包括 加载之前 加载中 记载异常等等，这些都要处理，会有很多相似的看起来很尴尬的…

Fiber 是 React 16 中新的协调引擎。他的主要目的是使 Virtual DOM 可以进行增量式渲染。了解更多 从数据结构来理解 Fiber ，他其实是一个链表数据结构，分别通过 return ， child ， sibling 连接着另一个 Fiber 。同样的也可…

何为MongoDB？ MongoDB 是一个开源的文档数据库，可提供高性能，高可用性和自动缩放。 何为Mongoose？ 简单的说，Mongoose就是对node环境中MongoDB数据库操作的封装，一个对象模型工具，将数据库中的数据转换为JavaScript对象以供我们在应用…