summer在掘金33668

吐槽next.js官方文档 Next.js足够强大和弹性伸缩，如果不需要对项目进行额外的配置的话，那么next.js几乎可以零配置就能满足我们大部分的前端业务场景： CSR...

最近用Next.JS开发一官网类型的静态网页。里面涉及到了字体加载优化的方面，在这里进行记录下。这个网站用的是Next.JS13进行开发的。 CSS中使用自定义字体 说起在...

storybook 是什么 storybook 是一个 JS 库，可以在已有项目，无需修改业务逻辑的基础上，给组件自动形成文档，可很好的展示属性和功能。...

背景 前端的性能优化，图片优化是必不可少的重要环节，大部分网站页面的构成都少不了图片的渲染。尤其在电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，商品...

1. 背景 目前国内有很多 NPM 的 CDN，可以高速支持相关包文件的访问下载，如： BootCDN: www.bootcdn.cn 七牛云: www.staticfil...

webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。...

webpack性能优化中必不可少的一环就是externals，本文详细阐述externals的使用场景以及如何使用...

原生fetch，实现JWT无感刷新 采用队列的形式来记录多个请求接口 以下代码可以使用在axios等请求库...

在移动端的H5页面中，我们经常会遇到 点击按钮-->弹窗-->选择选项 这样的场景。滚动滚动条至容器的底部或者顶部，再往上或往下拖动滚动条时，滚动动作会出现穿透，所谓滚动穿...

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！...

半年前，有机会开始接触微信小程序开发。却因为只是接触而并没投入开发小程序的过程中，因此对很多小程序的细节并未有充分的理解，仅仅停留在了解类似的理论层面，比如mpvue修改了...

为了避免如上问题的发生，采用微信小程序集成 Jenkins 的方案。 在介绍实现方案之前，先来回顾一下常规的微信小程序发布流程。 从上面的流程图可以看出，微信小程序预览、上...

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率...

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转...