最近在开发遇到了两个一直困扰我的问题： 当 font-family 为 PingFangSC-Regular 时，为什么设置了 font-weight 为 500 和 font-weight 为 40

每一种字体少则几百 kb ，多则几 M，接入自定义字体多少都会对页面的性能和体验造成一定的影响。最好的方式当然是使用系统自带的字体，但有时候设计师或者产品经理就是要加入新的字体，因此面对这种情况很有必

vue-lazyload 解决了什么问题（项目常用） 可以想象一个网页打开有成百上千的图片需要加载，页面会变得非常的卡顿，此时如果只是可视区域的图片加载，其他的图片可以暂时有一个占位loading图

最近写项目时候，遇到了处理如何长列表的问题。记录一下优化方案。 分页 优点 能够快速跳转，方便回溯定位 分页更多用在B 端产品，假设使用分页，哪怕你已经浏览了十多多条数据，想回到某一数据的位置，只需要

工欲善其事，必先利其器。了解完性能指标之后，性能优化的目标已经明确了。接下来我们借助一些性能测量工具，明确网页距离优化目标之前还有多大的差距。

这是一款智能填充头像图片的插件，在设计用户列表、用户评论、个人中心等界面的使用场景时，非常便利高效。节省了搜索图片的时间。支持筛选图片网站、年纪、性别、发色等特征（备注：不支持重复网格、以及打组状态下使用） polygons可以快捷帮你创建其他图形，目前支持直角三角形、等腰三角…

今天，我们来聊聊一个专门为“懒人程序员”准备的工具——Adobe XD。使用它可以快速将原型设计图转换为可执行的Flutter代码， 而由于Flutter自身跨平台的特性，因此这些自动生成的代码即可以用在Android、iOS这样的移动设备上，也可以用在Web页中。 简而言之，…

作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。 按Cmd + Shift + P（如果使用Windows，则按Ctrl + Shift + P）打开“命令”菜单。 当你只想…

本文暂未涉及Performance面板的内容。 1. Chrome Devtools 的用处 2. 菜单面板拆解 3. 常用命令和调试 1. 呼出快捷指令面板：cmd + shift + p 在Devtools打开的情况下，键入cmd + shift + p将其激活，然后开始在…