摘要: 下面的例子演示了如何使用Object.create()来实现类式继承。这是一个所有版本JavaScript都支持的单继承。 // Shape - 父类(superclass) function Shape() { this.x = 0; this.y = 0; } // 父类的方法 Shape.pr 阅读全文
posted @ 2020-05-11 00:50 前端客 阅读(399) 评论(0) 推荐(0) 编辑
摘要: 作者:doris链接:https://www.zhihu.com/question/34183746/answer/58155878来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 是时候拿出我珍藏多年的这张图了: 初学javascript的时候也跟题主一样搞不清楚,自 阅读全文
posted @ 2020-05-11 00:44 前端客 阅读(1144) 评论(0) 推荐(0) 编辑
摘要: Vue使用v-on指令绑定事件,简写为@,其用在普通元素上时,只能监听原生 DOM 事件。用在自定义元素组件上时,也可以监听子组件触发的自定义事件。 1.修饰符 stop - 调用 event.stopPropagation(),停止冒泡。 prevent - 调用 event.preventDef 阅读全文
posted @ 2020-05-11 00:40 前端客 阅读(2200) 评论(0) 推荐(0) 编辑
摘要: 设想一下,如果不用Vuex,我们应该如何在页面各组件之间传值?通过props、$emit在父子组件之间来回穿梭传值?抑或通过bus在组件之间共享值?无论哪种方式,都是极其麻烦或者可读性非常差的。而Vuex的引入很好的解决了这个问题,它把一些共享的属性(状态)集中的管理起来,使得你只需要关注Vuex中 阅读全文
posted @ 2020-05-11 00:38 前端客 阅读(638) 评论(0) 推荐(0) 编辑
摘要: 本篇文章将介绍常用的几个Vue UI框架,不说好坏,只对一些参数进行对比,大家可以根据自己的考量选择适合自己的UI框架。 文章推荐:《总共投入一万多,靠销售网络赚钱课程,每月收入近10万》 1. 对比 框架名称组件数量单元测试率admin项目维护团队GitHub Star数(2019/10/16)原 阅读全文
posted @ 2020-05-11 00:35 前端客 阅读(28119) 评论(0) 推荐(3) 编辑
摘要: 1. Router Router是Vue-router的定义,在面向对象的思想中可以理解为Router类。 2. Router实例 Router实例是指通过new Router()方法实例化的一个Router实例对象。 3. Router对象 一个路由对象 (Router对象) 表示当前激活的路由的 阅读全文
posted @ 2020-05-11 00:32 前端客 阅读(1486) 评论(0) 推荐(0) 编辑
摘要: 1. 导航守卫 导航守卫:在路由正在发生改变的过程中,通过跳转或取消跳转的方式控制导航。 控制导航过程的三个机会点:全局的、单个路由独享的及组件内的。 1.1 全局的 前置守卫 使用 router.beforeEach 注册一个全局前置守卫: 12345 const router = new Vue 阅读全文
posted @ 2020-05-11 00:19 前端客 阅读(556) 评论(0) 推荐(0) 编辑
摘要: 1. 响应路由参数的变化 定义一个路由如下: 12345678910111213141516 export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: ' 阅读全文
posted @ 2020-05-11 00:15 前端客 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 1. Vue传参方式 1.1 通过动态路由传参 我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segmen 阅读全文
posted @ 2020-05-11 00:13 前端客 阅读(19189) 评论(0) 推荐(0) 编辑
摘要: 1、什么是对象、对象的属性、方法 对象是由一些变量和函数组成的一个集合,我们将这些变量和函数称之为对象里面的属性和方法,如下是一个自定义对象单例(对象直接量)的例子: 123456789101112131415 var car = { brand : 'BMW',//品牌 model : 'X3', 阅读全文
posted @ 2020-05-11 00:11 前端客 阅读(240) 评论(0) 推荐(0) 编辑