import React from "react";
import 'bootstrap/dist/css/bootstrap.min.css';


const infoMap = {
    msgInit: '通过键盘在文本框输入字符后在浏览器Console中显示对应的ASCII码',
    alertInfo: '按回车键，msg值为：',
}

class KeyBind extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            msg: infoMap.msgInit,
        }
    }
    keyUp = (e) => {
        console.log(e.keyCode);
        if (e.keyCode === 13) {
            alert(infoMap.alertInfo + e.target.value);
        }
    }
    render() {
        return (
            <div>
                <h2>{infoMap.msgInit}</h2>
                <input type="text" onKeyUp={this.keyUp} />
            </div>
        )
    }
}

const KeyboardEventExample = () => {
    return (
        <span>
            <KeyBind/>
        </span>
    )
}

export default KeyboardEventExample;

回车键，效果：

017-11-07 05:41:00 作者：郎孟华

CPU是什么？八核处理器啥意思？

看到这个标题可能很多人首先是嗤之以鼻，玩DIY的谁还不知道CPU是啥，好吧，其实本篇问答是专门针对没有接触过DIY的小白玩家，比如某些资深DIY玩家的女朋友，再遇到这种小白问题的时候你就直接反手给她一......张过去的CD（链接），看看那时我们的解析。

封装好的CPU

CPU，全称 Central Processing Unit，中央计算单元，取首字母缩写为CPU，核心技术是利用硅的半导体特性，制作出极其微小密集的大规模集成电路，从而实现计算，最简单的理解方式就是，计算器，你输入1+1的时候他会帮你算出2，电脑也是这样的过程，你鼠标进行操作，他反馈出你想要的结果，内部过程非常复杂，但归根结底都是CPU来计算的。

硅晶圆经过光刻之后做出来的核心

处理器现在已经简化为一个约定俗成的商品，被封装在一个小的基板里面，保护核心安全，市面上买到的CPU就是已经很成熟的商品。

你可以将CPU理解为一个厨师，你的输入就相当于点菜，厨师会马上根据你的需求来做，做的速度取决于其性能，性能越强的话，他做菜也就越快，你就能更快的收到结果。

八核处理器，多核心是在很久之前就已经开始采用的方案，当时的单核心处理器计算能力达到了瓶颈，想要继续快速提升已经非常困难，所以就另辟蹊径选择了将多个计算核心整合到一起让他们协同计算的方案，有多少个计算核心我们就称它为几核处理器，如八核，四核。

继续用上面厨师的例子，你发现一个厨师再怎么样也就只能达到这个速度了，但是并不能达到你的要求，那怎么办，你选择再找一个厨师，这样两个人一起工作效率就提升很多，这就是多核心处理器。

Intel处理器

顺便提一下Intel超线程技术，就是常看到的i7处理器四核心八线程，工程师发现单一任务并不能让处理器核心达到满负荷运行，所以就将其分为两个逻辑处理器，同时给他两个任务来做，这样能达到理论上的双倍效率（实际并不能达到）。

如果用厨师的例子来解释就是，通过训练让厨师学会了双手各持一个炒勺，同时炒两个菜，理论上效率又一次翻倍。

您有什么DIY方面的问题都可以在文章下方进行评论，我们期待您的参与。

往期回顾：

主板电池没电了会怎么样？每日一答

http://mb.zol.com.cn/664/6640564.html

顿号在键盘上怎么打？每日一答

http://cpu.zol.com.cn/663/6636692.html

电脑主板多少钱，该买那种？每日一答

http://mb.zol.com.cn/663/6636804.html

组装电脑是什么，好不好用？每日一答

http://mb.zol.com.cn/663/6634786.html