漫谈 React 组件库开发（一）：多层嵌套弹层组件
引言 UI 组件中有很多弹出式组件，常见的如 Dialog，Tooltip 以及 Select 等。这些组件都有一个特点，它们的弹出层通常不是渲染在当前的 DOM 树中，而是直接插入在 body （或者其它类似的地方）上的。这么做的主要目的是方便控制这些弹出层的 z-index ，确保它们能够处于合适的层级上，不至于被遮挡。 我们都知道 React App 的顶层某个地方肯定有这么一行代码：…
Read More深入理解CSS外边距折叠（Margin Collapse）
外边距叠加一直是前端开发必须了解的一个概念，面试一般也会问到这个问题。所以整理一下相关外边距叠加相关的知识点。外边距叠加是什么？什么时候会发生外边距叠加？如何避免外边距叠加？ 什么是外边距叠加 先来看看W3C对于外边距叠加的定义： In CSS, the adjoining margins of two or more boxes (which might or might not be siblings)…
Read MoreZent - 源自有赞微商城的 React 组件库
Zent ( \ˈzent\ ) 是有赞 PC 端 Web UI 规范的 React 实现版本，提供了一整套基础的 UI 组件以及常用的业务组件。通过 Zent，可以快速搭建出风格统一的页面，提升开发效率。目前我们有 45+ 组件，其中包括 Design 以及 SKU 等实用的业务组件。…
Read More有赞的微信小程序组件库（ZanUI-WeApp）开源了
背景 由于有赞与微信密切的合作关系，我们第一时间就拿到了内测账号。17年1月9号，我们同时上线了有赞微商城小程序和有赞精选小程序（可以在微信-发现-小程序里搜索 有赞精选 围观）。 所谓有赞微商城小程序，是用户通过有赞微商城后台，自助搭建的小程序店铺。目前已经有几千个商家通过有赞创建了小程序（当然是付费的，580一年）。大家可以扫下面的二维码围观其中一个。 说良心话，小程序一如微信这个产品一以贯之的克制与控制，对于习惯了HTML+CSS+JS的前端来说，限制太多。…
Read More从有赞用户到有赞员工，入职88天的小结
先上视频： 您的设备不支持html5视频播放，请点击以下链接观看：https://v.qq.com/x/page/n03460el2k2.html 注：视频大小30M，如果播放卡顿，可以点击观看腾讯视频压缩版：链接 结缘有赞： 2015年的一天，大三下学期的我觉得生活无聊，就开始各种搞事情（这里标记为时间点A）。先是跑到海创园一家公司实习，接着独自跑到一家刚融资的公司和其COO谈合作在校园里搞洗衣服务点，然后误打误撞去了学长的一家物流公司。到了大四了学校要求我们找实习了，…
Read More