可能大家在看到这个标题的时候，会觉得，只不过又是一篇烂大街的SSR从零入门的教程而已。别急，往下看，相信你或多或少会有一些不一样的收获呢 在落地一种技术的时候，我们首先要想一想： 是否一定需要引入这种技术呢？他能解决什么问题，或者能带来什么收益？ 为什么要采用这种技术选型而不是其他的？ 引入了这种技术后，会带来什么问题吗（比如额外的开发成本等）？ 上面三个问题思考清楚之后，才能真正地去落地。而有赞教育接入服务端渲染，正是为了优化H5页面的首屏内容到达时间，带来更好的用户体验（顺便利于SEO）。 说了这么多，以下开始正文。 一、后端模版引擎时代…
Read More持之以恒，不乱节奏，对于长期作业实在至为重要。一旦节奏得以设定，其余的问题便可迎刃而解。 -- 村上春树 维护组件库就像跑马拉松，开源只是从起点迈出第一步，困难的是持之以恒地跑下去。 自 2017 年开源以来，Vant 已经跑了两年多时间，未曾停歇。在 2018 年我们发布了 1.0 版本和小程序版，并持续迭代了 100 多个小版本。…
Read More一、背景介绍 做过电商项目的同学都知道，店铺装修是电商系统必备的一个功能，在某些场景下，可能是广告页制作、活动页制作、微页面制作，但基本功能都是类似的。所谓店铺装修，就是用户可以在 PC 端进行移动页面的制作，只需要通过简单的拖拽就可以实现页面的编辑，属于用户高度自定义的功能。最终编辑的结果，可以在 H5、小程序进行展示推广。 有赞美业是一套美业行业的 SaaS 系统，为美业行业提供信息化和互联网化解决方案。有赞美业本身提供了店铺装修的功能，方便用户自定义网店展示内容，…
Read More一、前言 目前最流行的两大前端框架，React 和 Vue，都不约而同的借助 Virtual DOM 技术提高页面的渲染效率。那么，什么是 Virtual DOM ？它是通过什么方式去提升页面渲染效率的呢？本系列文章会详细讲解 Virtual DOM 的创建过程，并实现一个简单的 Diff 算法来更新页面。本文的内容脱离于任何的前端框架，只讲最纯粹的 Virtual…
Read More在查看本文之前，请先思考两个问题。 typeof (1 / undefined) 是多少 [1,2,NaN].indexOf(NaN) 输出什么 如果你还不确定这两题的答案的话，请仔细阅读本文。 这两题的答案不会直接解释，请从文章中寻找答案。 NaN 的本质 我们知道 NaN(Not A Number) 会出现在任何不符合实数领域内计算规则的场景下。比如…
Read More