前端开发总结

随着数字化转型的加速，越来越多的企业使用大屏显示数据，适配不同分辨率和设备变得至关重要。大屏的适配方案有很多，vw、vh；rem；viewpoint；transform等等，通常需要多种方案结合使用。

总结了一下前端预览和打印的几个场景 1、PDF文件流直接预览打印 不直接下载文件，而是调用浏览器的打印功能。这里用的是iframe实现的，iframe的src可以直接接收blob转url之后的数据，进

某天上班，同事问我能不能把文本框改成可以粘贴图片到里面的。 思考了一下，这不就是需要一个富文本框吗，开始改造。 使用了富文本WangEditor，并且可以预览富文本中的图片、

最近在写复杂表单的实时保存，一般来说可以使用onblur，但是这可能会存在最后一个没保存上，以及如果需求是想做到语雀那样的实时保存的情况就不行了。这种情况下我们用了onchange写缓存加定时器调用接

写一个简单的聊天页面，使用**SSE**调用ChatGPT的接口，使用**react-markdown**显示获取到的数据。

前端的环境变量用的最多的大概就是根据不同的环境去打包，不用一个个修改ip。 - antd pro umi的环境变量。 创建一个UMI_ENV的环境变量，根据这个变量打包生产不同的dist文件，同时在浏

工作中真是频繁用到可编辑表格，最近一次的需求，让我把这个彻底搞明白了。 - 1、合并单元格 这个合并单元格也是常出

看了阮一峰老师介绍flex布局的博客 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 用flex布局写骰子，网上教程也很多，下面是我自

好久没写笔记了，最近有点懒，今天需求都写完了，写一篇笔记记录一下昨天写的代码。 需求是这样的：使用的是vue2，需要一个能够调用摄像头之后识别二维码和条形码的组件，获取到条码数据之后传给父组件，父组件

之前说的做做公司组织架构树的时候用到了tree组件，现在有两个改动： tree节点可选择，但是antd提供的是多选，没有单选的，所以要把原组件改成单选。 树展开的时候太长了，需要对树的展示高度进行限制

之前写react的项目时，上传图片是这样的：用户点击上传选择图片之后调用接口，将图片上传至服务器，接口返回一个图片的url，之后确认保存之后会把图片的url传给后端进行保存。 （这样的坏处好像就是如果

emmm之前写了两篇可编辑表格，结果使用起来还是有点小bug，在antd官方和同事的帮助下，终于get到了EditableProTable正确的使用方式，bug也都解决了。 下面的代码可以通过Edit

最近有一个需求是可编辑表格里需要自定义组件，比如可多选的select，遇到了很多问题，编辑的时候数据需要反显，valueEnum的类型，renderFormItem的写法等等，EditableProT

最近有一个需求需要在页面内嵌一个iframe，用来加载其他网站，第一次使用iframe，研究了一下。 在网上看到了形形色色的判断iframe是否加载的方式，用了最简单的一种，直接加一个onload函数

好久没写笔记，记录一下最近项目遇到的小知识点，有的是问chatGPT的，挺好用，有时候比自己翻文档快一点。 1、table为空时的empty组件可以自己修改样式，需要用到的api是table的loca

在开发中，如果有展示公司层级、分类目录的需求的话，就经常会需要将对象数组的结构转成树型结构，然后应用到antd组件里，比如Tree树形控件、TreeSelect树形选择器、树形数据展示的Table

最近在写后台管理系统，其中有一个选择菜单icon的功能，需要加载出antd的所有icon然后进行选择，效果如下： 加上模糊查询：

今天完成的一个需求：某个功能会在手机和电脑上使用，所以需要做适配。完成这个功能用的是antd mobile的组件，但是我加需求的时候没注意，直接用了antd design的row和col，没有用ant

差不多入职四个月半了，想记录一下自己的开发总结。 拉取代码 1、登录gitlab或者github账号，拉取代码。一般有http和ssh两种方式。我配置了ssh，以后拉代码就比较方便了。 2、在电脑D盘