前言与漫谈
前端开发,移动端开发,小程序等端的开发,无非就是页面的搭建+业务逻辑的组织,会开发页面之后,就是性能,优化,内存等深入一点的内容了。我将自学前端开发,通过网络上的教程与各种资料,然后在掘金里总结成知识点,供他人查阅学习,也给自己以后复习使用。
HTML
html就是一套页面的语法规则,用它可以搭建前端页面(HTML 不是一门编程语言,而是一种用于定义内容结构的标记语言),具体有哪些规则和标签呢?整理如下:
<!DOCTYPE html>——文档类型。这是必不可少的开头。混沌初分,HTML 尚在襁褓(大约是 1991/92 年)之时,这个元素用来关联 HTML 编写规范,以供自动查错等功能所用。而在当今,它作用有限,可以说仅用于保证文档正常读取。现在知道这些就足够了。<html></html>——<html>元素。该元素包含整个页面的所有内容,有时候也称作根元素。里面也包含了lang属性,写明了页面的主要语种。<head></head>——<head>元素。所有那些你加到页面中,且不向用户展示的页面内容,都以这个元素为容器。其中包含诸如提供给搜索引擎的关键字和页面描述、用于设置页面样式的 CSS、字符集声明等等。<meta charset="utf-8">——该元素指明你的文档使用 UTF-8 字符编码,UTF-8 包括世界绝大多数书写语言的字符。它基本上可以处理任何文本内容。以它为编码还可以避免以后出现某些问题,没有理由再选用其他编码。<meta name="viewport" content="width=device-width">——视口元素可以确保页面以视口宽度进行渲染,避免移动端浏览器上因页面过宽导致缩放。<title></title>——<title>元素。该元素设置页面的标题,显示在浏览器标签页上,也作为收藏网页的描述文字。<body></body>——<body>元素。该元素包含期望让用户在访问页面时看到的全部内容,包括文本、图像、视频、游戏、可播放的音轨或其他内容。
<h1>主标题</h1>
<h2>顶层标题</h2>
<h3>子标题</h3>
<h4>次子标题</h4>
<p>这是一个段落</p>
<ul>
<li>technologists</li>
<li>thinkers</li>
<li>builders</li>
</ul>
<a href="https://www.mozilla.org/zh-CN/about/manifesto/"
>Mozilla Manifesto</a
>
CSS
CSS主要用来给前端界面定制样式,和 HTML 类似,CSS 也不是真正的编程语言,甚至不是标记语言。CSS 是一门样式表语言,这也就是说人们可以用它来选择性地为 HTML 元素添加样式。 developer.mozilla.org/zh-CN/docs/…
JAVAScript
JavaScript 是一门编程语言,可为网站添加交互功能(例如:游戏、动态样式、动画以及在按下按钮或收到表单数据时做出的响应等)。 www.runoob.com/js/js-tutor…