对于很多没有开始学习软件开发的读者来说,很多人首先陷入一个巨大的疑惑中?究竟什么是编程呢?为什么敲打一些字母,就变成手机app,变成一个 站?这是非常神奇的一件事儿。
我想了很久,我好像也没有办法三言两句就完成这个讲解。但是!我回忆了我本科的学习经历,我突然想到对于这个问题最好的答案,就是依葫芦画瓢,先看几个例子。请大家跟我一起尝试一下几个例子,先感觉一下到底什么是编程。
首先,当我们打开www.baidu.com这个 站的时候,你一定会看到这样一个界面,这是百度的经典界面,已经很多年没有变化了,那今天我们来试试怎么让他改版一下。
百度首页
- 首先,让我们右键单击,你会看到这样一个界面弹出,我们就称它为 站界面(图-第一步)。
- 然后你点击inspect(如果是中文界面,应该是审查元素),然后你的界面会弹出一个新的部分,我们就称它为控制界面,然后你看到密密麻麻的代码(图-第二步)。
- 仔细观察新的那个部分,左上角有一个小箭头,它的作用是这样的:如果你先点击这个小箭头,再去点击原来那个 站界面上的东西,你可以看到控制界面上代码会变化,并且有一行代码会变成深蓝色。我们这里在点击小箭头以后,点击 站界面的 ”百度一下“的蓝色按钮。(图-第三步)
- 蓝色部分的那行代码里面,你会看到 value=”百度一下” 的部分,左键双击value,你会发现你可以修改“百度一下”,我们试试改成“头条一下”,然后敲击回车,并关闭控制界面。你应该会看到如下的样子。(图-第四步)
第一步
第二步
第三步(点击“百度一下”以后)
第四步(修改为“头条一下”以后)
非常神奇,我们通过简单的几个步骤,居然修改了百度首页的界面,但是你重新刷新一下,发现又变回去了。我们来详细的解释一下,这里到底发生了什么。
上面的这个例子非常简单也非常直接,一份代码可以展现完整的 站。前端人员的工作主要也是通过修改这些代码来完成界面样式的更新,数据的更新或者是功能的更新。感兴趣的同学,可以在多多探索一下控制界面的那些功能。
根据之前我们所说的,前端主要技术是JavaScript,HTML还有CSS,我们可以右键查看源代码,就能看到整个完整的代码,一般来说,看起来是非常复杂的,但是它始终是由上面三种技术完成的。
在下一篇文章中,我们将会来学习基本的HTML的知识,然后开始我们的前端技术的路途!!谢谢大家!
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!