项目需求是移动端使用H5做文件上传功能，安卓和网页测试没有任何问题，唯独苹果手机上传不了，通过log打印发现iOS构造的formdata格式不一样。 iOS的formdata里面包含realFormData和appendData，网上有人写传值data: realFormData || formData是纯扯淡。直接传appendData也不行，appendData是数组，不是formdata格式的数据。 唯一有效的方法是使用formdata-polyfill组件。https://www.npmjs.com/pac…

按理说设置cookie是后端返回给设置的，但是项目需求，要前端请求获取到用户token，然后写在cookie里，再携带cookie调用其他请求接口。 首先需要在axios添加的就是 这个懂的都懂，网上一搜就有，关于携带cookie都会让你配这个属性。 然后用js写入cookie，这时候问题来了，cookie已经写入，但是接口并没有携带cookie。 这时候可以看看cookie的domain，是否发生了跨域： domain的域名必须是接口请求地址的域名或子域名才可以携带，如果不是，在写入cookie时要手动设置一下。…

问题出现情景 这次的项目要开发一个移动端的产品，要求列表滚动展示，有下拉刷新功能，上滑到底部继续加载，一直滑动一直加载。我采用的是vant组件库。 由于列表要展示图片，当大概加载了百来条数据就会出现卡顿不流畅的现象。因为刚开始的时候加载十分流畅，越往下滑越卡顿，所以猜测不是请求发送的问题，而是渲染DOM的问题，越滑动DOM树积累越多，导致页面不流畅。 我在网上搜索到了类似的问题解决方案，基本上是说去实现虚拟滚动，只显示设备屏幕范围的内容，其上下看不到的数据不进行渲染，可以提高效率。 难受的是我并没有找到vant组件…

因为自己现在的公司是做遥感监测的，所以在前端经常会接触到各种地图、多边形的数据格式，不过我对这些都还不太熟悉，以此做个记录。 wkt 数据库经常存储的格式，表示的几何对象包括：点，线，多边形，TIN（不规则三角网）及多面体。 例： POINT(6 10) LINESTRING(3 4,10 50,20 25) POLYGON((1 1,5 1,5 5,1 5,1 1),(2 2,2 3,3 3,3 2,2 2)) MULTIPOINT(3.5 5.6, 4.8 10.5) MULTILINESTRING((3 4,…

一些工作上碰的问题，element表单组件的校验功能，踩了第二次了……而且还都是小错误，卡半天。 validate类型错误 bug表现：表单项永远验证返回错误，debug时validate变量显示type error 原因：data中表单的数据存在层级关系，而prop的时候没有考虑，主要是对prop校验规则的原理不熟悉。prop的值必须和当前表单数据的层级关系一致。 比如 Data: {a: 'a', b: 'b', c: {aa: 'aa', bb: 'bb'}} prop校验数据a，就prop="a"，如果是校…