project

背景 后端返回路由这个场景非常常见，用的很多，也用了很多次 特此记录一下 路由配置 1、默认路由部分 这个时候只有只有三个路由，/home需要token才能访问，，没登录的情况下只能看见登录页面 2、

openlayers 加载底图模糊解决方案，openlayers 加载底图模糊解决方案，openlayers 加载底图模糊解决方案，

show-overflow-tooltip 解决el-table文字超长show-overflow-tooltip 解决el-table文字超长

部署流程 前端项目开发完，打包，打包文件（TeleSearch） 将 TeleSearch 文件夹放在nginx/html下 写好nginx配置文件 这是部署在我电脑上的服务，监听8888端口 浏览器

场景： 设计图1920*1080， 在不同的分辨率下，展示页面需要一致，至少不能出问题 插件 amfe-flexible postcss-pxtorem 示例 在main.js中引入amfe-flex

场景 有这么一个输入框，只能输入数字 使用的UI框架是Element 乍一看好像没有问题，测试中可以输入字母e 解决 e和小数点也属于数字的一部分呀，就是原生的input也存在这个问题，要想完全解决只

场景 后端返回一个jSON数据，根据这个数据循环创建表单 数据如下 循环渲染处理不难，我当时困在渲染出来后的每一项验证规则不生效，生效错误 项目代码如下，configList就是上面的模拟数据List

场景 浏览器上同一个项目地址，第一个标签页登录admin账号，第二个标签页登录普通账号 此时再回到admin标签页，会出现权限异常， 因为token放在sessionStorage里面的，普通用户的t

web在图上绘制区域 web在图上绘制区域 web在图上绘制区域 web在图上绘制区域 web在图上绘制区域

需求背景 web下发任务需要配置算法，不同算法需要配置的算法参数不同，算法很多 不可能来一个算法写一个配置，这样做代码冗余，维护艰难 希望重新设计一套方案，前端只用写一次，后面新增的算法都可以适配，就

什么是微前端 微前端这个概念是从后端的微服务引入的 后端工程是一个一个服务组成的 前端工程（容器）太大的时候，把一部分模块或组件以工程的形式抽离出来（子应用），这一部分代码能独立使用或存在 在主工程（

js 动态修改浏览器标签页 icon js 动态修改浏览器标签页 icon js 动态修改浏览器标签页 icon

啰哩吧嗦 关于js双精度的问题，估计大家听到见到最多的就是 0.1+0.2 != 0.3 至于为什么 0.1+0.2 != 0.3，

Jessibuca是什么 是一个直播流播放器。 jessibuka.js 与 flv.js 之前项目中使用的一直是flv.js播放rtsp视频流 flv.js 不支持H265，需要使用 flv-h26

项目中常用正则归纳 项目中常用正则归纳 项目中常用正则归纳 项目中常用正则归纳 项目中常用正则归纳 项目中常用正则归纳

bug复现 用 element-ui 写了一个表单 点击新增按钮，弹出表单 提交表单时，有表单校验，以及对应的提示 点击取消或关闭按钮，表单关闭 再次点击新增按钮时，弹框正常显示，但是上一次的表单校验

大文件为什么要切片上传 前端上传文件很大时，会出现各种问题，比如连接超时了，网断了，都会导致上传失败 服务端限制了单次上传文件的大小 项目实际场景 客户端需要上传一个算法包文件到服务器，这个算法包实测

在canvas中绘制箭头 在canvas中绘制箭头 在canvas中绘制箭头 在canvas中绘制箭头

最终实现效果如下图 第一版 最开始接到这个需求的时候，想的很简单，感觉不是一个很复杂的东西 开始想的是用 transform-origin 和 transform:scale 实现 根据鼠标位置来改变

为什么要锁定 维护老项目时，忘记node版本 多人开发时，node版本混乱，导致依赖下载出现问题 还有各种奇奇怪怪问题排查起来没有头绪。 锁定 通过在 package.json 中指定 engines