2019年02月_wyw223

转载 vue nextTick的使用

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOMVue 是异步执行 DOM 更新的，这就用到了事件循环机制，//改变数据vm.message = 'changed'//想要立即使用更新后的DOM。这样不行，因为设置message后DOM还没有更新console.log(vm.$el.textContent) // 并不会得到'chang...

2019-02-25 15:08:10 151

转载 vue实现路由按需加载

1.使用vue异步组件的方式vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 .但是,这种情况下一个组件生成一个js文件/* vue异步组件技术 */{ path: '/home', name: 'home', component: resolve => require(['@/components/home'],resolve)},{...

2019-02-25 14:21:14 515

原创 vue router 导航守卫

vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的判断用户有没有登录// 全局路由守卫router.beforeEach((to, from, next) => { const userdata = Cookies.get('userdata') if (!userdata) { ...

2019-02-25 14:02:20 291

原创 es6 map数据结构

//map数据结构//Set类似于数组，而Map就类似于键值对（Key, Value）；//ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。const map2 = new Map([ ["name","wangyawei"], ["age",24]])console.log(map2.si...

2019-02-23 22:09:06 192

原创 ES6 set数据结构

//set 数据结构//ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值//Set 本身是一个构造函数，用来生成 Set 数据结构。const s = new Set()let arr = [2, 3, 5, 4, 5, 2, 2]arr.forEach(ele => { s.add(ele)})for(let i of s){...

2019-02-23 21:49:06 217

原创 js中的观察者模式

观察者模式是发布加订阅/观察者模式//订阅类class Subject { constructor (){ this.state = 0 this.observers = [] //所有的观察者 } getState() { return this.state } setState(state){ ...

2019-02-20 14:25:12 1259

原创 TypeScript类

传统方法中，JavaScript 通过构造函数实现类的概念，通过原型链实现继承。而在 ES6 中，我们终于迎来了 class。类(Class)：定义了一件事物的抽象特点，包含它的属性和方法对象（Object）：类的实例，通过 new 生成面向对象（OOP）的三大特性：封装、继承、多态封装（Encapsulation）：将对数据的操作细节隐藏起来，只暴露对外的接口。外界调用端不需要（也不可...

2019-02-04 17:06:30 155

原创 TypeScript枚举

枚举（Enum）类型用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。枚举使用 enum 关键字来定义：enum Days {Sun, Mon, Tue, Wed, Thu, Fri, Sat}枚举成员会被赋值为从 0 开始递增的数字，同时也会对枚举值到枚举名进行反向映射enum Days {Sun, Mon, Tue, Wed, Thu, Fri, Sat};...

2019-02-04 16:34:30 742

原创 TypeScript 数组

1.数组的声明let arr1:number[ ] //声明一个数值类型的数组let arr2:Array<string> //声明一个字符串类型的数组2.数组初始化//定义一个空数组，数组容量为0let arr1:number[] = [] //定义一个数组时，直接给数组赋值let arr2:number[] = [1,2,3,4,5]//定义数组的同事...

2019-02-04 16:19:45 3203

原创 TypeScript函数

在TypeScript里定义函数跟JavaScript稍微有些不同function sum(x: number, y: number): number { return x + y;}需要注意的是：声明（定义）函数必须加 function 关键字；函数名与变量名一样，命名规则按照标识符规则；函数参数可有可无，多个参数之间用逗号隔开；每个参数参数由名字与类型组成，之间用分号隔...

2019-02-04 11:51:41 331

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。其实TypeScript就是相当于JavaScript的增强版，但是最后运行时还要编译成JavaScript。TypeScript最大的目的是让程序员更具创造性，提高生产力，它将极大增强JavaS...

2019-02-04 11:02:02 795

原创 koa2如何允许跨域

们都知道当域名、端口、协议有任意一个不一样的时候就会存在跨域，那么跨域如何解决呢，有好多种方式：1、后台允许跨域2、jsonp3、websocket4、iframe…等用koa2写了一个RESTful api，但是调试这个接口的时候，发现需要跨域，下面我们看看koa2-cors如何设置koa2后台允许跨域。安装koa2-corsnpm install --save koa2-co...

2019-02-01 22:00:41 16850 3

原创 koa-static静态资源中间件

在后台开发中不仅有需要代码处理的业务逻辑请求，也会有很多的静态资源请求。比如请求js，css，jpg，png这些静态资源请求。也非常的多，有些时候还会访问静态资源路径。用koa2自己些这些静态资源访问是完全可以的，但是代码会雍长一些。安装koa-staticnpm install --save koa-static使用const Koa = require('koa')const pa...

2019-02-01 21:57:43 1329

原创 Koa2中Session koa-session的使用

session是另一种记录客户状态的机制，不同的是Cookie保存在客户端浏览器中，而session保存在服务器上。工作原理当浏览器访问服务器并发送第一次请求时，服务器端会创建一个session对象，生成一个类似于key,value的键值对，然后将key(cookie)返回到浏览器(客户)端，浏览器下次再访问时，携带key(cookie)，找到对应的session(value)。客户的信...

2019-02-01 21:53:54 1837

原创 Koa2中 Cookie的使用

开发中制作登录和保存用户信息在本地，最常用的就是cookie操作。比如我们在作一个登录功能时，希望用户在接下来的一周内都不需要重新登录就可以访问资源，这时候就需要我们操作cookie来完成我们的需求。koa的上下文（ctx）直接提供了读取和写入的方法。ctx.cookies.get(name,[optins]):读取上下文请求中的cookie。ctx.cookies.set(name,val...

2019-02-01 21:48:14 390

原创 koa2接收get和post请求

1.koa2接收get请求　在koa2中GET传值通过request接收，但是接收的方法有两种：query和querystring。　　query：返回的是格式化好的参数对象。　querystring：返回的是请求字符串。const Koa = require('koa');const Router = require('koa-router');const app = new K...

2019-02-01 21:39:13 4224

原创 koa2之koa-router组件

路由（Routing）是由一个 URI（或者叫路径）和一个特定的 HTTP 方法（GET、POST 等）组成的，涉及到应用如何响应客户端对某个网站节点的访问。通俗的讲：路由就是根据不同的URL地址，加载不同的页面实现不同的功能。Koa中的路由和Express有所不同，在Express中直接引入Express就可以配置路由，但是在Koa中我们需要安装对应的koa-router路由模块来实现。n...

2019-02-01 21:30:56 726

原创 koa简介

Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造，致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件，而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序。安装koa2因为node.js v7.6.0开始完全支持a...

2019-02-01 21:16:11 1019

wyw223的博客