12 2018 档案
摘要：前端性能指标，大多有TTFB ，首屏，首次可交互时间等 相关的文章已经有很多，细节这里就不多说了，可参考文末资料 总体来说，需要知道浏览器（新的）给我们提供了 Performance API，使用这个属性，我们可以得到一系列跟性能相关的数据 结合各个时间点的意义，我们可以计算出关键的耗时指标 看看下
阅读全文
摘要：在列表展示中，经常会使用卡片的内容展示形式，为了美观，常常要求各卡片间的间隙是一致的。 卡片内容不一样可能高度不等，但一般来说为了整体的一致性，会限制每个卡片的宽高都相等。 本文就基于宽高一致的多个卡片，在不同屏幕大小下，每行卡片数量可能有调整，考量如何实现等间隙的布局。 点我预览 放置一张张卡片项
阅读全文
摘要：图片的横向瀑布流，其实简单地按顺序排列就可以了 但要实现每行中各图片都等高（各行不一定等高，但每行里面等高），且每行都占满，就需要用到flex的特性了 控制每行图片高度都一致，可能会影响图片的比例，所以不能简单暴力地设置高度，需要按比例来动态计算 另外，如要限制图片展示的行数，则只需判断好每行总高度
阅读全文
摘要：看到渣浪的查看文章或者查看大图有个效果：弹窗查看内容时，如果内容过长有滚动条，则滚动条会被放到body区滚动 什么意思呢？ 看个图片，一般正常弹窗是有宽高限制的，如果内容过长则直接在弹窗中进行滚动 点我预览 将滚动位置放到整个body中，让弹窗中内容自适应高度 这么做的好处自然很明显，body区域有
阅读全文
摘要：不久前在某运动APP上看到一个卡片缓缓往下展示的效果，感觉这动画还可以 似乎项目中也有类似的卡片列表，列表的展示是直接显示出来的，加上动效之后应该更有活力，便照着样子实现了一下 点我预览 这种效果，核心点就是添加了个CSS动画，主要控制了四个属性 先看HTML结构部分 绑定事件，点击展开则添加一组卡
阅读全文
摘要：时间飞快，转眼间8102还差一个月就over了，顺了顺好几天没理的胡渣儿，好像已经老了不少。 不，我还很年轻！虽然年终还没到，但好像也差不多了。 几经辗转，年底前终于拿到了微信的offer，可以说是今年一大幸事了。 是一个结束，结束本命年的坎坷；是一个开始，开始新的征程。 这篇杂文就简单记录一下微信
阅读全文
