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