|
|
@@ -19,25 +19,27 @@
|
|
|
|
|
|
<script id="hexo-configurations">
|
|
|
var NexT = window.NexT || {};
|
|
|
- var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Muse","version":"7.7.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":true,"show_result":true,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":true},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideLeftIn"}}};
|
|
|
+ var CONFIG = {"hostname":"schtonn.github.io","root":"/","scheme":"Muse","version":"7.7.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":true,"show_result":true,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":true},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideLeftIn"}}};
|
|
|
</script>
|
|
|
|
|
|
<meta name="description" content="Introduction We all know computers, and we basically knows how to use it, but we have no idea about how does it work.">
|
|
|
<meta property="og:type" content="article">
|
|
|
<meta property="og:title" content="How do computers work?">
|
|
|
-<meta property="og:url" content="http://yoursite.com/2020/03/04/computer/index.html">
|
|
|
+<meta property="og:url" content="https://schtonn.github.io/2020/03/04/computer/index.html">
|
|
|
<meta property="og:site_name" content="Schtonn's Blog">
|
|
|
<meta property="og:description" content="Introduction We all know computers, and we basically knows how to use it, but we have no idea about how does it work.">
|
|
|
<meta property="og:locale" content="en_US">
|
|
|
-<meta property="og:image" content="http://yoursite.com/images/transistor.png">
|
|
|
+<meta property="og:image" content="https://schtonn.github.io/images/transistor.png">
|
|
|
+<meta property="og:image" content="https://schtonn.github.io/images/and-gate.jpg">
|
|
|
+<meta property="og:image" content="https://schtonn.github.io/images/compute-module.jpg">
|
|
|
<meta property="article:published_time" content="2020-03-04T04:53:05.000Z">
|
|
|
-<meta property="article:modified_time" content="2020-03-04T10:03:25.741Z">
|
|
|
+<meta property="article:modified_time" content="2020-03-04T10:34:36.992Z">
|
|
|
<meta property="article:author" content="Schtonn">
|
|
|
<meta property="article:tag" content="other">
|
|
|
<meta name="twitter:card" content="summary">
|
|
|
-<meta name="twitter:image" content="http://yoursite.com/images/transistor.png">
|
|
|
+<meta name="twitter:image" content="https://schtonn.github.io/images/transistor.png">
|
|
|
|
|
|
-<link rel="canonical" href="http://yoursite.com/2020/03/04/computer/">
|
|
|
+<link rel="canonical" href="https://schtonn.github.io/2020/03/04/computer/">
|
|
|
|
|
|
|
|
|
<script id="page-configurations">
|
|
|
@@ -160,7 +162,7 @@
|
|
|
|
|
|
|
|
|
<article itemscope itemtype="http://schema.org/Article" class="post-block " lang="en">
|
|
|
- <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/03/04/computer/">
|
|
|
+ <link itemprop="mainEntityOfPage" href="https://schtonn.github.io/2020/03/04/computer/">
|
|
|
|
|
|
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
|
|
<meta itemprop="image" content="/images/avatar.gif">
|
|
|
@@ -186,7 +188,7 @@
|
|
|
<span class="post-meta-item-text">Posted on</span>
|
|
|
|
|
|
|
|
|
- <time title="Created: 2020-Mar-04 12:53:05 / Modified: 18:03:25" itemprop="dateCreated datePublished" datetime="2020-03-04T12:53:05+08:00">2020-Mar-04</time>
|
|
|
+ <time title="Created: 2020-Mar-04 12:53:05 / Modified: 18:34:36" itemprop="dateCreated datePublished" datetime="2020-03-04T12:53:05+08:00">2020-Mar-04</time>
|
|
|
</span>
|
|
|
|
|
|
|
|
|
@@ -203,18 +205,35 @@
|
|
|
<h3 id="introduction"><a class="markdownIt-Anchor" href="#introduction"></a> Introduction</h3>
|
|
|
<p>We all know computers, and we basically knows how to use it, but we have no idea about how does it work.</p>
|
|
|
<a id="more"></a>
|
|
|
+<h3 id="well"><a class="markdownIt-Anchor" href="#well"></a> Well…</h3>
|
|
|
+<blockquote>
|
|
|
+<p>If I can present well, and you can understand well, We can watch a video!</p>
|
|
|
+</blockquote>
|
|
|
<h3 id="deep-inside-the-computer"><a class="markdownIt-Anchor" href="#deep-inside-the-computer"></a> Deep inside the computer</h3>
|
|
|
<p>Inside the computer, there are loads of parts, and the most inportant one is the <strong>CPU</strong>.</p>
|
|
|
<p>The <strong>CPU</strong> contains <strong>basic modules</strong>, which contains <strong>logic gates</strong>, which <strong>contains transistors</strong>.</p>
|
|
|
<h3 id="transistor"><a class="markdownIt-Anchor" href="#transistor"></a> Transistor</h3>
|
|
|
<p>What is a transistor?<br />
|
|
|
Transistor is the most basic part of a computer. It is just an electronic switch, but without it, yout computer cannot compute anything.<br />
|
|
|
-<img src="/images/transistor.png" alt="A transistor" /><br />
|
|
|
-The transistor has three pins, collecter, base, and emitter. You must be familiar with this, beacause we’ve met it before.</p>
|
|
|
+<img src="/images/transistor.png" alt="A transistor" /></p>
|
|
|
+<p>The transistor has three pins, collector, base, and emitter, also, C, B, E for short. You must be familiar with this because we’ve met it before.<br />
|
|
|
+Transistor prosesses information, and the information is called BITS, which can be set to either 0 or 1.</p>
|
|
|
+<h3 id="logic-gate"><a class="markdownIt-Anchor" href="#logic-gate"></a> Logic Gate</h3>
|
|
|
+<p>Combining transistors, you will get logic gates, which can get some input and create some output. For example, an AND gate produces an output of 1 if all its inputs are one, and output of 0 otherwise.<br />
|
|
|
+<img src="/images/and-gate.jpg" alt="AND gate" /></p>
|
|
|
+<h3 id="compute-modules"><a class="markdownIt-Anchor" href="#compute-modules"></a> Compute Modules</h3>
|
|
|
+<p>Combining logic gates, you will get compute modules, which can do some basic calculating, such as <span class="katex"><span class="katex-mathml"><math><semantics><mrow><mi>a</mi><mo>+</mo><mi>b</mi><mo stretchy="false">(</mo><mi>a</mi><mo><</mo><mn>3</mn><mo separator="true">,</mo><mi>b</mi><mo><</mo><mn>3</mn><mo stretchy="false">)</mo></mrow><annotation encoding="application/x-tex">a+b (a<3,b<3)</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.66666em;vertical-align:-0.08333em;"></span><span class="mord mathdefault">a</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span></span><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"></span><span class="mord mathdefault">b</span><span class="mopen">(</span><span class="mord mathdefault">a</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel"><</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:0.8888799999999999em;vertical-align:-0.19444em;"></span><span class="mord">3</span><span class="mpunct">,</span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord mathdefault">b</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel"><</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"></span><span class="mord">3</span><span class="mclose">)</span></span></span></span>.<br />
|
|
|
+<img src="/images/compute-module.jpg" alt="compute module" /></p>
|
|
|
+<h3 id="breaking-change"><a class="markdownIt-Anchor" href="#breaking-change"></a> Breaking change</h3>
|
|
|
+<p>Once you can add small numbers, you can add multiple times to add big numbers. And once you can add, you can also multiply, once you can multiply, you can basically do anything.</p>
|
|
|
+<h3 id="why-anything"><a class="markdownIt-Anchor" href="#why-anything"></a> Why anything?</h3>
|
|
|
+<p>Because you can convert the software into some code, and convert code into machine language, which is just adding and moving some variables.</p>
|
|
|
<h3 id="video"><a class="markdownIt-Anchor" href="#video"></a> Video</h3>
|
|
|
-<video src="/images/computer.mp4" controls="controls" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;">
|
|
|
-your browser does not support the video tag
|
|
|
-</video>
|
|
|
+<p>A video downloaded from YouTube, which is the reference for this article.<br />
|
|
|
+<video src="/images/computer.mp4" controls="controls" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;"><br />
|
|
|
+your browser does not support the video tag<br />
|
|
|
+</video></p>
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@@ -229,7 +248,7 @@ your browser does not support the video tag
|
|
|
</li>
|
|
|
<li class="post-copyright-link">
|
|
|
<strong>Post link: </strong>
|
|
|
- <a href="http://yoursite.com/2020/03/04/computer/" title="How do computers work?">http://yoursite.com/2020/03/04/computer/</a>
|
|
|
+ <a href="https://schtonn.github.io/2020/03/04/computer/" title="How do computers work?">https://schtonn.github.io/2020/03/04/computer/</a>
|
|
|
</li>
|
|
|
<li class="post-copyright-license">
|
|
|
<strong>Copyright Notice: </strong>All articles in this blog are licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" rel="noopener" target="_blank"><i class="fa fa-fw fa-creative-commons"></i>BY-NC-SA</a> unless stating additionally.
|
|
|
@@ -312,7 +331,7 @@ your browser does not support the video tag
|
|
|
|
|
|
<!--noindex-->
|
|
|
<div class="post-toc-wrap sidebar-panel">
|
|
|
- <div class="post-toc motion-element"><ol class="nav"><li class="nav-item nav-level-3"><a class="nav-link" href="#introduction"><span class="nav-number">1.</span> <span class="nav-text"> Introduction</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#deep-inside-the-computer"><span class="nav-number">2.</span> <span class="nav-text"> Deep inside the computer</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#transistor"><span class="nav-number">3.</span> <span class="nav-text"> Transistor</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#video"><span class="nav-number">4.</span> <span class="nav-text"> Video</span></a></li></ol></div>
|
|
|
+ <div class="post-toc motion-element"><ol class="nav"><li class="nav-item nav-level-3"><a class="nav-link" href="#introduction"><span class="nav-number">1.</span> <span class="nav-text"> Introduction</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#well"><span class="nav-number">2.</span> <span class="nav-text"> Well…</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#deep-inside-the-computer"><span class="nav-number">3.</span> <span class="nav-text"> Deep inside the computer</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#transistor"><span class="nav-number">4.</span> <span class="nav-text"> Transistor</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#logic-gate"><span class="nav-number">5.</span> <span class="nav-text"> Logic Gate</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#compute-modules"><span class="nav-number">6.</span> <span class="nav-text"> Compute Modules</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#breaking-change"><span class="nav-number">7.</span> <span class="nav-text"> Breaking change</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#why-anything"><span class="nav-number">8.</span> <span class="nav-text"> Why anything?</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#video"><span class="nav-number">9.</span> <span class="nav-text"> Video</span></a></li></ol></div>
|
|
|
</div>
|
|
|
<!--/noindex-->
|
|
|
|
schtonn
