愿你坚持不懈,努力进步,进阶成自己的巨人

—— 2017.09, 写给3年后的自己

《ECMAScript6入门》学习笔记之Generator的语法

一、介绍 generator是ES6提供的一种异步编程解决方案,从语法上,可以将其理解为一个状态机,封装了多个内部状态。 执行generator函数,会返回一个遍历器对象,所以 generator也是一个遍历器对象生成函数,返回的遍历器对象,可以遍历generator函数内部的每一个状态,定义一个generator函数如:

HTTP学习系列(一)HTTP协议基础

一、http协议 http协议用于客户端和服务端之间的通信,通过请求和响应的交换来达成通信。一次http请求,是从客户端发送请求报文开始,到服务端返回响应报文结束的。以下是一次HTTP请求报文的示例: 请求报文

《ECMAScript6入门》学习笔记之Iterator和for-of

一、基本概念 iterator(迭代器)提供一种统一的接口,用以遍历一个集合型的数据结构。只要一个数据结构实现了iterator接口,那么它就能够: 1)使用for-of遍历 2)被展开运算符(...)展开 使用Typescript来描述迭代器接口的话,可以表示如下:

《ECMAScript6入门》学习笔记之Promise

一、异步编程 由于JavaScript引擎是基于单线程、事件循环的,所以同一时刻只允许一个代码块在执行。在同一时刻中,JavaScript引擎只能执行一个代码块,而其他不在同一个事件循环中的代码块会被放在任务队列中,当当前代码块执行完毕后,事件循环(event loop)会执行队列中的下一个任务。传统上,实现异步编程的解决方案有:

《ECMAScript6入门》学习笔记之Proxy

Proxy用于修改某些操作的默认行为,相当于在语言层面做出修改。可以认为是在目标对象之前架设了一层拦截,外界对目标对象的访问,都需要首先经过拦截层 一、示例 我们可以使用Proxy来拦截一个对象的属性的读写操作: const rea...

《ECMAScript6入门》学习笔记之Class的继承

ES6中引入了class关键字来作为实现类的语法糖,与此同时,ES6中的类也支持继承的概念,以下为继承的学习总结 一、简介 一个简单的继承例子为: class A { // some codes } class B exten...

《ECMAScript6入门》学习笔记之Set和Map

Set()和Map()是ES6中新引入的两种数据结构,Set()同数学上的集合,其子元素不会重复。而Map()则是用来更好实现键值对映射的数据结构,解决了Object中键的类型只能为string的限制 一、基本用法 创建一个Set和一个Map的方法是类似的,都是用构造函数:

《ECMAScript6入门》学习笔记之Symbol

一、基础知识 Symbol是JavaScript的第7种数据类型,用来表示具有唯一性的值,创建一个symbol数据类型的变量,要通过Symbol()函数,如: let s = Symbol(); typeof s; // 'symbol' ...

【转载】FreeMarker学习总结

转自KaolaFed 原文https://github.com/kaola-fed/blog/issues/84 作者:xiechuanlong 1.前言 工程中,由于ftl模板是由前端人员写的,因此...

《ECMAScript6入门》学习笔记之对象的扩展

一、属性的简洁表示法 当对象中属性的key名称和value对应的变量名称相同时,可以只写key名称,如: var foo = '123'; var obj = { foo }; // 这相当于: var obj = { foo: foo } 除了属性可以简写,方法也可以简写,...

《ECMAScript6入门》学习笔记之数组的扩展

一、扩展运算符 ES6引入了扩展运算符...,它可以将一个数组或者一个iterable的对象展开。用法有: console.log(...[1, 2, 3]); // 相当于: console.log(1, 2, 3); 1、展开运算符可以部分代替

vue-loader使用总结

vue-loader是用来加载.vue文件的,下面来总结一下vue单文件组件以及vue-loader的用法 一、Vue组件细则 .vue是一个自定义的文件类型,它采用类html语法来描述一个Vue组件。每个.vue组件包含有三种顶级的语言块:

详解mouseenter和mouseover区别

mouseenter和mouseover是两个常用的鼠标事件。所以很有必要区分清楚两个事件的区别 一、表象 大多数材料对于mouseenter和mouseover的区别解释为: 1)mouseover...

Vuex学习总结

一、什么是vuex 在一个复杂的大型系统中,状态会在多个组件之间跨层级地、错综复杂地传递,这会使得状态难以追踪,debug起来也会很麻烦。而vuex就是为了解决这么一个问题而出现的东西,它能够集中地管理应用的状态,并且能够使得每一种状态都是以可预测的方式发生变化的。 二、单向数据流 可以...