NoBugNo

做前端项目开发，自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目开发特点，肯定会遇到一些定制化的开发需求，此时，框架提供的通用组件就不再满足我们的需求了，就需要自己完…

在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记…

第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。 注意:不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "onclick"。 事件传递有两种方式：冒泡与捕获。 事件传递定义了元素事件触发的顺序。 如果你将…

此片博文主要讲解如何应用绝对定位实现完美布局，及应用注意事项。 在布局的过程中我们经常用到绝对定位，很多初学者在一开始用绝对定位经常会达不到预期的效果，因为它们往往会忽略使用绝对定位的两个条件。 当然要啦！代码又没有脑子，没法自己思考应该定位到哪里。为了使用的时候方便，使用绝对…

在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 next:Function,进行管道中的一个钩子，如果执行完了，则导航的状态就是 confirmed （确认的）…

佛语：“赠人玫瑰，手留余香。” 若您感觉博文内容与您有益，请点赞并收藏！ 敬请关注作者，海量博文持续更新中。望与各位码友同学习，共进步！ VuePress ,一个全新的基于 vue 的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档…

我们知道如果想要访问vuex.store中state中的数据，需要使用this.$store.state.属性名。显然这样访问数据写的代码很不简洁，辅助函数就是用来解决这个问题的。 通过辅助函数mapState、mapActions、mapMutations，把vuex.sto…

当我们给props，或者data中被观测的对象修改属性的时候，不能直接修改，必须使用Vue.set方法。 Vue.set方法用来修改对象的属性。如果要增加属性的对象是响应式的，那该方法可以确保属性被创建后也是响应式的，同时触发视图更新。 注：所修改的对象必须为响应式对象，且操作…

在前端应用中，窗口间的通信用的地方还是挺多的，比如弹出qq登录认证窗。 如果你使用postMessage时没有带window，那么，你就是用的本页面的window来调用了它。 这就是要传递的消息了。它可以是一切javascript参数，如字符串，数字，对象，数组，而不是和jso…