手把手教学 项目：github.com/staven630/v… 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 目录 √ 配置多环境变量 √ 配置基础 vue.config.js √ 配置 ...

前言 好的书本分章节、好的代码分模块，那么好的架构该如何定义呢？ 咳咳，不要意思，题目起大了~~ 小生之辈，岂敢以架构而论。 不过话说来，很多人都认为前端无非就是 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-mall1、骨架屏骨架屏就是可以由原来的在尚未加载前转圈圈变成先给用户展示出页面的大致结构，这样可以让 ...