前端知识总结

guyan0319 发布于2019-08-23 12:35 / 3267人阅读

摘要：第二步，协程执行到一半，进入暂停，执行权转移到协程。第三步，一段时间后协程交还执行权。第四步，协程恢复执行。

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.

超融合服务器云服务器位段知识总结 linux数据结构知识点总结前端知识前端知识阿里云

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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