使用docker-compose同时管理多个服务，只需要一行命令`docker compose up -d`，就可以启动一个包含后端项目、前端项目、数据库的完整服务

背景 自我介绍下，四年工作经验，头两年全栈开发，后两年专职做前端，目前已达到高级前端工程师水平，经历过三家公司。第一家公司，电商行业，做阿里 ISV 供应商，为淘宝卖家服务，也是我第一次接触百万 UV

这段时间接到个需求，给项目里的折线图添加条最大差值线，如下面两图，在两条线段中找出相差最大的地方连一条线。 一开始没觉得有什么难度，直接我看了项目。。。 这项目另外封装了一遍Echarts，设定了许多参数配置。。。 不管怎么样。。。开干吧 后台把数据发过来了，是一组（两个）坐标…

需求分析到选择Vue-element-admin经过我们的观察，页面中用到图表的就这几个页面，现在我们去代码中找到他们Dashboard咱们就以折线图为例，看看大佬是如何封装的，有没有可以借鉴的；这里

日常开发中，Vue框架通常都会使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。通过适当的方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分享。 由于Loader对文件的…

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…

监听页面滚动事件，做防抖处理，计算图片是否在可视区域，如果在则设置图片src属性，并监听图片加载完成事件，图片加载成功后移除滚动事件监听即可。

first paint: 首个元素绘制的时间。 first contentful paint: 首个内容绘制时间，具体指图片或者文本的首个像素渲染。 从定义上这两个指标定义上有所不同，但目前获取的数据却是一致的，我们可以把这两个指标看成我们平时所说的白屏时间。 计算方式通过性能…

最近在做一个需求，由于我们是打包后形成静态文件然后提交到git上，最后再上发布系统同步代码到服务器上。我们的整个流程是这样的： 这整个过程下来，最主要的问题是，在npm run bulid的时候你需要等待打包的完成，而这个过程还是比较耗时的，所以你只能干瞪眼，然后打包完后你再进…