曦染DLp-CSDN博客

原创使用formdata-polyfill兼容iOS系统的FormData

iOS的formdata里面包含realFormData和appendData，网上有人写传值data: realFormData || formData是纯扯淡。直接传appendData也不行，appendData是数组，不是formdata格式的数据。项目需求是移动端使用H5做文件上传功能，安卓和网页测试没有任何问题，唯独苹果手机上传不了，通过log打印发现iOS构造的formdata格式不一样。其他的不用改，非常神奇，这哥们是不是把formdata构造重写了。然后在项目里引入就ok了。

2024-06-04 16:13:22 226

原创解决axios前端设置cookie跨域不携带的问题

domain的域名必须是接口请求地址的域名或子域名才可以携带，如果不是，在写入cookie时要手动设置一下。比如接口地址域名是abc.def.cn，那么domain需要是abc.def.cn或者.def.cn。按理说设置cookie是后端返回给设置的，但是项目需求，要前端请求获取到用户token，然后写在cookie里，再携带cookie调用其他请求接口。然后用js写入cookie，这时候问题来了，cookie已经写入，但是接口并没有携带cookie。然后请求就携带cookie了。

2024-01-31 11:06:51 1110 1

原创使用CSS制作流动线效果

这回项目要做一个大屏展示，大概样式是，中间一个地球，向外发射几条蓝色直线，直线另一头是展示的标题。为了体现科技感，蓝色直线要做出一种像水流一样的流动特效。

2023-03-08 16:47:21 6260

原创【坑】解决vant的列表组件因数据过多而导致的渲染卡顿问题

因为刚开始的时候加载十分流畅，越往下滑越卡顿，所以猜测不是请求发送的问题，而是渲染DOM的问题，越滑动DOM树积累越多，导致页面不流畅。一般来说组件应当有个滚动即触发的方法，最坑的是，官方文档上啥都没写，网上也搜不到，最后我依旧是在van-pull-refresh组件里乱翻它内部的方法，然后瞎勾巴试，发现它居然是有滚动触发的方法的！还有一点一定要注意，包住van-cell的那个div一定要设置高度，不然div里面的van-cell一旦不渲染，高度就会缩小，滚轮的值也会变，会出现抽搐现象。

2023-03-03 15:12:08 2381

原创【Vue基础】关于Vue中CSS的scoped属性作用域与样式穿透

scoped在了解scoped属性之前，先了解一下Vue（中的插件）在渲染DOM时干了什么。Vue在渲染DOM后会在DOM节点上生成一个随机串data属性，这一属性给了当前组件下的DOM一种唯一标识。当在style标签中加入scoped属性后，在页面渲染完毕后，style下所有的CSS都会自动转换，在过滤器上添加与DOM相同的data属性值。也就是说，从结果来看，scoped属性让CSS只对当前组件中的元素起作用，防止了CSS全局污染。要注意，scoped修饰后的CSS过滤器只对编译器中写入的元素起作

2022-04-02 17:21:23 3424

原创【坑】关于wkt与GeoJSON

因为自己现在的公司是做遥感监测的，所以在前端经常会接触到各种地图、多边形的数据格式，不过我对这些都还不太熟悉，以此做个记录。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((

2022-04-02 17:17:22 401

原创【CSS笔记】一些CSS的基础（随手更新）

PC端与移动端的适配问题响应式布局同一页面在不同屏幕尺寸下有不同的布局，实现不同屏幕分辨率的终端上浏览网页的不同展示方式。1.设置meta标签例如：<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">视口就是网页可见区域的尺寸，设置视口时只设置宽度就行，不用在乎高度，具体高度由网页内容自动撑开。上面 meta 标签中内容的含义如下

2022-04-02 17:14:29 147

原创【坑】element表单校验坑：validate类型错误&提示“is not a string“

一些工作上碰的问题，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”

2022-04-02 17:10:14 3494

原创【Vue基础】父子组件之间的数据传递

父组件向子组件传递数据父组件要做的：1.父组件import引用子组件；2.在components中注册子组件；3.通过v-bind属性向子组件中传值。例如：<child :parent-name="parentName"></child>子组件要做的：4.子组件通过props获取父组件传递的值；props: { /* 通过属性接收父组件传过来的数据，属性是parent-fun, props中可以使用parentFun变量接收 */ parentName: {

2022-04-02 17:07:15 2147

DrLemonPie的博客