项目需求是移动端使用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时要手动设置一下。…

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

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

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

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