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

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

PostCSS学习总结

一、什么是PostCSS 根据官方介绍,PostCSS是这么一个东西: PostCSS是一个用JS插件转换样式的工具,这些插件可以检查CSS代码、支持变量和mixin,转换未来的CSS语法、内联图片等等 而简而言之,PostCSS其实就是CSS界的babel,PostCSS自身做的事情就两件: 1)把...

Redux学习笔记(二): 异步处理

一、异步action 简单的应用如todo应用,涉及的数据操作都是同步操作。但是一般应用开发中都不可避免异步操作,那么如何用redux处理异步数据流呢? 1、Action 调用异步API时,通常要考虑三个时刻: 发起请求时 请求成功 请求失败 所以一般API调用过程中涉及三...

Redux学习笔记(一):入门

由于React只是DOM的一个抽象层,不是一个完整的Web应用的解决方案。为了开发大型的Web应用,我们还需要有一个好的架构来实现代码结构、组件间的通信。Redux应运而生 一、什么是Redux Redux是一个JavaScript状态容器,提供可预测化的状态管理。Redux除了可以和React一起使用外,还支持其他的界面库。...

ReactRouter4学习笔记(二):API

一、ReactRouter的三种路由 1、BrowserRouter <BrowserRouter>使用HTML5的history API(pushState、replacestate和popstate事件)来同步URL和UI,用法:

ReactRouter4学习笔记(一):入门

一、React-router4的理念 react-router4的核心设计理念是“动态路由” 1、静态路由 在Rails、Express、Ember、Angular等库,以及ReactRouter在4.0之前的版本中,使用的都是静态路由。使用静态路由,在应用渲染前的初始化阶段,就需要配置好路由信息。

《ECMAScript6入门》学习笔记之async函数

ES7引入了async函数,使得异步操作变为更加方便和简单。async本质上是generator函数的语法糖 一、介绍 我们现在需要依次读取两个文件,使用generator写,如下: const fs = require('fs') const readFi...

Typescript学习记录:模块

一、介绍 从TypeScript 1.5起,术语名称有了一些变化:内部模块现称为命名空间,外部模块现称为模块 二、支持ES6的模块 TypeScript支持ES6模块,其用法与ES6 Module基本一致(不同的是也支持导出TS的特定语...

Typescript学习记录:高级类型

一、交叉类型 交叉类型将多个类型合并为一个类型,相当于新类型具有这多个类型的所有特性,相当于是一种并的操作,通常在使用混入(mixin)的场合使用交叉类型,交叉类型的形式如: T & U 例子:

Git操作备忘录

常见场景 1、本地新拉了一个分支,如何同步到远端? 使用: $ git push -u origin branchName 2、不小心在错误的分支上写了代码,如何换到另一个分支? 可以使用...

Typescript学习记录:泛型

泛型在可重用组件里是一个很重要的特性,typescript也支持泛型 一、简单的例子 我们想要设计一个函数,函数的作用是返回任何我们传入的东西,如: function identity(arg: number): number { return arg }

Typescript学习记录:函数

一、介绍 函数是JavaScript程序的基础,函数可以实现抽象层、模拟类、信息隐藏和模块。虽然typescript中已经支持了类、命名空间和模块,但是函数仍然是主要的定位行为的地方。typescript增强了函数的功能,使得函数可以更易于使用 二、函数类型 typescript中,函数也是一种类型,其形式可以描述如下:

Typescript学习记录:类

一、基本用法 可以使用class关键字来声明一个类,类里面可以声明属性和方法,如: class ClassName { prop: type // 声明属性 // 声明构造器 constructor() { } ...

Typescript学习记录:接口

一、介绍 typescript的核心设计原则之一是对值所具有的结构进行类型检查,接口的作用就是为类型命名和为代码结构定义契约,一个简单例子如: function showName(person: { name: string; age: number }) { console.log(per...

Typescript学习记录:基础类型与变量声明

一、TS的基础类型 typescript除了兼容JavaScript本身就具有的数据类型外,还支持一些它独特的数据类型,所以typescript共支持以下的基本数据类型: object、boolean、number、string、null、undefined、数组、元组、枚举、any、void、never 在ty...

《ECMAScript6入门》学习笔记之Generator的异步应用

一、基本概念 1、异步 如果一个任务不是连续完成的,那么该任务可以被人为划分为两段,先执行第一段,然后转而执行其他任务,等做好了准备再回过头来准备第二段。而相应的,如果一个任务需要连续执行,中途不能被其他任务插入,那么这种任务就是同步的。 2、回调函数 回调函数就是将函数的第二段写在一个函数里,等到重新执行这个任务的时候,就直接调用该函数,即