经验积累

由于项目越来越庞大复杂，打包时间也非常长，本地开发环境每次重启都要打包好久也和你头疼，正好借此契机对webpack做了v4 到 v5的升级。

通过css用3种方式，分别是 border，linear-gradient 和利用 background-clip 来实现虚线效果，并对实现进行详细讲解。

利用css中border-image和linear-gradient分别实现底部边框渐变效果、右侧边框渐变效果。

通过使用antd的slider组件，来实现用大括号标记节点之间的间距并进行显示。同时时间进度进行动态控制。

有时候设计稿上的图表与官方示例图表有很大差别。比如以柱状图作为背景，每个柱形和折线图上每个点的数据一一对应，并显示出来。

在一个图片列表中展示图片缩略图会遇到，如果图片是png格式的，背景透明但是图案是白色的，看不清怎么办呢？本文讲解如何实现透明背景效果

我们可以看到有些场景需要用地图来展示数据，做地理区域数据的可视化，比如想看全国人口分布情况等。那具体怎么实现呢，我们可以利用echarts来进行实现

实现树状表格的拖拽排序，因为基于antd开发的，而antd官方拖拽demo也只是简单的普通表格拖拽，这个并不能满足实际业务需要。本文给出了一种解决方案。

在开发过程中发现页面上 antd 的表单 onFinish 方法中的js错误window.onerror捕获不到，导致监控不能正常上报

针对混淆js代码，利用sourcemap将代码反解，然后最终将错误代码定位出来进行显示可以更好的排查错误。

当我们需要鼠标选中文本后，文本高亮。当再次将选中的文本选中后，取消高亮效果时该如何实现呢？ 获取鼠标选中内容，主要是利用了window.getSelection()这个API。

底部输入框文本多行输入+iphoneX以上机型底部适配+input/textarea输入框聚焦时不上推页面

移动端长按保存、取消长按保存图片,有时候会遇到在移动端长按保存图片的功能，微信打开h5页面可以实现，那么普通浏览器可能效果不一。不同浏览器下效果适配显示。

本文是最近一段时间开发移动端项目所遇到的一些问题已经解决方法，现在做如下梳理。 1. ios 触发自动播放时阻止全屏，需要增加属性： 2. ios 或者 android 在微信内置浏览器中不会自动播放，autoplay属性不生效解决办法：

1. 修改requirements.txt 2. 修改Dockerfile

我本地是用Docker进行搭建的。 1） 在执行 docker-compose run --rm web upgrade 时报错。 2）执行 docker-compose up -d 报错，关闭 docker再重新打开。 3）执行 docker-compose run --rm…

1. window.onerror 异常处理 window.onerror 无论是异步还是非异步错误，onerror 都能捕获到运行时错误。 1）window.onerror 函数只有在返回 true 的时候，异常才不会向上抛出，否则即使是知道异常的发生控制台还是会显示 Unc…