lane的博客

前端工程化小记

1.引言 工作中,我们是否经常遇到以下情况: 接手其他同事的代码非常痛苦,比如:缩进,换行等等代码风格这些一度让人浑身难受 某个同事经常提语法报错的代码,语法报错只能用肉眼一个个review代码,完全没有提示 同事每个人写的commit风格都不一样,也有偷懒的,一个单词搞定的,但是也不描述本次更改是属于什么范畴?比如:是加功能?是代码优化?还是修复bug?还是修改webpack...

前端容器化实战

1.引言 前端容器化是一种将前端应用程序打包成容器的技术,使其可以在不同的环境中快速、高效地部署和运行。 2.背景 前后端分离的趋势已形成现状,前端工程复杂度叠加增长,新、老项目部署依赖的环境和Node.js版本会存在差异,生产环境下构建混淆后的脚本、静态资源文件依赖环境部署服务进行访问,前端工程未能形成”单体工件”部署,容器的出现大大简化了部署流程。 前端容器化可以方便的管理前端环境变...

一起玩react 10分钟带你入门ant-design-pro

1.前言 这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro,谈一谈自己的使用心得,个人见解有误的地方望大家指正! 2.为什么要选择ant-design-pro? 其实我来目前公司之前,公司前端技术栈是vue+vuex+elementui+axios,但是奈何公司前端利用vue做出来东西表现确实一般,更重要的是代码有点乱,用我自己的话说就是野路子太多(...

如何使用echart的Graph图实现一个流程控制图

1.前言 最近接到一个新需求,需要写一个新模块,这个模块主要是用于查看当前每个生产计划的完成情况,然后所有的生产计划都列在了表格里,而流程控制图用于直观展示选中的生产计划的完成进度 2.流程控制图效果展示 3.分析后端数据接口 data属性对应后台返回的数据,是一个数组,数组里面的元素对应流程控制图的每一个节点,id字段表示当前节点的id号,用于关联其他节点,next-process...