kaelyn_X-优快云博客

原创使用 TypeScript 来写 Vue

使用 TypeScript 来写 Vue Vue 和 TypeScript 的结合使我们在编写的代码的时候能更及时的避免各种错误，要想更优雅的去编写 Vue 组件，我们可以使用官方维护的 vue-class-component，这个库给我们提供了各种装饰器去结合 TypeScript 来编写我们的 Vue 组件，使用它的好处是我们能通过基于类的 API 去声明组件。而 vue-prop...

2018-12-16 19:50:49 7907 1

原创 Vuex的Action学习

Vuex 的 Action学习 Action 类似于 mutation，不同在于：Action 提交的是 mutation，而不是直接变更状态。Action 可以包含任意异步操作。目录：Vuex 的 Action学习例子将 store 注入到每个子组件提交载荷（Payload）对象风格的提交方式结合 promise例子 Actio...

2018-03-01 20:49:41 803

原创 Vuex的Mutation学习

Vuex 的 Mutation 学习更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。 Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的事件类型 (type) 和一个回调函数 (handler)。目录：Vuex 的 Mutation 学习例子将 store 注入到每个子组件提交载荷（Pay...

2018-02-27 21:53:51 759

原创 Vuex的Getter学习

Vuex 的 Getter 学习若要从 store 中的 state 中派生出一些状态，Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。目录：Vuex 的 Getter 学习例子将 store 注入到每个子组件传...

2018-02-25 13:18:49 2163

原创 Vuex的State学习

Vuex 的 State 学习 Vuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。目录：Vuex 的 State 学习例子将 store 注入到每个子组件mapState 辅助函数对象展开运算符实现与局部计算属性使用例子新建一个 store.js 文件用于创建 store 实例：// store.jsimport ...

2018-02-24 20:35:24 516

原创 vue的混合mixins学习

mixins 混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。当组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。例子新建一个 base.js 文件用于定义混合对象：// base.jsexport const mixin = { created: function () ...

2018-02-23 22:01:30 3507

原创 vue+element的upload组件学习模板

html> head> meta charset="UTF-8"> title>title> link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> head> body> div id="app"

2018-01-28 20:07:04 2670 1

原创 vue+element的tree组件学习模板

vue+element的tree组件的学习模板

2018-01-28 14:26:48 4927

原创 vue+element的table组件学习模板

html> head> meta charset="UTF-8"> title>title> link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> head> body> div id="app"

2018-01-23 21:53:35 1448

转载标签页间通信

介绍使用4种方法实现浏览器内多个标签页之间的通信。

2017-12-23 21:06:39 825

原创 Express使用Multer实现文件上传

介绍一下如何使用 Express 框架的 Multer 中间件实现接收从前端传过来的文件并保存在本地。

2017-12-17 00:23:05 13496 4

转载 HTML5离线存储原理

使用 HTML5，通过创建 cache manifest 文件，可轻松创建 web 应用的离线版本。 HTML5 引入了应用程序缓存，这意味着web应用可进行缓存，并可在没有网络时进行访问。

2017-11-27 19:47:20 1354

转载 BFC与IFC

在普通流中的盒子会参与一种格式上下文，这个盒子可能是块盒(block )也可能是行内盒(inline)，但不可能同时是块盒又是行内盒。块级盒参与块级格式上下文BFC(block formatting context)，行内级盒参与行级格式上下文(inline formatting context)。

2017-11-26 00:11:20 590

转载 JavaScript 六种继承方式

继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的。

2017-11-25 00:05:38 637

JavaScript 垃圾收集机制 JavaScript 具有自动垃圾收集机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。而在 C 和 C++之类的语言中，开发人员的一项基本任务就是手工跟踪内存的使用情况，这是造成许多问题的一个根源。在编写 JavaScript 程序时，开发人员不用再关心内存使用问题，所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾收集机制的原理其实很简单

2017-11-24 09:56:57 348