新电脑已经装好了。我不想走：”买前生产力，买后游戏机“前辈们的老路，所以我把电脑搬到了实验室，开始学习前端技术。
实验室是个好地方，电费不用自己出，还有空调和千兆内网，更重要的是不像图书馆——老是有人撒狗粮。为了督促我自己学习，我计划将我每天的内容整理，以学习日记的形式发布在互联网上。今天是第一期。——2019.12.28
这些学习资料来自B站的一位前辈，链接：https://www.bilibili.com/read/cv3560839/?spm_id_from=333.788.b_636f6d6d656e74.140
首先最基础的HTML技术，估计我要学一个多月......
第一节 软件架构：
现在我们我们所用的软件分为两种架构——C/S（Client/Server）和B/S（Browsher/Server),C/S架构是我们比较常用的一种。C表示客户端,用户通过客户端使用软件,S表示服务器，负责对用户上传数据逻辑处理。
特点：1.软件使用前必须安装客户端；2.软件更新时，服务器要与客户端同时更新；3.无法跨平台使用；4.服务器与客户端通信采用自有协议，安全性较高。
B/S架构中，B表示浏览器，B/S本质上也是C/S，只不过B/S架构师用浏览器做客户端，通过网页形式使用软件。
特点：1.软件更新时，客户端不用更新。2.软件无需安装，使用浏览器访问；3.可跨平台访问；4.浏览器与服务器之间采用公开的HTTP协议，安全性较低。但现在有一种https允许在HTTP协议基础上使用自有协议，保证安全性。
该软件开发流程存在因前端与后端耦合度不够而导致用户体验感下降的弊端；新模式中前端往往只为后端提供接口，换句话说，后端看不到具体的网页代码，要求较高；另一种Node.js中前端与后端都有前端设计师设计（全栈工程师）；
前端工程师将设计师的设计转化为代码，然后交给后端工程师，由他们编写服务器代码。我们需要与设计师沟通，需要与产品经理沟通，与后台工程师沟通。我们编写的网页会在整个项目的最前端由用户查看。
前端并不简单好学，入门比较简单，所学知识体量较大。选择做程序员就要不断学习，不断吸取知识。
第二节 学习内容：
学习内容
结构（基石）：HTML用于描述页面的结构；（纯文本结构）
表现（美化）：CSS用于控制页面中元素的样式；（如字体颜色，大小等）
行为（交互）：JavaScript用于相应用户操作。（键盘输入，输出等）
学习工具：浏览器：Firefox，edge，Chrome；编辑器：记事本，NotePad++，HBuilder ；调试工具：fireBug 图片工具：PS
常识：W3C 万维网联盟（World Wid Web Consortium）为制定网页相关标准而成立。
第三节+第四节：
HTML（Hypertext Markup Language）超文本标记语言
超文本指的是超链接，使用超链接可以让我们从一页面跳转到另一个页面；
记事本只能对纯文本（单纯符号和文字）进行编辑，不能实际改变字体属性；对文本类型文件，可以通过更改扩展名来声明文本类型（注：win7以前只支持三位扩展名）。
HTML中标签成对出现，有开始便有结束。如一级标题"<h1>中间输入内容</h1>"
网页标准格式:
<html> <!-- 根标签 所有内容应写进HTML标签当中-->
<head><!-- 头标签，不会在网页当中直接显示，帮助浏览器解析页面-->
<title>网页标题 </title><!-- 标题标签 ，会显示在浏览器的标题栏中，搜索引擎在检索页面时，会首先检索title标签中的内容，影响优先级-->
</head>
<body>< !-- 主体标签 -->
<h1>我的第一个网页</h1> <!-- 一级标题,可到h6 -->
</body>
</html>
网友评论