HTTP November 04, 2018

websocket通信了解

Words count 1.7k Reading time 2 mins.

websocket是HTML5出的协议,他是一个持久化的协议。

首先websocket是一个持久化的协议,在HTTP中一个request只能有一个response,而且这个response也是被动的,...

Read article

HTTP November 04, 2018

websocket通信了解

Words count 1.7k Reading time 2 mins.

websocket是HTML5出的协议,他是一个持久化的协议。

首先websocket是一个持久化的协议,在HTTP中一个request只能有一个response,而且这个response也是被动的,不能主动发起。

下面是用websocket请求的header头

GET /chat HTTP/1.1
Host: server.example.com

//告知服务器是使用websocket的协议
Upgrade: websocket   
Connection: Upgrade

Sec-WebSocket...
Read article

JS November 04, 2018

call stack

Words count 2.9k Reading time 3 mins.

MDN(解释call Stack)


A call stack is a mechanism for an interpreter (like the JavaScript interpreter in a web browser) to keep track of its place in a script that calls multiple functions — what function is currently being run, what functions are called...

Read article

VUE October 21, 2018

初学者可能不知道的vue技巧

Words count 6.6k Reading time 6 mins.

  • 场景一 :this指向改变无法用this访问vue实例
  mounted(){
    setTimeout( function () {
    //setInterval同理
    console.log(this); //此时this指向Window对象
    },1000) ;
  }
  • 解决方法 :使用箭头函数或者缓存this
  //箭头函数访问this实例因为箭头函数本身没有绑定this
  setTimeout(() => {
    console. log(...
Read article

杂文 August 26, 2018

CSS对比 JavaScript动画

Words count 4.7k Reading time 4 mins.

在网页上创建动画有两种主要方法:使用 CSS 和使用 JavaScript。您选择哪种方法实际上取决于项目的其他依赖关系,以及您尝试实现什么类型的效果。

TL;DR

  • 使用 CSS 动画来实现较简单的“一次性”转换,例如切换 UI 元素状态。
  • 当您需要高级效果(例如弹跳、停止、暂停、倒退或减速)时,请使用 JavaScript 动画。
  • 如果选择使用 JavaScript 来编写动画,可选用 Web Animations API 或用起来顺手的现代框架。

大多数基本动画可以使用 CSS 或 ...

Read article

REACT-SAGA August 21, 2018

使用 Redux-Saga 管理 React 应用中的异步 action (上)

Words count 6.5k Reading time 6 mins.

可以用Don’t call me, I’ll call you这句话来比喻react-saga

为了理解 Sagas,我们首先要理解什么是 Generator。下面是 MDN 对 Generator 的描述:

Generator 是在执行时能暂停,后面又能从暂停处继续执行的函数。它的上下文会在继续执行时保存。

你可以把 Generator 理解成一种遍历器对象生成函数,(译注:Generator 执行后返回的遍历器对象)提供一个 next 方法。执行这个方法就会返回下一个状态,或者返回遍历...

Read article
Load more
0%