使用Puppeteer搭建统一海报渲染服务
背景介绍 有赞微商城包括了 PC 端、H5 端和小程序端，每个端都有绘制分享海报的需求。最早的时候我们是在每个端通过canvas API来绘制的，通过canvas绘制有很多痛点，与本文要讲的海报渲染服务做了一个对比： 对比项 Canvas Node 海报渲染服务 上手门槛 需要掌握 canvas API 了解 HTML、CSS 语法即可 代码体积 占用小程序包体积…
Read More移动端 Modal 组件开发杂谈
Vant 是有赞开发的一套基于 Vue 2.0 的 Mobile 组件库，在开发的过程中也踩了很多坑，今天我们就来聊一聊开发一个移动端 Modal 组件（在有赞该组件被称为 Popup ）需要注意的一些坑。 在任何一个合格的UI组件库中，Modal 组件应该是必备的组件之一。它一般用于用户处理事物，但又不希望跳转页面时，可以使用 Modal 在当前页面中打开一个浮层，承载对应的操作。相比PC端，…
Read More深入理解CSS外边距折叠（Margin Collapse）
外边距叠加一直是前端开发必须了解的一个概念，面试一般也会问到这个问题。所以整理一下相关外边距叠加相关的知识点。外边距叠加是什么？什么时候会发生外边距叠加？如何避免外边距叠加？ 什么是外边距叠加 先来看看W3C对于外边距叠加的定义： In CSS, the adjoining margins of two or more boxes (which might or might not be siblings)…
Read MoreJavaScript 类型的那些事
概述 JavaScript的类型判断是前端工程师们每天代码中必备的部分，每天肯定会写上个很多遍if (a === 'xxx')或if (typeof a === 'object')类似的类型判断语句，所以掌握JavaScript中类型判断也是前端必备技能，以下会从JavaScript的类型，类型判断以及一些内部实现来让你深入了解JavaScript类型的那些事。 类型 JavaScript中类型主要包括了primitive和object类型，其中primitive类型包括了：null、undefined、boolean、number、string和symbol(es6)。其他所有的都为object类型。 类型判断 类型检测主要包括了：…
Read More