摘要: vuex可以理解为是一个vue提供的公共仓库,里面存储里多个组件都会用到的数据、方法等。 但是如果你的一个不论复杂或简单的组件,其数据和方法只是其私有属性,不要用vuex,这么做不仅不酷反而造成了不必要的性能浪费 1.state 其内容大致等同于组件里的data,使用时有挂到data和compute 阅读全文
posted @ 2020-08-26 11:12 忽闻河东狮子吼 阅读(661) 评论(0) 推荐(0) 编辑
摘要: 此方法主要用于我们将某些信息,下载成固定的文件格式,如word或记事本等等, 核心的方法有两个一个是Blob构造函数,一个是window.URL.createObjectURL()。 对于Blob官方解释如下 语法 var aBlob = new Blob( array, options ); 参数 阅读全文
posted @ 2020-08-20 11:30 忽闻河东狮子吼 阅读(3748) 评论(0) 推荐(0) 编辑
摘要: 贴出来给大家看一下 console.log('start') function test(){ console.log('start-test') return new Promise((resolve,reject)=>{ console.log('promise'); setTimeout(() 阅读全文
posted @ 2020-08-11 12:14 忽闻河东狮子吼 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 使用过vue的都知道,vue中使用的是mvvm模式,我们通过修改数据来驱动视图。但有时我们会发现修改了数据视图并未更新 <div class="myApp"> one:{{num}} <p v-for='(item,index) in items' :key="item.id"> {{item.me 阅读全文
posted @ 2020-07-03 14:21 忽闻河东狮子吼 阅读(907) 评论(0) 推荐(0) 编辑
摘要: 一个比较简单的小功能,直接上代码了 window.onload = function(){ var img1 = document.querySelector('#a');//一个原本就有的图片 function convertImageToCanvas(image) { var canvas = 阅读全文
posted @ 2020-06-11 13:59 忽闻河东狮子吼 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 项目中需要的一个功能,简化成两个小的demo,每个都有js和jq两个版本 1.交换两个元素的所在位置 点击转换更换两个元素的位置,html略过,直接上js版代码 var btn = document.querySelector('.btn') function insertEle(ele,targe 阅读全文
posted @ 2020-05-14 10:37 忽闻河东狮子吼 阅读(1891) 评论(0) 推荐(0) 编辑
摘要: 锚点定位大家肯定都熟悉,a标签通过id绑定直接跳转到相对应的位置 近期一个项目收尾阶段需要一个系统问答的页面,上面是问题下面是解答,自然想到用 锚点定位。 此页面通过iframe嵌套在其他页面中,在嵌入后引发一个问题点击问题跳到相对应的答案位置后,整个页面向上移动了20多px。导航栏被遮挡住一部分。 阅读全文
posted @ 2020-05-12 14:47 忽闻河东狮子吼 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 我们在上传图片时经常需要判断图片的尺寸是否在要求范围内 <input type="file" onchange="loadPic(this)"/> var Max_Size = 2000; //2M var Max_Width = 100; //100px var Max_Height = 200; 阅读全文
posted @ 2020-05-06 12:20 忽闻河东狮子吼 阅读(1546) 评论(0) 推荐(0) 编辑
摘要: 穿梭框相信很多人接触过,在写后台管理系统的项目时有很大可能性会用到这个功能。 其实这个组件在element ui里面有,但是因为兼容性ie的问题(万恶的ie啊),我现在必须手写一个类似的功能供项目使用 乞丐样式上图 原汁原味基本没有经过任何修饰的html,有一种朴素的美。。。还是以功能为主啊,只写了 阅读全文
posted @ 2020-01-21 17:59 忽闻河东狮子吼 阅读(507) 评论(0) 推荐(0) 编辑
摘要: 最近写项目时也碰到了字体会模糊的情况,先简单描述一下问题 一个宽度固定但是高度auto的弹窗让他在屏幕当中展示(不能使用flex属性), position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 用了以上代码让弹窗 阅读全文
posted @ 2019-12-19 18:23 忽闻河东狮子吼 阅读(1056) 评论(1) 推荐(1) 编辑