背景 项目上线后跑了应该有两三个月了，接到生产报事，页面进不去了，用户设备是iPhone8 iOS13.1，用户很气愤，领导也很不乐意，我也很气愤，刚来这项目组就被报事，艹太。

这次来看一个带特殊圆角导航栏布局，如下谷歌浏览器的标签栏： 这样一个布局如何实现呢？下面介绍几种方法 一、伪元素拼接 假设有这样一个 HTML 结构 首先可以考虑的一种方式就利用两个伪元素拼接 中间的

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

开发移动端Web项目的时候，有一种弹性布局的方案是基于rem开发项目。 简单来说，应用淘宝 lib-flexible（虽说有新方案vw，暂时先不讨论）后，会根据窗口宽度大小在document.body节点计算生成font-size。然后该页面的所有节点元素可以使用rem，依据根…

Grid 布局又称网格布局，与 Flex 布局有一定的相似性，但grid布局相较flex布局可以看为是二维布局，是目前最强大的布局方案。本文通过诸多示例详细阐述了gird布局的具体使用方法与应用场景。

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

近期我们与嘿店合作了其旗下HeyShop商城的小程序设计与开发。本期就给大家介绍一下关于这个项目的相关内容。 HeyShop商城是为嘿店旗下的线下体验店打造，作为一个OMO商城，HeyShop聚集了全球精选好货，并有国内多家独立设计师品牌与时尚博主入驻，由此打通线上与线下，为买…

上篇文章，主要介绍了重构的一些概念和一些简单的实例。这一次，详细的说下项目中的一个重构场景--给API设计扩展机制。目的就是为了方便以后能灵活应对需求的改变。当然了，是否需要设计扩展性这个要看API的需求。如果大家有什么建议，欢迎评论留言。 这个可以说是JS里面最原的一个扩展。…

CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。 利用 text-align: center 可以实现在块级元素内部的…