前言 好的书本分章节、好的代码分模块，那么好的架构该如何定义呢？ 咳咳，不要意思，题目起大了~~ 小生之辈，岂敢以架构而论。 不过话说来，很多人都认为前端无非就是 HTML+CSS+JS,一个目录一类文件，有何架构可言。但是我想说。。。。你 ...

在平时使用puppeteer最多的就是截图了（每日批量自动截图），我的目标是X宝的一些店铺首页，这次遇到的问题就是在一些无线端，商家的页面非常长，甚至多的达到了6-10万像素。经常出现白屏或者残缺现象。 第一坑：加载问题？ 遇到类似问题。 ...

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: ...

简单说下webpack中关于Prefetching/Preloading的设置。 git仓库：webpack-demo 1、是什么？ 首先解决的第一个问题就是prefetching和preloading这两个是个啥子东西？ preload ...

动态导入本地图片 假设我们有这么一个功能，后台返回图片的名称，前端需要自己拼接路径获取本地图片，假定这些资源是存在我们前端的 assets/images，如果你采取传统的字符串拼接的方式： //template <img :src="'@/ ...

前面chapter11介绍了js的代码分割，本章说下css的代码分割如何弄。 git仓库：webpack-demo 1、开始 前面chapter11章讲CodeSplitting的时候已经讲过代码分割的概念了，是个什么东西，但那是对js模 ...

前端监控包括性能、错误、轨迹、热点等，之前用过的也就百度统计hmjs，其它知道的也就badjs、fundebugjs、frontjs等。估计很多大公司都有自己编写的库。 今天学习一下前端性能监控的API-performance。随便打开一个 ...

是的，大家可能很疑惑：“都2020年了，怎么现在还发布组件库呢？”...确实，对于前端组件库的大家庭来说，我们迟到了，但也请各位可以抽出几分钟看看一位初来乍到的新人的自我介绍：Zarm是什么​Zarm 是众安科技基于 React、Reac ...

为了提升下用户体验，讲下项目中这个骨架屏的处理吧。 项目相关：vue-mall 1、骨架屏 骨架屏就是可以由原来的在尚未加载前转圈圈变成先给用户展示出页面的大致结构，这样可以让用户有个更好的体验感。 把网速调低点，以我们的mall项目的首 ...

又到了三月，处于一些众所周知的原因。把之前没有完成的文章往出放一放，增加一些大家对我的了解。问题背景有一天被pm小姐姐反馈网站无法打开，一直是白屏； 我再本地打开了一下是正常的，而且展 ...