React 简单实现(一)

2018-10-07前端字数统计1,247阅读时长6分钟

一、前言 二、createElement 实现 三、render 实现 1、字符串类型 2、标签类型 3、函数类型 四、setState 实现 React 是一款用于构建用户界面的 ...

bind 简单介绍

2018-09-13前端字数统计908阅读时长4分钟

一、bind 方法的作用 1、修改 this 指向 2、可以实现偏函数的效果 3、bind 多次时 this 总是指向第一次 bind 的对象 4、绑定构造函数 二、bind 方法的实现...

Promise 简单实现

2018-07-19前端字数统计2,653阅读时长14分钟

一、Promise 构造函数实现 二、Promise.then 实现 1、then 订阅功能 2、then 返回 promise 2、then 调用多次 3、状态不可逆转 4、Promise...

ReadableStream 简单实现

2018-07-12前端字数统计2,440阅读时长11分钟

一、创建可读流 二、读取长度小于水位线 三、读取长度等于水位线 四、读取长度大于水位线 今天的文章需要提前了解一下 node 中 fs 模块的相关 api,不太熟悉的同学可以点这里。 ...

实现 CommonJs 规范中的 Require 模块

2018-06-25前端字数统计953阅读时长4分钟

一、构造req函数 二、构造Module函数 开始之前大家要先熟悉下 node 中常用文件读写,路径操作等 API。 实现思路:我们通过定义一个 req 函数,代替 node 中的 r...

Express 简单实现

2018-06-22前端字数统计1,482阅读时长7分钟

一、实现 express 启动服务 二、实现 express 路由 三、实现 express 中间件 今天我们利用 node 中的 http 模块实现一个 express 框架。关于 h...

Babel 一下 ES6 中的类及继承

2018-06-19前端字数统计985阅读时长5分钟

一、用ES5实现继承 1、创建父类 2、创建子类并继承 二、用es6实现继承 三、手动实现ES6中类及继承 1、实现父类 2、实现子类及继承 一、用ES5实现继承1、创建父类12...

3D 时钟

2018-01-08前端字数统计1,260阅读时长6分钟

今天我们利用 canvas 和 threejs 基础知识来做一个可以旋转的 3D 时钟动效。效果如下: threejs 基础概念大家需要提前了解一下。 一、制作时钟1、基础变量定义1234...

点线图动画

2017-10-17前端字数统计1,050阅读时长5分钟

世界浩瀚无边,然而都是由粒子组成;一句老话复杂的东西都是由简单的东西组成。 本文主题是一个大家经常看到的点线图简单动画,即下图,所以直接来代码吧! 首先声明一些 js 变量(这些变量不用提前知...

Canvas 多球碰撞和反弹

2017-09-27前端字数统计1,528阅读时长7分钟

一、矢量移动 二、多球撞墙反弹 第一个问题:多球沿矢量运动 第二个问题:如何反弹 现实世界中万千万物都有其独自的运行轨迹,例如直线、圆、螺旋和复杂的贝塞尔曲线。今天我们一起来学习一下...