前几天在一个前端群里，看到一位群友在吐槽react不支持keepalive，没办法实现多页签，这篇文章就我就用react 基于antd pro 5实现一下这个功能。

需求背景 我们希望通过在一台nginx服务器上部署多个web项目，并通过访问路径名称来区分不同的项目，如： 这种需求有个好处是我们只需要启动一台nginx服务即可，当然你也可以使用docker分别启用

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

在前端工作中，npm是大家再熟悉不过的了。大家多多少少都会用到npm包来加快我们的业务开发。对于一个有梦想的咸鱼来说，有时候也想自己发布一个包。这里就分享下发布一个包需要使用到的npm命令和发布流程 首先需要去npm官网注册自己的账号，这里需要用到用户名、邮箱、密码。这里的用户…

前期准备·基于Centos7系统云服务器一台。·基于Vue-cli的项目部署在gitlab之上。部署目标搭建Docker+Nginx+Jenkins环境，用于实现前端自动化部署的流程。具体的实现效果为

最近做项目的时候，涉及到一个单点登录，即是项目的登录页面，用的是公司共用的一个登录页面，在该页面统一处理逻辑。最终实现用户只需登录一次，就可以以登录状态访问公司旗下的所有网站。 其中本文讲的是在登录后如何管理access_token和refresh_token，主要就是封装 a…

逐步学习什么是递归？通过使用场景来深入认识递归。 前端性能优化之路——图片篇。 今年的文章量比去年又多了好多，看来大家在掘金越来越活跃啦！可以Mark起来慢慢看～不过呢小饼还是建议大家到微信群里看每日小报，毕竟每天消化一两篇会更加有用，日积月累就会有很大的收益。反而积攒到一起的…

然后在webpack.common.js中简单的配置入口(entry)跟输出(output)。 接着在根目录下再新建src文件夹，用来存放主要代码，并新建index.js，随便写点东西。 webpack4中提供了 mode 配置选项，告知 webpack 使用相应模式的内置优化…