vue动态加载图片失效
摘要：
vue中动态为Img赋值src，会导致图片加载失败 使用 src: require('../img/selected.png') 即可； 阅读全文
posted @ 2020-02-13 15:19 王子乔 阅读(483) 评论(0) 推荐(0) 编辑
vuex store更新了数据，但未触发getters
摘要：
遇到一个奇怪的问题，我将数组存储在store中，更新数组，第一次会生效，第二次就不会再触发getters，通过检查发现state中的数组是有更新的。 尝试过网上很多的解决办法： 1.getters return 不生效 2.actions调用 不生效 3.Vue.set(state,'imgList 阅读全文
posted @ 2019-11-05 11:07 王子乔 阅读(3726) 评论(0) 推荐(0) 编辑
js获取图片信息
摘要：
网络图片： fetch(item.path).then(function(res){ // 计算图片大小 return res.blob() }).then(function(data){ console.log(data) }) fetch(item.path).then(function(res 阅读全文
posted @ 2019-09-12 11:27 王子乔 阅读(2922) 评论(0) 推荐(0) 编辑
http请求204
摘要：
项目中发现一个奇怪的问题，请求的时候同一个接口有两个请求，而且有一个状态为204，有一个为200 在网上查看资料后得知，是因为跨域而引起的，OPTIONS是一种“预检请求”，浏览器在处理跨域访问的请求时如果判断请求为复杂请求，则会先向服务器发送一条预检请求，根据服务器返回的内容浏览器判断服务器是否允 阅读全文
posted @ 2019-08-31 16:51 王子乔 阅读(13281) 评论(2) 推荐(1) 编辑
IOS 伪类:active失效
摘要：
IOS中不兼容:active伪类，所以在状态控制上就会有问题，解决办法是，添加一个空的点击事件： 移动端添加：ontouchstart <a class="m-btn" ontouchstart=""></a> PC端添加：onmouseover <a class="m-btn" onmouseov 阅读全文
posted @ 2019-08-08 19:47 王子乔 阅读(268) 评论(0) 推荐(0) 编辑
js下载blob的形式
摘要：
前端构建blob的方式就是通过服务器返回的文件来创建blob，需要知道文件在服务器的具体路径，用bob创建object url对象，添加到a标签上，然后触发，blob有两个问题，1.对浏览器有兼容性限制，2.要先构建对象再生成文件，在文件稍微大点的时候，会点击下载后反应时间略长，但是blob的好处是 阅读全文
posted @ 2019-08-01 16:51 王子乔 阅读(4618) 评论(0) 推荐(0) 编辑
URL的 ? 和 # (hash)，如何将参数保存在URL中，用于刷新获取之前的变量？
摘要：
URL中会带上参数，假如是?开头的，那这个是会被加入到ajax请求中的，#(hash)相当于书签锚点，用于定位页面，不会加入到ajax请求中，所以有些时候，我们可以把一些参数放在#后面 如何获取URL中的参数并解析出来？ let url = location.search; //获取url中"?"符 阅读全文
posted @ 2019-07-30 19:58 王子乔 阅读(1661) 评论(0) 推荐(0) 编辑
vue中修改数组，dom未更新的问题
摘要：
vue中我们会频繁操作各种数据，但有时候发现修改完数据以后，dom并未更新？ 比如有一个数组对象： obj = [{'name': 'joy'},{'name': 'bowen'}] 我要循坏插入某个属性，或者修改某个属性的值： for (let i=0; i<obj.length; i++) { 阅读全文
posted @ 2019-07-27 20:03 王子乔 阅读(5604) 评论(0) 推荐(0) 编辑
vue中使用qrcode，遇到两次渲染的问题
摘要：
1.安装 qrcodejs2： 2.页面中引入： import QRCode from "qrcodejs2"; components: { QRCode } 3.dom结构： <div id="qrcode" ></div> 4.使用： qrcode (url) { // 生成二维码 let th 阅读全文
posted @ 2019-07-25 14:09 王子乔 阅读(3823) 评论(0) 推荐(0) 编辑
upload上传 和 download下载
摘要：
文件上传： <div class="upload-form"> <input id="fileUpload" type="file" class="choose-file-input" v-on:change="addProject"/> </div> addProject: function () 阅读全文
posted @ 2019-07-24 10:41 王子乔 阅读(2678) 评论(0) 推荐(0) 编辑
