一步步搭建物联网体系——无处不在的HTML

2024年4月16日 207次阅读 来源: phodal

某一天，正走在回学校的路上的我倏忽想到：“将来将会是一个科技的时期——虽然如今也是——只是在将来，科技将会无处不在。假如我们照旧对四周这些无处不在的代码一窍不通的话，或许我们会成为黑客帝国当中被掌握的一般人。”因而最先想着，有一天人们会像进修一门言语一样最先进修编程，直到又有一天我看到了进修编程犹如进修一门言语的说法。这又恰幸亏我做完最小物联网体系以后，算是一个风趣的时刻点，我最先想着像之前做最小物联网体系的那些步骤一样，写一个简朴的入门。也能够补充好之前在这个最小物联网体系缺失的那些东西，给那些正在最先试图去处理编程题目的人。

让我们先从身旁的言语动手，也就是如今无处不在的html+javascript+css。

无处不在的HTML

之所以从html最先，是由于我们不须要设置一个庞杂的开辟环境，或许你还不晓得开辟环境是什么东西，不过这也没紧要，毕竟这些学问须要逐步的打仗才有所相识，尤其是关于一般的业余爱好者来讲，固然，关于专业选手言天然不是题目。HTML是Web的中心言语，也算是比较基本的言语。

html的hello,world

Hello,world是一个传统，所以在这里也遵照这个风趣的传统，我们所要做的事变着实很简朴，虽然也有一点点hack的以为。——让我们先来新建一个文并命名为”helloworld.html”。

(PS:大部分人应当都是在windows环境下事情的，所以你须要新建一个文本，然后重命名，或许你须要一个编辑器，在这里我们引荐用sublime text。破解不破解，注册不注册都不会对你的运用有太多的影响。)

  1. 新建文件

  2. 输入

hello,world

  1. 保留为->”helloworld.html”，

  2. 双击翻开这个文件。 一般情况下都应当是用你的默许浏览器翻开。只如果一个一般事情的当代浏览器，都应当能够看到上面显现的是”Hello,world”。

这才是最短的hello,world顺序，然则呢？在ruby中会是这模样的

bash2.0.0-p353 :001 > p "hello,world"
"hello,world"
    => "hello,world"
2.0.0-p353 :002 >

等等，假如你相识过html的话，会以为这一点都不相符语法划定规矩，然则他事情了，没有什么比安装完Nginx后看到It works!更让人激动了。

遗憾的是，它能够没法在所有的浏览器上事情，所以我们须要去调试个中的bug。

调试hello,world

我们会发明我们的代码在浏览器中变成了下面的代码，假如你和我一样用的是chrome，那末你能够右键浏览器中的空缺地区，点击检察元素，就会看到下面的代码。

html<html>
    <head></head>
    <body>hello,world</body>
</html>

这个才是真正能在大部分浏览器上事情的代码，所以复制它到编辑器里吧。

说说hello,world

