前端基础

开发前端页面用于查看设备的相关信息；

将设备作为 http 服务器，浏览器加载页面请求数据，或者上传命令到服务器，对数据进行修改或是配置。

---

先放上两个学习站点，初学必备，边学边动手，循序渐进。

菜鸟教程 - 学的不仅是技术，更是梦想！​www.runoob.com

 

w3school 在线教程​www.w3school.com.cn

 

---

 

前端三大基础：

1、HTML

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是编程语言，而是一种标记工具，即超文本标记语言；

• HTML 指的是超文本标记语言 (Hyper Text Markup Language)
• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

2、CSS

CSS 指层叠样式表 (Cascading Style Sheets)

• CSS 指层叠样式表 (Cascading Style Sheets)
• 样式定义如何显示 HTML 元素
• 样式通常存储在样式表中
• 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
• 外部样式表可以极大提高工作效率
• 外部样式表通常存储在 CSS 文件中
• 多个样式定义可层叠为一

3、JavaScript

JavaScript 是世界上最流行的脚本语言。

JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。

JavaScript 被设计为向 HTML 页面增加交互性。

许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页中。

如果您希望学习更多关于 JavaScript 的知识，请马上访问我们的 JavaScript 教程。

 

总的来说，前端开发主要是理解其思想，服务器存储 HTML、CSS、JS 文件，浏览器访问服务器。他们之间的关系如下：

 

HTML 是一种在 Web 上使用的通用标记语言。

HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。

 

CSS被用来同时控制多重网页的样式和布局。

通过使用 CSS，所有的格式化均可从 HTML 中剥离出来，并存储于一个独立的文件中。

 

JavaScript 可以让你的网页更加生动。

如果你只想展示内容，静态网站是很好的展示形象，如果你想与用户进行交换或者让网页更加生动那就需要使用到Javascript。

---

实际的嵌入式项目中，使用 CGI 来进行前端服务

 

CGI编程学习 - CSDN博客

 

CGI：通用网关接口（Common Gateway Interface）

是一个Web服务器主机提供信息服务的标准接口。

通过CGI接口，Web服务器就能够获取客户端（浏览器 html 界面）提交的信息，转交给服务器端的CGI程序（开发板上运行的）进行处理，最后返回结果给客户端（浏览器 html 界面）。

 

 

组成CGI通信系统的是两部分：

一部分是html页面，就是在用户端浏览器上显示的页面。

另一部分则是运行在服务器上的Cgi程序。

---

最后，今天看见一句鸡汤，才想起来这里更新文章。记录下来，分享一下；

 

怎么养成持续学习的习惯？

答案是先养成「坚持」的能力。学习一项你可以学习的技能，坚持做到一周，一个月，三个月，半年，一年。然后，你有了第一个能力，这个能力是「持续做一件事情做了一年」。