前端知識總結

guyan0319 發布于2019-08-23 12:35 / 3400人閱讀

摘要：第二步，協程執行到一半，進入暫停，執行權轉移到協程。第三步，一段時間后協程交還執行權。第四步，協程恢復執行。

react-helmet

作用：可以管理頁面的head

Example

import React from "react";
import {Helmet} from "react-helmet";
 
class Application extends React.Component {
  render () {
    return (
        
            
                
                My Title
                
            
            ...
        
    );
  }
};

Nested or latter components will override duplicate changes:


    
        My Title
        
    
 
    
        
            Nested Title

outputs:


    Nested Title

dva

dva 首先是一個基于 redux 和 redux-saga 的數據流方案，然后為了簡化開發體驗，dva 還額外內置了 react-router 和 fetch，所以也可以理解為一個輕量級的應用框架。

官網鏈接：https://dvajs.com/

Generator

形式上，Generator 函數是一個普通函數，但是有兩個特征。一是，function關鍵字與函數名之間有一個星號；二是，函數體內部使用yield表達式，定義不同的內部狀態（yield在英語里的意思就是“產出”）。

function* helloWorldGenerator() {
  yield "hello";
  yield "world";
  return "ending";
}

var hw = helloWorldGenerator();
hw.next()
// { value: "hello", done: false }

hw.next()
// { value: "world", done: false }

hw.next()
// { value: "ending", done: true }

hw.next()
// { value: undefined, done: true }

Promise

回調

fs.readFile(fileA, "utf-8", function (err, data) {
  fs.readFile(fileB, "utf-8", function (err, data) {
    // ...
  });
});

Promise

var readFile = require("fs-readfile-promise");

readFile(fileA)
.then(function (data) {
  console.log(data.toString());
})
.then(function () {
  return readFile(fileB);
})
.then(function (data) {
  console.log(data.toString());
})
.catch(function (err) {
  console.log(err);
});

協程

function* asyncJob() {
  // ...其他代碼
  var f = yield readFile(fileA);
  // ...其他代碼
}

協程

傳統的編程語言，早有異步編程的解決方案（其實是多任務的解決方案）。其中有一種叫做"協程"（coroutine），意思是多個線程互相協作，完成異步任務。

協程有點像函數，又有點像線程。它的運行流程大致如下。

第一步，協程A開始執行。
第二步，協程A執行到一半，進入暫停，執行權轉移到協程B。
第三步，（一段時間后）協程B交還執行權。
第四步，協程A恢復執行。
上面流程的協程A，就是異步任務，因為它分成兩段（或多段）執行。

var gen = function* () {
  var f1 = yield readFile("/etc/fstab");
  var f2 = yield readFile("/etc/shells");
  console.log(f1.toString());
  console.log(f2.toString());
};

var co = require("co");
co(gen);

co(gen).then(function (){
  console.log("Generator 函數執行完成");
});

RESTful

REST全稱是Representational State Transfer，中文意思是表征性狀態轉移

統一資源接口
GET，DELETE，PUT和POST

react-draft-wysiwyg 富文本編輯器

what you see is what you get

A Wysiwyg editor built using ReactJS and DraftJS libraries.

GPU云服務器云服務器位段知識總結 linux數據結構知識點總結前端知識前端知識阿里云

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98786.html

轉崗測試工作三年經驗總結（前端開發轉測試）

摘要：時光飛逝，歲月如梭，我從前端開發崗位轉入測試崗位已經三年了，這期間從迷茫到熟悉，到強化，到熟練，到總結，感受還是很深的三年前的某一個晚上，我正準備下班回家，我們的項目經理把我叫到辦公司和我談話，談了很多，具體說什么不記得 ...

nemo 2021-09-10 10:51 評論0 收藏0
前端開發-從入門到Offer - 收藏集 - 掘金

摘要：一些知識點有哪些方法方法前端從入門菜鳥到實踐老司機所需要的資料與指南合集前端掘金前端從入門菜鳥到實踐老司機所需要的資料與指南合集歸屬于筆者的前端入門與最佳實踐。工欲善其事必先利其器-前端實習簡歷篇 - 掘金有幸認識很多在大廠工作的學長，在春招正式開始前為我提供很多內部推薦的機會，非常感謝他們對我的幫助。現在就要去北京了，對第一份正式的實習工作也充滿期待，也希望把自己遇到的一些問題和...

sf_wangchong 2019-08-20 16:10 評論0 收藏0
騰訊前端求職直播課——面試篇

摘要：主講人石小勇騰訊高級前端工程師，核心成員之一，現主要負責騰訊興趣部落的研發設計工作閑聊前端從移動時代開始，前后端分離之后，前端這個崗位才開始慢慢火起來一線城市前端需求量大，但合格前端很少大話面試面試如相親，為什么這么說五大要素顏王面試的第一主講人：AlloyTeam@石小勇(騰訊高級前端工程師，AlloyTeam核心成員之一，現主要負責騰訊QQ興趣部落的研發設計工作) 1.閑聊前端 ...

YFan 2019-08-21 16:01 評論0 收藏0
騰訊前端求職直播課——面試篇

摘要：主講人石小勇騰訊高級前端工程師，核心成員之一，現主要負責騰訊興趣部落的研發設計工作閑聊前端從移動時代開始，前后端分離之后，前端這個崗位才開始慢慢火起來一線城市前端需求量大，但合格前端很少大話面試面試如相親，為什么這么說五大要素顏王面試的第一主講人：AlloyTeam@石小勇(騰訊高級前端工程師，AlloyTeam核心成員之一，現主要負責騰訊QQ興趣部落的研發設計工作) 1.閑聊前端 ...

gxyz 2019-08-29 12:57 評論0 收藏0
騰訊前端求職直播課——面試篇

摘要：主講人石小勇騰訊高級前端工程師，核心成員之一，現主要負責騰訊興趣部落的研發設計工作閑聊前端從移動時代開始，前后端分離之后，前端這個崗位才開始慢慢火起來一線城市前端需求量大，但合格前端很少大話面試面試如相親，為什么這么說五大要素顏王面試的第一主講人：AlloyTeam@石小勇(騰訊高級前端工程師，AlloyTeam核心成員之一，現主要負責騰訊QQ興趣部落的研發設計工作) 1.閑聊前端 ...

miya 2019-08-01 17:11 評論0 收藏0