我很不喜好个中的<*></*>，然则我也没有找到别的方法来替代它们，所以这是一个设想妥当的言语。以至大部分人都说这算不上是一门真正的言语，不过html的原义是

超文本标记言语

所以我们能够发明个中的关键词是标记——markup，也就是说html是一个markup，head是一个markup，body也是一个markup。

但是，我们真正事情的代码是在body内里，至于为何是在这内里，这个题目就太庞杂了。打个比方来讲：

  1. 我们所运用的汉语是人类用伶俐制造的，我们所正在学的这门言语一样也是人类制造的。

  2. 我们在自身的言语里遵照着桌子是桌子，凳子是凳子的准绳，很少有人会问为何。

想用中文？

所以我们也能够把计算机言语与实际天下里用于交换沟通的言语划上一个等号。而我们所要进修的言语，并非我们最熟习的汉语言语，所以我们便以为这些很庞杂，然则假如我们试着用汉语替换掉上面的代码的话

HTML<言语>
    <头><完毕头>
    <身材>你好，天下<完毕身材>
<完毕言语>

这看上去很新鲜，只是由于是直译过去的缘由，或许你会以为如许会好明白一点，然则输入上可就一点儿也不方便，由于这键盘自身就不合适我们去输入汉字，同时也意味着能够你输入的会有题目。

让我们把上面的代码替代掉本来的代码然后保留，翻开浏览器会看到下面的效果

HTML<言语> <头><完毕头> <身材>你好，天下<完毕身材> <完毕言语>

更不幸的效果多是

HTML<璇█> <澶�><缁撴潫澶�> <韬綋>浣犲ソ锛屼笘鐣�<缁撴潫韬綋> <缁撴潫璇█>

这是一个编码题目，对中文支撑不友爱。

我们把上面的代码改成和标记言语一样的构造

HTML<言语>
    <头></头>
    <身材>你好，天下</身材>
<完毕言语>

因而我们看到的效果就是

HTML<言语> <头> <身材>你好，天下

被chrome浏览器剖析成什么样了？

html<html><head></head><body><言语>
        <头><!--头-->
        <身材>你好，天下<!--身材-->
    <!--言语-->
</body></html>

以

末端的是解释，写给人看的代码，不是给机械看的，所以机械不会去明白这些代码。

然则当我们把代码改成

HTML<whatwewanttosay>你好天下</whatwewanttosay>

浏览器上面显现的内容就变成了

HTML你好天下

或许你会以为很奇异，然则这一点儿也不奇异，虽然我们的中文语法也遵照着标记言语的规范，然则我们的浏览器不支撑中文标记。

结论:

  1. 浏览器对中文支撑不友爱。
  2. 浏览器对英文支撑友爱。

刚最先的时刻不要对中文编程有太多的主意，这是很不实际的:

  1. 现有的体系都是基于英语言语环境构建的，对中文支撑不是很友爱。
  2. 中文输入的速率在某种程度上来讲没有英语快。

我们脱离话题已很远了，然则这里说的都是针关于那些不满于英语的人来讲的，只要当我们能够从新构建一个中文体系的时刻才是可行的，而这些就要将cpu、软件、硬件都包含在内，以至我们还须要斟酌从新设想cpu的构造，在某种程度上来讲会有些不实际。或许，须要一代又一代人的勤奋。遗忘那些吧，师夷长之技以治夷。

其他html标记

增加一个题目，

HTML<html>
    <head>
        <title>题目</title>
    </head>
    <body>hello,world</body>
</html>

我们便能够在浏览器的最上方看到“题目”二字，就像我们经常使用的淘宝网，也包含了上面的东西，只是还包含了更多的东西，所以你也能够看懂那些我们能够看到的淘宝的题目。

html<html>
<head>
    <title>题目</title>
</head>
<body>
hello,world
<h1>大题目</h1>
<h2>次题目</h2>
<h3>...</h3>
<ul>
    <li>列表1</li>
    <li>列表2</li>
</ul>
</body>
</html>

更多的东西能够在一些书本上看到，这边所要说的只是一次简朴的言语入门，其他的东西都和这些相似。

美好的地方

我们简朴地上手了一门不算是言语的言语，浏览器简化了这个中的大部分历程，虽然没有C和其他言语来得有专业感，然则我们试着去最先写代码了。我们能够在将来的某一篇中能够会看到相似的言语，诸如python，我们所要做的就是

bash$ python file.py
=>hello,world

然后在终端上返回效果。只是由于在我看来学会html是有意义的，简朴的上手，然后再逐步地深切，假如一最先我们就去明白指针，最先去明白类。我们以至还晓得顺序是怎样编译运转的时刻，在这个历程当中又发生了什么。虽然如今我们也没能明白这个中发生了什么，然则最少展现了

  1. 中文编程言语在当前意义不大，不实际，效力不高兼容性差
  2. 言语的语法是牢固的。（ps:虽然我们也能够举行扩大，我们将会在厥后支撑上述的中文标记。）
  3. 已最先写代码，而不是还在设置开辟环境。
  4. 随身的东西才是最好的，最经常使用的code也才是着实的。

更多

我们还没有试着去处理“某商店里的糖一颗5块钱，小明买了3颗糖，小明一共花了多少钱”的题目。也就是说我们学会的是一个还不能处理实际题目的言语，因而我们还须要学点东西，比方javascript,css。我们能够将Javascript明白为处理题目的言语，html则是前端显现，css是设置文件，如许的话，我们会在那以后学会成为一个近乎专业的顺序员。我们方才进修了一下怎样在前端显现那些代码的行动，因而我们还须要Javascript。

在线检察:一步步搭建物联网体系

图灵-电子书版一步步搭建物联网体系

    原文作者：phodal
    原文地址: https://segmentfault.com/a/1190000002482630
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