finnegan

项目开发的准备本地环境Node.jsnode(npm/yarn) + nvmIDE(Webstorm/Vscode/Atom)Vue-CLi安装命令：npm install -g @vue/cli快速原型开发： npm install -g @vue/cli-service-global测试环境Linux虚拟机自建环境Parallesl/Vmware/Hyperv购买云服务（>1C+2G)安装Docker在Mac os系统安

【思维导图】前端开发JavaScript-巩固你的JavaScript知识体系 版权声明：转载自优快云博主「达达前端」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。原文链接：htt...

基础如果组件没有包含一个 元素，则该组件起始标签和结束标签之间的任何内容都会被抛弃。如果你在模板中写入了/* my-component */<div><slot></slot></div>调用这个组件时,插槽内可以包含任何模板代码<my-component>slot in this</my-component>...

基础一个mixin是一个对象可以包含任意组件选项，通常用js文件，并在文件导出该对象。再在组件之间复用。// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mix...

基础<keep-alive> <component v-bind:is="currentTabComponent"></component></keep-alive>currentTabComponent可以是已注册组件的名字，或 一个组件的选项对象换句话说is attribute 接受一个组件名字比如ElementUI的elIn...

基础学习推荐转载:关于前端学习路线的一些建议（内含经典自测题）转载:前端 - 综合成长学习清单转载:这2万字的前端基础查漏补缺知识，请你收藏好！JavaScript函数转载:开箱即用的JS干货助力金三银四转载:（值得收藏）JavaScript工具函数大全转载:13 个 JS 数组精简技巧，一起来看看转载:JS 原生面经从初级到高级【近1.5W字】浮点数转载:JavaScr...

基础Vue.component('anchored-heading', { render: function (createElement) { return createElement( 'h' + this.level, // 标签名称 this.$slots.default // 子节点数组 ) }, props: { lev...

使用场景插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种：添加全局方法或者属性。如：vue-custom-element添加全局资源：指令/过滤器/过渡等。如 vue-touch通过全局混入来添加一些组件选项。如 vue-router添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。一个库，提供自己的 API，同时提供上面...

基础Vue.component(‘anchored-heading’, { render: function (createElement) { returncreateElement( ‘h’ + this.level, // 标签名称 this.$slots.default // 子节点数组) }, props: { level: { type: Number, required: tr...

钩子函数一个指令定义对象可以提供如下几个钩子函数 (均为可选)：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。update：所在组件的 VNode 更新时调用，但是可能发生在其子 - - VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过...

一个组件专注解决一个单一问题vue组件命名前缀，连字符(-),简短组件表达式简单化,复杂使用 method或computed替代组件prop原子化(是使用原始类型)验证组件的props,为了 保证你的组件永远是可用的(防御式编程)将this赋值给component变量(es6)组件结构化-其一（name; extends; props, data 和 computed; compon...

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。动机单向数据流”理念的简单示意View->Actions->State->View但是当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。对于问题一，传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为...

完整的导航解析导航被触发。在失活的组件里调用离开守卫。调用全局的 beforeEach 守卫。在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。在路由配置里调用 beforeEnter。解析异步路由组件。在被激活的组件里调用 beforeRouteEnter。调用全局的 beforeResolve 守卫 (2.5+)。导航被确认。调用全局的 after...

DOMCore并不专属于JavaScript，任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限于处理网页，也可以用来处理任何一种使用标记语言编写出来的文档，例如XML。JavaScript中的getElmentById()、getElementsByTagName()、getAttribute()和setAttribute()等方法，这些都是DOMCore的组成部分。HTML...

jq选择器基本选择器/**id(?) class(*) tag(*) all(*) multi(*) */$('#id') $('.mini') $('div') $('*') $('span', '#two')层次选择器/**后代(*) 子女(*) next(*) 后面所有同辈(*) */...