singsong

在 svg 中对图形（line、polyline、rect、circle、ellipse、polygon）、路径（path）、文本(text、textPath、tspan)的描边都需要用到stroke属性。 stroke：颜色。 stroke-width：宽度。 stroke-…

本文不是什么技术性介绍文章，准确地说算是自己的成长记录吧。刚参加工作时，组里使用的脚手架是由 leader 使用 webpack, gulp 搭建的多页面应用脚手架 fex。当时只需知道怎么使用就行了，不过为了能更好地工作，对 fex 怎么构建一直很好奇，也一直关注相关的技术栈…

自从组内部署了 YApi Mock 系统后，做项目时都会使用它来辅助开发。但在最近的项目中，有对 jsonp 接口的需求。尴尬的是 YApi 不支持 jsonp。为了能快速地完成工作，就封装了一个将普通接口转为 jsonp 形式的命令行小工具：jsonpify。 虽然代码很简单…

在搭建 blog 过程中，使用 lighthouse 审查站点。在性能项上提示Serve images in next-gen formats优化建议。 JPEG 2000, JPEG XR, 和 WebP 与传统的 JPEG、PNG 相比具有高压缩比、高质量的特点。这让图片加…

在讲解之前，先看一个问题。如下图所示，外部样式表是否会阻塞 HTML 解析（先不要看答案，可以自己思考和实验一下）： 如上图所示，indexcss.css 并没有阻塞 HTML 解析，因为 DOMContentLoaded 时间线在 indexcss.css 之后。但如果在 i…

主要为 CSS 优化工作打一下基础。要编写高性能的网站和应用，除了确保编写的代码尽可能高效地运行外，还需要确保页面性能，刷新频率尽量到达 60FPS。这就需要了解浏览器是如何进行渲染的。而浏览器渲染与 CSS 密切相关，因此只有了解其中工作原理才能让 CSS 更好地工作。 另外…

图片懒加载是项目中常用的功能，然而现有 react 懒加载组件库，用着都不是很爽了 😝。概括一下有如下几点： 没有只针对 image 懒加载组件。多数组件库都内置了模块、组件、脚本、iframe 懒加载功能，而弱化了 image 懒加载功能。 不支持动画显示效果。 不灵活，可…