摘要: 问题一:什么是vuex? 回答:Vuex 是一个专为 Vue.js 应用程序开发的状态管理器,采用 集中式存储 管理应用的所有组件的状态。 每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。 Vuex 和单纯的全局 阅读全文
posted @ 2020-07-25 18:01 duqianqian 阅读(1875) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-07-25 17:21 duqianqian 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 问题一:vue-router的几种实例方法以及参数传递 实例方法: 实例方法说明 this.$router.push(location, onComplete?, onAbort?) 这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。并且点击  阅读全文
posted @ 2020-07-25 16:54 duqianqian 阅读(2216) 评论(0) 推荐(0) 编辑
摘要: 1、导航被触发。 2、在失活的组件里调用离开守卫。 3、调用全局的 beforeEach 守卫。 4、在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。 5、在路由配置里调用 beforeEnter。 6、解析异步路由组件。 7、在被激活的组件里调用 beforeRoute 阅读全文
posted @ 2020-07-25 16:49 duqianqian 阅读(505) 评论(0) 推荐(0) 编辑
摘要: 问题:当使用路由参数时,例如从 /content?id=1 到 content?id=2,此时原来的组件实例会被复用。这也意味着组件的生命周期钩子不会再被调用,此时vue应该如何响应路由参数 的变化? 参考答案: 复用组件时,想对路由参数的变化作出响应的话, 可以watch (监测变化) $rout 阅读全文
posted @ 2020-07-25 16:42 duqianqian 阅读(1502) 评论(0) 推荐(0) 编辑
摘要: 问题一:什么是vue.js中的自定义指令? 自定义一些指令对底层DOM进行操作 更多参考 Vue里面有许多内置的指令,比如v-if和v-show,这些丰富的指令能满足我们的绝大部分业务需求,不过在需要一些特殊功能时,我们仍然希望对DOM进行底层的操作,这时就要用到自定义指令。 问题二:自定义指令的几 阅读全文
posted @ 2020-07-25 16:39 duqianqian 阅读(1675) 评论(0) 推荐(0) 编辑
摘要: methods : { //禁止滚动 stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,fa 阅读全文
posted @ 2020-07-25 16:36 duqianqian 阅读(453) 评论(0) 推荐(0) 编辑
摘要: 第一步,在 src 下新建 const 文件夹下 新建 const.js . ├── src │ ├── const │ │ ├── const.js │ │ │ └── main.js └── ... 第二步,如何在 const.js 文件下,设置常量 export default { insta 阅读全文
posted @ 2020-07-25 16:34 duqianqian 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 可以分为 静态传递 或者 使用 v-bind动态传递: 例如: 给 prop 传入一个静态的值: <blog-post title="My journey with Vue"></blog-post> 也知道 prop 可以通过 v-bind 动态赋值,例如: <!-- 动态赋予一个变量的值 --> 阅读全文
posted @ 2020-07-25 16:30 duqianqian 阅读(1068) 评论(0) 推荐(0) 编辑
摘要: 由于 JavaScript 的限制,Vue 不能检测对象属性的添加或删除: var vm = new Vue({ data: { a: 1 } }) // `vm.a` 现在是响应式的 vm.b = 2 // `vm.b` 不是响应式的 对于已经创建的实例,Vue 不能动态添加根级别的响应式属性。但 阅读全文
posted @ 2020-07-25 16:03 duqianqian 阅读(721) 评论(0) 推荐(0) 编辑
摘要: 使用CSS3可以轻松实现瀑布流布局 1、column-count 把div中的文本分为多少列 2、column-width 规定列宽 3、column-gap 规定列间隙 4、break-inside: avoid; 避免元素内部断行并产生新列 <!DOCTYPE html><html lang=" 阅读全文
posted @ 2020-07-25 15:53 duqianqian 阅读(610) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-07-25 15:51 duqianqian 阅读(309) 评论(0) 推荐(0) 编辑
摘要: 1、v-lazy 的时候 会遇见部分手机不识别图片 展示空白的问题 总结:可能是某个包的版本问题导致的,有的版本就没问题 保守起见用自身的包 而不是公共包 2、app里的页面,所有接口路径都必须是https,如果是http 则会出现接口不通的情况,包括分享里面的图片 3、有广告位的时候 一定要加 n 阅读全文
posted @ 2020-07-25 15:48 duqianqian 阅读(226) 评论(0) 推荐(0) 编辑
摘要: iOS 5向Web设计人员发布了一个新属性-webkit-overflow-scrolling:touch,该属性使用iOS设备硬件加速器为可滚动div提供本机滚动。 当在开发中在我们的网站上实施时,它确实起作用,但效果不佳。我认为可能存在CSS问题,因此请在这里提出 element { -webk 阅读全文
posted @ 2020-07-25 15:37 duqianqian 阅读(975) 评论(0) 推荐(0) 编辑
摘要: 单页Web应用(single page web application,SPA): 就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这 阅读全文
posted @ 2020-07-25 15:33 duqianqian 阅读(1296) 评论(0) 推荐(1) 编辑
摘要: <template> <div class="toggleClassWrap"> <ul> <li @click="currentIndex = index" v-bind:class="{clicked: index currentIndex}" v-for="(item, index) in d 阅读全文
posted @ 2020-07-25 15:28 duqianqian 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 文件结构: . ├── src │ ├── filter │ │ ├── filter.js │ │ │ └── main.js └── ... 过滤器们放在filter文件夹下 filter/filter.js: 这个文件主要是写了过滤器实现的方法,然后export进行导出。 function f 阅读全文
posted @ 2020-07-25 15:25 duqianqian 阅读(214) 评论(0) 推荐(0) 编辑