摘要： 1、用法 A、query要用path来引入,接收参数都是this.$route.query.name。 B、params要用name来引入，接收参数都是this.$route.params.name。 2、效果 A、query类似于ajax中get传参，即在浏览器地址栏中显示参数。 B、params 阅读全文

摘要： 一、拖拽的流程动作 ①鼠标按下②鼠标移动③鼠标松开 二、拖拽流程中对应的JS事件 ①鼠标按下会触发onmousedown事件 ②鼠标移动会触发onmousemove事件 ③鼠标松开会触发onmouseup事件 三、实现的原理讲解 拖拽其实是通过获取鼠标移动的距离来实现的，即计算移动前的位置的坐标（x 阅读全文

摘要： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的 阅读全文

摘要： scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。 1.offsetTop ： 当前对象到其上级层顶部的距离. 不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性. 2.offsetLeft : 当前对象到其上级层左边 阅读全文

摘要： Vue.js 通常鼓励开发人员沿着“数据驱动”的方式思考，避免直接接触 DOM。this.$nextTick()官方介绍：将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调 阅读全文

摘要： 以前有个需求就是复制粘贴，今天了解一下一根复制的原生js实现的效果 html: js： 阅读全文

摘要： 最容易理解的一种方法，以中间内容为主体，通过 margin 或者 padding 将两侧撑开，最后用 absolute 定位两侧 html: 阅读全文

摘要： 1、hash即URL中"#"字符后面的部分。 ①使用浏览器访问网页时，如果网页URL中带有hash，页面就会定位到id（或name）与hash值一样的元素的位置； ②hash还有另一个特点，它的改变不会导致页面重新加载； ③hash值浏览器是不会随请求发送到服务器端的； ④通过window.loca 阅读全文

摘要： 在vue-cli脚手架中router文件夹中有index.js文件，里面的内容是 阅读全文

摘要： 1、子组件在父组件的原生的事件例如一个child子组件的点击事件<child @click="handleClick">点击</child>这种情况在父组件中是不能触发点击事件，这里click点击事件对子组件是自定义事件，如果想变成原生的事件必须加navtiv修饰符<child @click.nat 阅读全文