王子乔 - 博客园

vue动态加载图片失效

摘要： vue中动态为Img赋值src，会导致图片加载失败使用 src: require('../img/selected.png') 即可；阅读全文

posted @ 2020-02-13 15:19 王子乔阅读(515) 评论(0) 推荐(0)

vuex store更新了数据，但未触发getters

摘要：遇到一个奇怪的问题，我将数组存储在store中，更新数组，第一次会生效，第二次就不会再触发getters，通过检查发现state中的数组是有更新的。尝试过网上很多的解决办法： 1.getters return 不生效 2.actions调用不生效 3.Vue.set(state,'imgList 阅读全文

posted @ 2019-11-05 11:07 王子乔阅读(3875) 评论(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 王子乔阅读(2984) 评论(0) 推荐(0)

http请求204

摘要：项目中发现一个奇怪的问题，请求的时候同一个接口有两个请求，而且有一个状态为204，有一个为200 在网上查看资料后得知，是因为跨域而引起的，OPTIONS是一种“预检请求”，浏览器在处理跨域访问的请求时如果判断请求为复杂请求，则会先向服务器发送一条预检请求，根据服务器返回的内容浏览器判断服务器是否允阅读全文

posted @ 2019-08-31 16:51 王子乔阅读(13694) 评论(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 王子乔阅读(306) 评论(0) 推荐(0)

js下载blob的形式

摘要：前端构建blob的方式就是通过服务器返回的文件来创建blob，需要知道文件在服务器的具体路径，用bob创建object url对象，添加到a标签上，然后触发，blob有两个问题，1.对浏览器有兼容性限制，2.要先构建对象再生成文件，在文件稍微大点的时候，会点击下载后反应时间略长，但是blob的好处是阅读全文

posted @ 2019-08-01 16:51 王子乔阅读(4742) 评论(0) 推荐(0)

URL的 ? 和 # (hash)，如何将参数保存在URL中，用于刷新获取之前的变量？

摘要： URL中会带上参数，假如是?开头的，那这个是会被加入到ajax请求中的，#(hash)相当于书签锚点，用于定位页面，不会加入到ajax请求中，所以有些时候，我们可以把一些参数放在#后面如何获取URL中的参数并解析出来？ let url = location.search; //获取url中"?"符阅读全文

posted @ 2019-07-30 19:58 王子乔阅读(1768) 评论(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 王子乔阅读(5745) 评论(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 王子乔阅读(4090) 评论(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 王子乔阅读(3043) 评论(0) 推荐(0)