2018年12月_fanhaozhi

原创 Vue CLI 3 入门

官方文档安装// 若已安装 vue-cli 2.x/1.x 需要先卸载npm uninstall vue-cli -g// 需要全局安装npm install -g @vue/cli// 查看当前 vue-cli 版本vue --version 创建项目// 命令行创建vue create program-name// 可视化创建vue ui ...

2018-12-24 22:33:28 217

原创 Vue Router 入门

安装：官方文档官方API文档npm install vue-router// router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'// 模块化工程中，Vue.use() 是必须的Vue.use(VueRouter);// 抛出模块，用于跟组件注册const...

2018-12-16 00:19:49 169

原创 Vuex 入门

安装：npm install vuex --save// store/index.js import Vue from 'vue'import Vuex from 'vuex'// 模块化工程中，Vue.use() 是必须的Vue.use(Vuex);// 抛出模块，用于跟组件注册const store = new Vue.store({ // ...});e...

2018-12-16 00:16:00 157

原创 JavaScript 的 Symbol 类型

它是JavaScript的第七种原始类型：有别于6种原始类型：Undefined(未定义)、Null(空值)Boolean、(布尔类型)、Number(数字类型)、String(字符串类型)、Object(对象类型)ES6新特性中的symbol也是值，但它不是字符串，也不是对象，而是是全新的——第七种类型的原始值。常见的用途： symbol是程序创建并且可以用作属性键的值，并且...

2018-12-15 15:17:44 242

原创 JavaScript 的 RegExp 速查

创建正则对象：// 以下三种方法均可以const regex = /^[a-zA-Z]+[0-9]*\W?_$/gi;let regex2 = new RegExp(/^[a-zA-Z]+[0-9]*\W?_$/, "gi");let regex3 = new RegExp("^[a-zA-Z]+[0-9]*\\W?_$", "gi");正则表达式中的特殊字符：修饰符 ...

2018-12-11 22:49:20 150

原创 Vue 渲染函数 (render)

简单例子：Vue.component('render-demo', { props: { num: { type: Number, required: true } }, render (createElement) { return createElement () { 'div', this.props.num } }}...

2018-12-11 22:48:42 308

原创 JavaScript 的 Object 类型

简单创建：// 构造函数体内的"this"将指向实例对象function Box(x, y){ this.x = x; this.y = y;};var box1 = new Box(4, 5); // {x:4,y:5}// 使用JS内置构造函数创建对应对象，如Object/Array/Function/RegExp/Stringvar obj = new Obj...

2018-12-06 22:44:39 169

原创 Vue 过渡动画

进入(v-enter)/离开(v-leave)/移动(v-move)&列表(transition-group)的过渡简单的例子：<div id="demo"> <button @click="show = !show"> Toggle </button> <transition name="fade">

2018-12-01 23:27:27 1736

hozee的个人笔记