摘要: 项目中经常会用到异步方法,一不小心就会掉进坑里,昨天就被坑了一下。 我这里对 callback 的认知就是把一个方法当做一个参数传入,然后在代码里面执行完毕之后在调用 callback 方法,它的适用场景非常广泛,不过在异步执行中最能体现它的价值。 简单使用回调函数的demo: *模拟的时候请添加 阅读全文
posted @ 2018-07-20 14:42 土地情缘 阅读(2169) 评论(0) 推荐(0) 编辑
摘要: 对前端这个岗位来说,模块化开发是必须要走的一个过程,这其中打包工具的使用必不可少,下面我就说一下 webpack 打包工具的用法,非常简单,学会它,webpack 你就入门了。 使用 webpack 前,你需要准备什么? 如果前两步你都已经有了,那么可以直接跳转到第三步,安装 webpack 命令行 阅读全文
posted @ 2018-04-29 14:52 土地情缘 阅读(360) 评论(0) 推荐(0) 编辑
摘要: 我们知道,vue组件中,父组件把数组传递给子组件的话,通常是使用props传递,而vue规定,prop是只能单向下行传递的,那么子组件要怎么才能实现数据的向上传递呢,这里引述一个概念:"父子组件的关系:prop向下传递,事件向上传递",上一篇文章当中,关于数据向上传递用到的事件方法 $emit() 阅读全文
posted @ 2018-04-29 10:39 土地情缘 阅读(336) 评论(0) 推荐(0) 编辑
摘要: $emit 触发当前实例上的事件,也可以简单的理解为触发父组件上的事件(向上冒泡),实例(当前实例)如下: 当点击“点我哒”的时候,会依次跳出下面两个 alert,根据前后跳出的顺序我们可以清楚的看到事件的前后触发顺序,如图: 这样是不是就很清楚的理解 $emit 的作用了,:) 其中,我们看Vue 阅读全文
posted @ 2018-04-28 17:57 土地情缘 阅读(1750) 评论(0) 推荐(0) 编辑
摘要: 效果图: 上代码: 代码解读: vue实例当中的data对象中用到了读取数据的方法,但是依据vue的生命周期,data是先读取的,所以,如果把方法写到methods对象当中是会报错的,所以,我把方法写到了vue实例前的storage对象当中;然后呐,html当中keyup.enter当中的enter 阅读全文
posted @ 2018-04-28 16:33 土地情缘 阅读(17031) 评论(0) 推荐(0) 编辑
摘要: 在使用vue-cli快速搭建一个项目前,首先我们要清楚为什么要这样做,原因很多,如: 前端的范畴不断扩大 前后端分离 模块化开发 便于管理... 我个人再加一点,就是便于".vue"组件的开发,原因: 在不使用Vue工程化开发的时候,我们的组件经常性的就是"全局 / 局部"组件的开发,很多的js和c 阅读全文
posted @ 2018-04-23 16:43 土地情缘 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 在Vue项目中,如果要新开一个窗口,使用v-link在过去是可以的,但是在2.0出来之后,v-link指令就被新组件<router-link to='指向要链接的组件'>代替了,但是router-link不支持target="_blank",它是一个开发单页应用的组件,所以,想要打开新窗口还是要使用 阅读全文
posted @ 2018-04-23 11:30 土地情缘 阅读(6626) 评论(0) 推荐(0) 编辑
摘要: 牵扯到js函数调用,this指针就不可避免的要涉及,那么this指针到底指向谁,请牢记:“this永远指向当前正在执行的函数对象”,js函数有四种情况,分别是: NO1: 解释说明:针对这种情况,函数本身就是全局对象,而在html中全局对象就是html本身,而在浏览器中页面对象就是浏览器窗口对象(w 阅读全文
posted @ 2018-04-23 10:07 土地情缘 阅读(528) 评论(0) 推荐(0) 编辑
摘要: Vue.js是个什么东东,有什么用,适用范围是多少,可以在移动端适用吗? 解答: 阅读全文
posted @ 2018-04-22 15:08 土地情缘 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 以下效果全部是移动端测试,不过PC端也没问题 1、a标签和id配合(1rem=50px) <style type="text/css"> div { height: 4rem; } div:nth-of-type(2n) { background: #0083E0; } div:nth-of-typ 阅读全文
posted @ 2018-04-12 10:55 土地情缘 阅读(28378) 评论(0) 推荐(0) 编辑