web前端开发三大基本语言是

web前端开发基础#HTML语言基础

2020-02-25 21:30:47

HTML语言基础 HTML是一种描述性标记语言，用来描述页面内容的显示方式。...HTML文档结构是由,,这三大元素组成： < html>元素：文档以标签开始，以标签结束，所有内容都要放在这两个标签之间。 < head>...

HTML语言基础
HTML是一种描述性标记语言，用来描述页面内容的显示方式。

HTML文件是一种纯文本文件，以“.html”或“.htm”为后缀。

HTML的基本组成元素，语法结构如下：

<标签>

内容

<标签>

HTML文档结构是由< html>,< head>,< body>这三大元素组成：

< html>元素： 文档以标签开始，以标签结束，所有内容都要放在这两个标签之间。

< head>元素：页面头部信息，用于向浏览器提供整个页面的基本信息，但不包含页面的主体内容。头部信息中主要包含页面的标题、元信息、CSS样式、JavaScript脚本等元素。页面头部信息通常并不在浏览器中显示，标题元素（标签的内容）除外，会显示在浏览器的窗口的左上角。

< body>元素:页面的正文，是用户在浏览器主窗口看到的信息，包括图片、表格、段落、图片、视频等内容，且需要位于标签之内，但不是所有的内部标签但是可见的。

代码如下：
<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>一个简单页面</title>
</head>
<body>
	网页正文部分
	<img src="images/logo.jpg" />
	<table>
		<tr><td>Hello,HTML!</td></tr>
	</table>
</body>
</html>

编写HTML文件的注意事项：

HTML不区分大小写，而XHTML区分大小写；

HTML标签的属性与属性值；

HTML中的空格；

HTML中的注释；

标签可以嵌套使用。
HTML文档的元素包含很多标签，用于向浏览器提供整个页面的基本信息。

中可以包含以下子元素：< title>、< meta>、< base>、< link>、< script>以及< style>等。
页面的标题位于< title>标签内，可以包含任何字符或实体。

网页标题的作用：

在浏览器的标题栏中显示标题；

标题可以用作默认快捷方式或收藏夹的名称；

标题还可以作为搜索引擎结果中的页面标题。

例如：



meta元素用于向客户的浏览器传递信息和命令，而不是用来显示内容的。

一个< head>标签中可以包含一个或多个< meta>标签。

< meta>标签主要分为两大类：

对页面的设置，通过http-equiv属性进行指定

对搜索引擎的设置，通过name属性进行指定



例如：
<html>
<head>
   <title>漫步时尚广场 E&amp;S</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <meta http-equiv="Refresh" content="5;url=http://www.itshixun.com" />
   <meta name="keywords" content="漫步时尚广场,时尚,购物,影视,餐饮"/>
   <meta name="description" content="游客漫步在时尚广场,可漫步湖畔步行街,可在国际名品店、时尚精品店徜徉,在电影区感受视听震撼,在咖啡、酒吧一条街放松身心,在世界特色餐厅享受美味。 "/>
   <meta name="robots" content="all"/>
</head>
<body>
     Meta标签的使用，5秒后进入QST官方网站~
</body>
</html>


HTML文档中的文本元素包括：内容标题、文本修饰以及特殊字符

内容标题：< h1>< h2>< h3>< h4>< h5>< h6>

文本修饰：< font>< b>< i>< s>< u>< sup>< sub>< strong>< big>< small>

特殊字符：双引号（“）  &号   空格小于号（<）   大于号（>）

小于等于（≤）大于等于（≥）版权号（©）商标符号（™）注册商标（®）

分数（¼）分数（½）等
标签是双标签，默认情况下，在大多数浏览器中显示的< h1>< h2>< h3>元素内容大于文本在网页中的默认尺寸，< h4>元素的内容与默认文本的大小基本相同，而< h5>和< h6>元素的内容较小一些。

例如：
<html>
  <head>
    <title>漫步时尚广场 E&amp;S</title>
  </head>
  <body>
    <h1>一级标题 —— 漫步时尚广场</h1>
    <h2>二级标题 —— Q- Walking Fashion E&S </h2>
    <h3>三级标题 —— 购物广场</h3>
    <h4>四级标题 —— 男装区</h4>
    <h5>五级标题 —— 上衣区</h5>
    <h6>六级标题 —— 衬衣</h6>
  </body>
</html>


效果图：

文本修饰标签：



注意：HTML 5为< strong>标签增加了语义，使用< strong>标签包起来的文本表示重要的文本。

HTML 5中删除了原有的标签，并对标签进行重新定义，用于标识所谓的“小字印刷体”，通常用来标注诸如注意事项、法律规定、免责声明或版权相关的声明性文字。
标签可以用来控制更多的文本字体外观样式，通过face、size和color属性来设定文本的字体、大小和颜色。
<font face="隶书" size="10" color="blue">通过font标签设置字体</font>
<font face="楷体" size="+3" color="#FF0000">设置字体的样式</font>
<font face="黑体" size="-1" color="gray">设置字体的样式</font>


特殊字符



文档结构元素：

段落标签< p>用于对网页内容提供块级格式。当浏览器解析< p>标签时，通常在下一个段落之前插入一个新的空白行。

< br />标签，可以在文本内容不结束的情况下需要对文本进行换行
标签是空标签， br和“/”之间存在一个空格。

< hr />标签可以在页面中产生一条水平线，将文本区域内容分开。

列表元素：

在HTML页面中，使用列表将相关信息放在一起，会使内容显得更具有条理性。HTML中的列表有以下三种类型：

有序列表：使用一些数值或字母作为编号；

在有序列表中，每一项的前缀可以通过数字或字母进行编号。

HTML中提供了
标签来实现有序列表有序列表：使用一些数值或字母作为编号；

<ol>
	<li>列表项 1</li>
	<li>列表项 2</li>
	......
</ol>


其中：

< ol>中允许包含多个列表项，每一个列表项都嵌入在< ol>< /ol>之间；

< li>标签用于展示某一列表项，其内容包含在< li>之间。

通过type属性可以指定有序列表编号的样式，取值方式有如下几种：

“1”代表阿拉伯数字（1、2、3…）；

“a”代表小写字母（a、b、c…）；

“A”代表大写字母(A、B、C…）；

“i”代表小写罗马数字（i、ii、iii…）；

“I”代表大写罗马数字（I、II、III…）。

通过start属性指定列表序号的开始位置，例如start="3"表示从3开始编号。
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>有序列表</title>
  </head>
  <body>
    <ol type="A" start="3">
      <li>购物区</li>
      <li>男装</li>
      <li>女装</li>
      <li>童装</li>
      <li>休闲装</li>
      <li>运动装</li>
    </ol>
  </body>
</html>



效果图：



无序列表：使用项目符号作为编号；

无序列表与有序列表不同，无序列表每一项的前缀显示的是图形符号，而不是编号。

HTML中提供了< ul>标签来实现无序列表：
<ul type="类型">
	<li>列表项 1</li>
	<li>列表项 2</li>
	......
</ul >


其中：

每一个列表项< li>嵌入在< ul>< /ul>之间，使用方式基本与有序列表一致；

type属性用于设置列表的图形前缀，取值可以是circle（圆）、disc（点）、square（方块）、none等类型；当缺省type属性时大部分浏览器默认是disc类型。
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>无序列表</title>
</head>
<body>
  <ul type="disc">
    <li>购物区</li>
    <li>男装</li>
    <li>女装</li>
    <li>童装</li>
    <li>休闲装</li>
    <li>运动装</li>
  </ul>
</body>
</html>


效果图：



定义列表：列表中的每个项目与描述配对显示。

定义列表是一种特殊列表，将项目与描述成对显示，使用
标签来实现

其中：

<dl>
	<!-- 第1项开始 -->
	<dt>标题 1</dt >
	<dd>描述 1</dd>
	<!-- 第1项结束 -->
	<!-- 第2项开始 -->
            ......
	<!-- 第2项结束 -->	
</dl >


一个定义列表中可以包含1~n个子项；

每一子项都由两部分构成：标题(dt)和描述(dd)，且成对出现；

< dt>< /dt>标签用于存放标题内容；< dd>< /dd>标签用于存放描述内容。
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>定义列表</title>
</head>
<body>
  <dl>
    <!-- 第一项开始 -->
    <dt>购物区</dt>
    <dd>近年来，随着经济社会和现代物流业的快速发展，带动了电子商务的快速发展……</dd>
    <!-- 第一项结束 -->
    <dt>影视区</dt>
    <dd>能够在线收看高清电影电视剧、体育直播、游戏竞技视频、动漫视频、综艺视频、财经资讯视频播放流畅、完全免费，是网民喜爱的休闲娱乐区。</dd>
    <dt>餐饮区</dt>
    <dd>通过互联网使消费者及时了解餐厅营运、在线点菜、优惠套餐等方式进行网络销售传播，便利充分地实现餐厅服务价值交换。</dd>
  </dl>
</body>
</html>


效果图：



div与span标签

标签属于行内块，用于指定行内元素

通过标签来选择特定的文本，以便赋予特殊的样式；
<span style="块元素的样式" class="类选择器名称" align="对齐方式">
    内容部分
</span>

其中：

style属性用于设置span元素的行内样式；

class属性用于引用CSS的类选择器；

align属性用于设置span元素中的内容的对齐方式，取值范围是left、right、center或justify

注意：如果只是用< div>标签不使用CSS样式，在页面中的效果与< p>基本相同，且独占一行。通过< div>标签可以对页面进行整体划分，并使用CSS进行修饰，以实现页面的布局。

URL简介：

协议、主机地址和文件路径共同组成了一个完整的URL：

网页通常采用HTTP超文本传输协议传递信息，对应的网址基本使用http://前缀

电子商务等网站对安全性更高时，多采用https协议（https://前缀）

文件上传下载时，多采用ftp://前缀

主机地址（Host Address）一般是网站的域名，如www.itshixun.com

主机地址也可以使用IP地址（数字形式），例如：192.168.1.100、115.239.210.27等

文件路径通常与网站的目录结构相对应，以斜杠（/）开始，以文件夹名或文件名结束，中间可以包含一级或多级目录，例如：/web/test/index.html或/web/test/

绝对路径：

绝对路径是指一个完整的路径

http://www.itshixun.com/movie/index.html

d:/web/movie/index.html

绝对地址相对比较长，而网站的每个页面可能包含很多链接，页面代码显得比较臃肿。

相对路径：

相对路径比绝对路径更加简洁，方便后期网站的维护

当浏览器访问Web资源时，浏览器需要完整的URL才能获取到资源内容；当页面中提供的地址是相对路径时，浏览器会将相对URL转成完整的绝对URL后再获取资源。

相对路径的访问方式有以下几种形式：同一目录、子目录、父目录、根目录

注意：相对路径仅适用于链接相同网站中的内容，不能用于链接其他域名下的资源。

根目录方式在本地访问时无法实现，只有站点内容上传到Web服务器上才能展示效果。

图像标签：

在页面中，使用标签向HTML文档中添加一幅图像
<img src="url" alt=" " .../>




文本链接与锚点链接：

文本链接是指链接内容是文本内容。链接目标可以是站内链接，也可以是站外链接；
<a href="../index.html" title="网站首页">首页</a><br />
<a href="list.html" title="本教程提供的列表示例页面">列表示例</a><br />
<a href="http://www.baidu.com">百度</a> <br />


效果图：



< a>标签的title属性用于给链接添加标题，当鼠标悬停在超链接之上时，会提供该链接的更多相关信息。

锚点链接分为同一页面的锚点链接和跨页面的锚点链接，实现步骤如下：

（1）在目标页面中，使用< a>标签创建锚点标记

（2）在页面中，创建超链接链接到锚点

< a>标签的href属性是由“#”+“目标锚点名称”两部分构成
<a id="myAnchor">这里是我创建的锚点位置</a>	    <!--推荐使用-->
<a name="otherAnchor">这里是我创建的锚点位置</a>   
<a href="#myAnchor">链接到锚点位置</a>


跨页面的锚点链接

href属性由“目标页面的绝对路径（或相对路径）”+“#”+“目标锚点名称”构成
<a href="/chapter01/anchorLinkDemo.html#myAnchor">锚点位置</a>


图片链接与图片热区链接：

图片链接也是使用< a>标签来实现

将< img />标签放在< a>和< /a>标签之间即可

空链接

空链接是未指派的链接，多用于向页面中的对象或文本附加行为时使用

href属性为“#”
<a href="#" >空连接</a>


Email链接

浏览者可以通过点击Email链接时，操作系统会使用默认的程序打开一封新的电子邮件，并准备好发送该电子邮件到链接指向的地址

href属性由“mailto：”+“邮箱地址”两部分构成
超链接的target属性：

默认情况下，链接会在当前活动窗口打开目标链接文档，目标文档的内容将替换当前显示的页面内容。

< a>标签的target属性可以改变目标文档的显示窗口。


<a href="http://www.itshixun.com" target="_blank">打开目标链接</a>


以上就是HTML基础的全部，个人学习总结分享，不喜勿喷！！！

收起

展开全文

html

Web —— Web镜像 / Web源码下载 / Web git / java web / web前端 / web前端开发
在代码块的首尾两行分别加上三个反引号（键盘左上方），首行的反引号后边可以写上语言类型，如python，java等，这样代码块会支持语法高亮。、、、python def main(): # 这是python代码的注释 pirnt(hello ...
收起

必学的web前端三大核心:JavaScript css3 HTML5

2020-07-30 21:00:06

对于前端的学习和提高，我的基本思路是这样的。...ES6 简直就是把 JavaScript 带到了一个新的台阶，JavaScript 语言的强大，大大释放了前端开发人员的生产力，让前端得以开发更为复杂的代码和程序，于是像 Re

对于前端的学习和提高，我的基本思路是这样的。首先，前端的三个最基本的东西 HTML5、CSS3 和 JavaScript（ES6）是必须要学好的。这其中有很多很多的技术，比如，CSS3 引申出来的 Canvas（位图）、SVG（矢量图）和 WebGL（3D 图），以及 CSS 的各种图形变换可以让你做出非常丰富的渲染效果和动画效果。ES6 简直就是把 JavaScript 带到了一个新的台阶，JavaScript 语言的强大，大大释放了前端开发人员的生产力，让前端得以开发更为复杂的代码和程序，于是像 React 和 Vue 这样的框架开始成为前端编程的不二之选。

我一直认为学习任何知识都要从基础出发，所以我会有很大的篇幅在讲各种技术的基础知识和基本原理，尤其是如下的这些知识，都是前端程序员需要一块一块啃掉的硬骨头。

JavaScript 的核心原理。这里我会给出好些网上很不错的讲 JavaScript

的原理的文章或图书，你一定要学好语言的特性和其中的各种坑。

浏览器的工作原理。这也是一块硬骨头，我觉得这是前端程序员需要了解和明白的东西，不然，你将无法深入下去。

网络协议 HTTP。也是要着重了解的，尤其是 HTTP/2，还有 HTTP 的几种请求方式：短连接、长连接、Stream

连接、WebSocket 连接。

前端性能调优。有了以上的这些基础后，你就可以进入前端性能调优的主题了，我相信你可以很容易上手各种性能调优技术的。

框架学习。我只给了 React 和 Vue 两个框架。就这两个框架来说，Virtual DOM

技术是其底层技术，组件化是其思想，管理组件的状态是其重点。而对于 React

来说，函数式编程又是其编程思想，所以，这些基础技术都是你需要好好研究和学习的。

UI 设计。设计也是前端需要做的一个事，比如像 Google 的 Material UI，或是比较流行的 Atomic Design

等应该是前端工程师需要学习的。
在这里插入图片描述
而对于工具类的东西，这里我基本没怎么涉及，因为本文主要还是从原理和基础入手。那些工具我觉得都很简单，因为只要你去动手了，这种知识你自然就会获得，我们还是把精力重点放在更重要的地方。
下面我们从前端基础和底层原理开始讲起。先来讲讲 HTML5 相关的内容。

HTML5

HTML5 权威指南，本书面向初学者和中等水平 Web 开发人员，是牢固掌握 HTML5、CSS3 和 JavaScript 的必读之作。书看起来比较厚，是因为里面的代码很多。

HTML5 Canvas 核心技术，如果你要做 HTML5 游戏的话，这本书必读。

对于 SVG、Canvas 和 WebGL 这三个对应于矢量图、位图和 3D 图的渲染来说，给前端开发带来了重武器，很多 HTML5 小游戏也因此蓬勃发展。所以，你可以学习一下。

CSS

MDN Web Doc - CSS 。我个人觉得只要你仔细读一下文档，CSS 并不难学。绝大多数觉得难的，一方面是文档没读透，另一方面是浏览器支持的标准不一致。所以，学好 CSS 最关键的还是要仔细地读文档。

之后，在写 CSS 的时候，你会发现，你的 CSS 中有很多看起来相似的东西。你的 DRY - Don’t Repeat Yourself 洁癖告诉你，这是不对的。所以，你需要学会使用 LESS 和 SaSS

这两个 CSS 预处理工具，其可以帮你提高很多效率。

然后，你需要学习一下 CSS 的书写规范，这里推荐几个。

Principles of writing consistent, idiomatic CSS

Opinionated CSS styleguide for scalable applications

Google HTML/CSS Style Guide

如果你需要更有效率，那么你还需要使用一些 CSS Framework，其中最著名的就是 Twitter 公司的 Bootstrap，其有很多不错的 UI 组件，页面布局方案，可以让你非常方便也非常快速地开发页面。除此之外，还有，主打清新 UI 的 Semantic UI 、主打响应式界面的 Foundation 和基于 Flexbox 的 Bulma。

当然，在使用 CSS 之前，你需要把你浏览器中的一些 HTML 标签给标准化掉。所以，推荐几个 Reset 或标准化的 CSS 库：Normalize 、MiniRest.css、 sanitize.css 和 unstyle.css。

关于更多的 CSS 框架，你可以参看 Awesome CSS Frameworks

接下来，是几个公司的 CSS 相关实践，供你参考。

CodePen’s CSS

Github 的 CSS

Medium’s CSS is actually pretty f*ing good

CSS at BBC Sport

Refining The Way We Structure Our CSS At Trello

最后是一个可以写出可扩展的 CSS 的阅读列表 A Scalable CSS Reading List
在这里插入图片描述
JavaScript
下面是学习 JavaScript 的一些图书和文章。

JavaScript: The Good

Parts ，中文翻译版为《JavaScript

语言精粹》。这是一本介绍 JavaScript 语言本质的权威图书，值得任何正在或准备从事 JavaScript

开发的人阅读，并且需要反复阅读。学习、理解、实践大师的思想，我们才可能站在巨人的肩上，才有机会超越大师，这本书就是开始。

Secrets of the JavaScriptNinja ，中文翻译版为《JavaScript

忍者秘籍》，本书是 jQuery 库创始人编写的一本深入剖析 JavaScript 语言的书。适合具备一定 JavaScript

基础知识的读者阅读，也适合从事程序设计工作并想要深入探索 JavaScript

语言的读者阅读。这本书有很多晦涩难懂的地方，需要仔细阅读，反复琢磨。

Effective JavaScript ，Ecma 的 JavaScript 标准化委员会著名专家撰写，作者凭借多年标准化委员会工作和实践经验，深刻辨析 JavaScript

的内部运作机制、特性、陷阱和编程最佳实践，将它们高度浓缩为极具实践指导意义的 68 条精华建议。

接下来是 ES6 的学习，这里给三个学习手册源。

ES6 in Depth，InfoQ 上有相关的中文版 - ES6 深入浅出。还可以看看 A simple interactive ES6 Feature list ，或是看一下 ES6 的教程。

ECMAScript 6 Tools ，这是一堆 ES6 工具的列表，可以帮助你提高开发效率。

Modern JS Cheatsheet ，这个 Cheatsheet 在 GitHub 上有 1 万 6 千颗星，你就可见其影响力了。

然后，还有一组很不错的《You Don’t Know JS 系列》的书。

You Don’t Know JS: “Up & Going”

You Don’t Know JS: “Scope & Closures”

You Don’t Know JS: “this & Object Prototypes”

You Don’t Know JS: “ES6 & Beyond”

Glossary of Modern JavaScript Concepts: Part 1 ，首先推荐这篇文章，其中收集了一些编程范式方面的内容，比如纯函数、状态、可变性和不可变性、指令型语言和声明式语言、函数式编程、响应式编程、函数式响应编程。

Glossary of Modern JavaScript Concepts: Part 2 ，在第二部分中主要讨论了作用域和闭包，数据流，变更检测，组件化…

浏览器原理

你需要了解一下浏览器是怎么工作的，所以，你必需要看《How browsers work》。这篇文章受众之大，后来被人重新整理并发布为《How Browsers Work: Behind the scenes of modern web browsers》，其中还包括中文版。这篇文章非常非常长，所以，你要有耐心看完。如果你想看个精简版的，可以看我在 Coolshell 上发的《浏览器的渲染原理简介》或是看一下这个幻灯片。

然后，是对 Virtual DOM 的学习。Virtual DOM 是 React 的一个非常核心的技术细节，它也是前端渲染和性能的关键技术。所以，你有必要要好好学习一下这个技术的实现原理和算法。当然，前提条件是你需要学习过前面我所推荐过的浏览器的工作原理。下面是一些不错的文章可以帮你学习这一技术。

How to write your own Virtual DOM

Write your Virtual DOM 2: Props & Events

How Virtual-DOM and diffing works in React

The Inner Workings Of Virtual DOM

深度剖析：如何实现一个 Virtual DOM 算法

以及两个 Vitual-DOM 实现供你参考：

Matt-Esch/Virtual-DOM

Maquette

网络协议

High Performance Browser Networking ，本书是谷歌公司高性能团队核心成员的权威之作，堪称实战经验与规范解读完美结合的产物。本书目标是涵盖 Web 开发者技术体系中应该掌握的所有网络及性能优化知识。

全书以性能优化为主线，从 TCP、UDP 和 TLS 协议讲起，解释了如何针对这几种协议和基础设施来优化应用。然后深入探讨了无线和移动网络的工作机制。最后，揭示了 HTTP 协议的底层细节，同时详细介绍了 HTTP 2.0、 XHR、SSE、WebSocket、WebRTC 和 DataChannel 等现代浏览器新增的能力。

另外，HTTP/2也是 HTTP 的一个新的协议，于 2015 年被批准通过，现在基本上所有的主流浏览器都默认启用这个协议。所以，你有必要学习一下这个协议

可以添加前端学习群：1017810018 大家一起学习（群主会不定时更新学习资料，以及面试题文档）
或者加我个人微信：wdnmd__xxx
小助理：lyf___1201

收起

展开全文

javascript css3 html5

5G时代，Web前端开发有哪些应用场景？

2020-10-20 16:38:46

学习前端出来社会上就是大概率从事写代码工作的了，写代码这件事情我们是相当专业的，下面我从几个...如何做到可复用性强，对产品需求变更迭代时更加友好，那就很考验开发人员前端三大语言的设计模式了。 3、电商网站

学习前端出来社会上就是大概率从事写代码工作的了，写代码这件事情我们是相当专业的，下面我从几个典型的应用场景给大家分析一下！

一、前端开发应用场景

1、企业官方网站的开发与维护

这个应该是最简单的了，基本上是纯静态页面的展示，就算有交互模块，应该也是比较简单的那种。

2、门户类型网站的开发与维护

例如像搜狐一样的门户网站，相对来说也不难，这种网站一般分成很多个模块，每个模块的展现结构是非常类似的。
在这里插入图片描述
如何做到可复用性强，对产品需求变更迭代时更加友好，那就很考验开发人员前端三大语言的设计模式了。

3、电商网站

例如京东和淘宝，里面不仅有对用户友好的展现方式，合乎逻辑的交互方式，还会涉及到网站、商品的色彩设计、排版设计、交互设计，虽然可能都由设计师来出方案，但是前端开发同学可以从中学到很多东西。

此外，除了单纯的展现，你需要考虑更多的东西了。

例如，不同端的字体展现，响应式布局，图片大小，静态资源缓存，CDN部署，Ajax动态数据交互。这些还都是偏纯展现的。

还会有涉及到个人信息填写、支付款项、密码输入等等，会涉及到一系列的前端安全问题，这部分也是很锻炼人的。

4、后台管理系统

一般这个是给内部人员使用的，所以可以不用考虑太多的兼容性，直接要求统一使用谷歌浏览器或者火狐。

5、H5的活动营销页、红包落地页、明星投票页等等一系列与营销活动相关的移动端页面。

这些需要你的CSS功底非常扎实，常常要写一些动态效果、动画效果，越生动越吸引用户参与。

6、移动端视频播放页面

最近短视频崛起，但是很多短视频App中的页面是Web前端页面，这样做的原因是App过审麻烦且时间周期长，业务需要快速迭代和修复的情况下，前端责无旁贷。

那么这时候考验的是你对视频的操作能力，对流式播放技术和能力的掌握。此外，视频挂件、贴纸、弹幕、互动、美颜、变老挑战等等，都是现在短视频必备的能力。

7、微信小程序

噢，不，应该是小程序。微信、支付宝、百度等大企业，先后推出了小程序，当然身为前端开发的我们是必须掌握的一门技巧，虽然不是新的语言，但代码组织方式、调试方式、底层原理，也是值得关注和学习。

8、造轮子写工具、写框架，搭建基础设施

公司逐渐发展壮大以后，会面临一个问题，那就是如何将前端基础设施做起来。基础设施对前端的工程搭建与发展来说，太重要了。
在这里插入图片描述

二、5G时代对前端开发的影响

5G时代已经成为了大家讨论的热点话题，除此之外5G还能带动：自动驾驶、物联网、车联网、工业互联网、人工智能、智能家居、智慧城市等行业的将会飞速发展。

5G对IT行业的影响是首当其冲的！那么对于Web前端开发而言，5G时代的到来会有什么影响呢？
在这里插入图片描述

1、新的开发场景，带来大量的前端开发需求和挑战

随着5G标准的落地应用，在移动互联网领域将会出现新的开发场景（与物联网结合），包括智能家居，可穿戴设备等领域将带来大量的前端开发需求。

2、新的交互形式，前端开发大有可为

新的场景必然带来交互方式的改变，除了触摸等接触式的操作，新的场景可能带来声音，动作等新的交互方式，也变得更加丰富多彩，前端开发大有可为。

3、前端开发后端化和普及化

之前界限分明的前端开发和后端开发，未来开始模糊。从趋势上来看，开发团队的人员配备都在向前端倾斜，包括Android开发、iOS开发、PC端开发、小程序开发等，前端工程师承担的角色不断扩大。
在这里插入图片描述
另外，Javascript开始向嵌入式领域进军，进一步促进了前端开发的普及化。与此同时，对安全，可靠等的要求越来越高，这都对前端开发提出更新和更严格的要求。

总结：随着5G技术的逐渐发展和成熟，未来大量的应用场景都需要前端进行呈现，所以未来前端开发将得到更多的重视。
在这里插入图片描述
想要不被时代所淘汰，我们就需要不断学习，不断完善自己。评论或后台回复：Web前端，即可免费领取最新全套Web前端学习资料+源码+项目+笔记，助力大家学好Web前端。

收起

展开全文

Web前端是什么？大牛推荐的高效学习路线，减少2倍时间

2020-04-06 17:48:24

且在2019年招聘旺季中，Web前端开发程序员处于供不应求的状态，对于0基础想要从事互联网行业的小伙伴们，Web前端将会是最合适的入门编程语言。而且根据后期的职业发展规划来看，只要入门Web前端，在职场上发展个三到...

目前，在移动互联网行业中较为火热、势头猛烈的当属Web前端开发。且在2019年招聘旺季中，Web前端开发程序员处于供不应求的状态，对于0基础想要从事互联网行业的小伙伴们，Web前端将会是最合适的入门编程语言。而且根据后期的职业发展规划来看，只要入门Web前端，在职场上发展个三到五年，基本上都能做到总监级别。

所以，有很多小伙伴要么想进入到Web前端开发行业，要么是工作不太理想的，想要转行做Web前端开发。那么,为什么会有这么多的人想要学习Web前端?

什么是web前端？

Web前端，主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。一般而言，所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。

HTML+CSS：也就是网站的骨架和样子，包括你看到的知乎的界面，一段文字，一个图片，都是一个HTML元素，至于字号是多大的，什么颜色，放在什么位置，这叫CSS，在HTML5里，CSS还能让元素运动起来，旋转，跳跃，只要你想；

Javascript：简单的说就是页面的大脑，把后端获取的数据添加到网页里，或者让元素运动起来，或者是改变页面的CSS，或者是操作HTML元素等等。当然，这些都是最基础的做法，作为一个前端，还要考虑JS的性能，可维护，可扩展的程度等等；

随着前端的发展，前端开发所涉及到的内容肯定不仅限于这三方面。分析这三个层面内容的本质可以看到，这三个层面分别涉及Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。

因而，归根结底，Web前端以及Web前端开发可以说是针对Web的结构、行为和表现来进行相应的开发的，也可以说，前端开发主要是做Web端的结构、行为以及表现。

Web前端学习什么？web前端学习是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

Web前端开发后期要懂一些前端框架，如nodejs、Angualrjs、还有bootstrap等，以及ued用户体验，后台开发也要懂一些。

看到这里，发现web前端要学习太多，想加入web前端行业的同学要抓紧脚步开始了，无论你是有一些基础知识，还是零基础小白，这些都没关系，只要你想学，只等你来，只管相信你自己，肯定能学会！

关于学习web前端的误区和学习建议：

1.只看教程，不动手实战

这个可以说是学习的最大的一忌，也是提醒过最多的一个注是事项！网上的教程有许多许多，各个语言，各个知识点，各方面的都有，javascript，html5，css3等的一些，随便一搜就一大把，毕竟互联网最大的优势之一就是资源共享！但是很多人看教程就只是看教程，不动手实操。即使博客的教程，视频教程再好，自己不动手实操，写代码，这样的学习方式，记忆根本不深刻，容易遗忘，到头来，可能什么都没学会！而且有些教程，如果没有跟着动手实操，可能会蒙圈。

个人建议：要挑觉得适合自己的教程，也要动手实操，写代码。即使不是边看教程编写代码！在看完了教程之后，一定要自己动手实操！过程中，可能会遇到些问题，但是这样才会学习到更多，记忆也更加牢固！

2.只学框架或者库

这个情况，针对javascript现在没有以前严重了，在以前还是jquery傲视群雄的时候。很多人会在聊天的时候会说：有了jquery，为什么还要学js？有了vue，为什么还要学js？面对这样的提问，我那时候没有回答，心里想：jquery或者vue就是用js实现的，不会js，学jquery或者vue第一学得吃力，第二学jquery或者vue肯定不会很深入。而且，万一有时候，项目不允许用jquery或者vue，那就基本不会写代码了。这时候，如果学习其它的框架或者库，基本又等于重新学一门语言了。

个人建议：先把基础（html+css+js）打牢，再学其他框架或者库。虽然在会js的情况下，我不敢说学js的框架或者库就是查文档，查API。但至少学js框架或者库可以不会那么吃力！

3.只顾着写代码

这个就是我之前的一个习惯，只顾着写代码，不知道：耦合，实例化，继承等专业术语，和别人交流，无限蒙圈！根本不知道别人在说什么！互联网的技术更新的速度非常的快，隔三差五就发布一个框架，一个库，一个工具。虽然不是每一个更新的技术都需要学习。但是如果只顾着写代码，不了解新的技术。这样很容易使自己停止不前，失去竞争力。

个人建议：在写代码之余，要确保自己是不是了解代码，对代码有没有一个认识。以及多点留意消息，看下有没有什么技术更新！如果觉得更新的技术很实用，或者自己有兴趣，可以多了解下！毕竟互联网是一个做到老，学到老的一个领域，技术更新的很快，如果跟不上流行的趋势，说不定自己会被淘汰呢！

4.太早接触复杂项目

这个情况，比较普遍，无论是在学校或者是现在的培训机构。很多学习前端的人，基础没打牢，就在那里扬言要做一个大项目，我听到的有的人想做知乎，有的人想做世纪佳缘等等一些伟大的目标！但是全部人都是连网站的业务流程和逻辑都没弄清，最后越搞越乱，就放弃了！之前的伟大目标都成了烂尾楼，作用最多就是一个代码练习的作用！花了大量的时间，做了一件没很大的实际意义的事情！

个人建议：从简单到复杂，复杂的网站，都是有很多简单的模块。不妨先从简单的功能做起，做完了一个功能再往里面加功能！现在所处的公司就是这样，开发的后台管理系统，开发几个月了，从一个只有员工的登录注册的功能，然后再逐一加功能，到现在项目逐渐完善！

5.好高骛远，急于求成

这个情况就是多见于培训机构出来的人。我不知道是不是所有城市都是这样，但是广州这边，给我的感觉就是这样。就是目标不切实际，对自己也不够认识！之前在群聊的时候，在金三银四那段时间，很多人找工作，聊天的时候也遇到过很多培训机构的人。简历上是各种精通，刚毕业在培训机构培训几个月，要么就是自带两三年工作经验，要么就是说自己培训了几个月，技术水平和市面上两三年的人差不多。总之就是把自己吹得无所不能！但是一出题，就十问九不知。问闭包是什么，不知道；问原型是什么，不知道。问继承是什么，还是不知道。

上面所说的，只是一个表面的现象，更重要的就是，好高骛远这个情况，很有可能会导致自己难以找到工作！因为一些企业认为最高只能给你4000工资，但是你自己却认为自己有实力拿到9000以上的工资。这样情况，很难找到工作！给人的印象也不好！更重要的是，这可能会影响自己的职业选择！

个人建议：从实际出发，评估自己。想下自己会什么，能给企业带来什么！也可以停下别人的建议，和对比下别人的技术水平和工资，或者是上网找一些面试题，看下自己能不能完成那些面试题！最后评估下自己，认为自己处于什么位置！一个人学习会有迷茫，动力不足那么尽管来联系我吧，带你起飞！

6.看到难点就逃避

这一点，相信很多人都有感触，就在开发上，遇到上一个或者几个自己觉得没办法实现的需求或功能。千方百计地想着逃避，比如：这个功能不是很重要，不做可以吗？这个功能我从来没弄过，搞不定的。这个功能外包给别人做吧，我们做不了！很多一些逃避话语。大家可以想下，如果每次都是逃避，那么时间一久，自己技术水平是不是还停留在基础那个阶段？以后要怎么提升自己的技术水平。

个人建议：迎难而上。在web前端开发这块，如果遇上了难题是正常的，如果没遇到难题就是见了鬼！面对难题，我们应该是挑战难题，而不是逃避！大家都想提升自己的技术水平，挑战难题不就是一个很好的提升技术水平的实战机会吗？如果完成了之前认为不可能完成的难题，这样就是一个技术水平提升的见证！不是吗？我也觉得，每天就写简单的业务代码，不探索新知识，不挑战难题，这样做开发也没多少意思！

7.能用就行，不想优化

这个也是一个很常见的情况，很多人认为写的代码能用就行，能实现需求就行！根本不管日后的优化。在开发项目或者开发插件上，虽然我也是提倡:先实现，再优化这个方式！但是并不代表我开发完了就完了，不会再想优化！如果不试着去优化自己的代码，不探索写代码的更好方式，以后别说编写高质量，简洁的代码了，因为自己把学习编写高质量，简洁的代码的一个重要途径给封锁了。还有一个就是，项目上，有些问题可能是潜在的，就是现在看着项目没出现什么问题，但并不代表以后不会出现问题。反而在项目开发完了之后，试着去优化自己的代码，探索更好的实现方式，试着编写出高质量，简洁的代码。这样难道不是一个很好的学习过程吗？至于优化代码的方式，很多很多（比如常说的：代码过于重复，是否引入设计模式？网站性能一般，可否进行优化？），优化这一块，也不是说一步就优化到最好的，而是至少不会比以前差！关于优化，我之前也发过一些资源。很容易找到，网上的资源更是很多！大家挑着看便是！

8.不懂不问和不懂立刻问

不懂不问，这个大家都知道，就是遇到问题，从不问同事或者通过其他方式咨询别人。就是自己在那里苦思冥想，尝试各种解决方案。这样的方式，最坏的结果就是最终还是解决不了问题，让同事来询问开发情况。最好的结果问题解决了，但是解决问题所花的时间会肯定很多。

不懂立刻问，这个就是词面的意思。遇到问题马上问别人。自己没怎么思考或者根本不思考。这样能解决问题，但是这样会导致自己可能会频繁的问同事，会搞得同事很不耐烦。如果把同事的耐心磨没了，可能回答的语气可能不会很好。这样不仅影响同事之间的关系，还会让自己之后不敢再请教同事，有让自己处于上面所说的不懂不问的风险。

个人建议：适时请教。遇到不懂的问题，先自己结合上下文思考下，想下以前有没有遇到这个问题，解决不了去网上找解决方案，如果还没有解决问题，这个时候再问别人，问同事或者通过其它渠道问别人。这样自己有了思考，解决问题的时候记忆也很深刻，也不会频繁的打扰同事！

9.不懂装懂

这个次面上跟上面的差不多，但实际上不一样！不懂装懂就是去问别人的时候，实际上别人的讲解并没有完全听懂，可能是碍于面子或者是因为不好意思打扰别人那么久，或者担心打扰别人太久，所以装作很懂。但是这样可能忽悠得了一时，很快又会露出马脚。这样会搞得隔一会又要去问别人同样的问题，这样反而会搞得别人更加尴尬，更加为难！自己也会打扰别人更多的时间！

个人建议：如果有问题去问别人，只要你问的人不是一个非常没有耐心的人。他都会耐心的解答你的问题！所以，当问别人问题的时候，一定要确保自己是已经弄懂了问题的缘由，同事一遍没解释清楚，自己直接回答不明白，相信很多人都会再详细的解释一遍。如果担心同事工作忙或者其它原因，可以挑一个合适的时间！我现在问同事就是，要么不问，要问就切底弄懂！当然了，我的同事都很有耐心，每次我有什么问题，他们都会耐心解答，甚至是扩展开来讲！

自己是从事了五年的前端工程师，自己整理了一份最全面前端学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴，需要可以私聊我哟，这是我的前端开发qun，【六零三】【九八五】【九九三】，直接群里下载，对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以问我

10.没理清楚需求就写代码

很多人在接到需求之后，第一反应就是写代码，即使是在自己没把需求理清楚之前也是照样写代码。另一种情况就是，很多人是边写代码，边想需求。这个开发方式，万一自己对需求理解有误！可能会导致自己写的代码，很大一部分都要修改，甚至是全部删除重写。没理清楚需求就写代码这个情况，发生的概率应该挺大的，但是一般来说很难发现这个情况，毕竟程序员对代码的增删改查是再正常不过了！我本身也不知道，就是在一次的技术分享中，老大提出来的，他的建议就是对于一些稍微复杂一点的需求，先理清楚需求，简单画个流程图，然后在代码里面，先写上一点注释，再开始动手写代码！对于这一点，我现在就是在执行当中！除非需求真的很简单，否则我都会在草稿本上简单画一下流程图。比如下面这个，这个已经是我画的流程图里比较简单的一个了。根据流程图，写好注释，再写代码，这样会比较有条理，代码也清晰，日后的返工也可能会有，但是不会像以前那么多！在开发时间上，效率上，都得到了一个提升！

收起

展开全文

html javascript css vue.js

【Web前端初学笔记】②HTML基本结构标签，VSCode工具创建页面，网页开发工具
2020-07-21 23:07:05
文章目录一、HTML基本结构标签二、VSCode工具创建页面三、网页开发工具1. 基本骨架2. 文档类型声明标签3. lang语言种类4. 字符集 `Character set` 一、HTML基本结构标签每个网页都有一个基本的结构标签（又称为骨架...
收起
html
3. 1 WEB自动化 --- WEB前端知识简介
千次阅读 2020-09-08 18:10:52
前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML：页面结构：可以把他看成一个文档，定义展示页面的内容结构。 CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果。 ...
收起
web基础知识
HTML5Course20160612:Web前端课程原始码-源码
2021-03-23 03:58:18
学好Web前端，出任总经理，当上首席执行官，迎娶白富美，走上人生巅峰。 JavaScript是世界上最强大的编程语言，没有一个。 ##第一章HTML ##第二章CSS ##第三章JavaScript 基本语法变量与常量流程控制循环功能 ...
收起
前端常用语言
万次阅读 多人点赞 2018-07-07 18:25:58
html:负责定义页面的内容 css:负责定义页面的样式 javascript:负责控制页面的行为以上三种为前端学习的基本课程 jquery:javascript框架，javascript函数库，极大简化了javascript。 bootstrap:一个用于快速开发 ...
收起
Web前端高级作业一.txt
2020-02-24 21:58:59
二来可以时开发页面分离，使得不同的界面设计师可以设置同一个界面每一个属性由属性加冒号加属性组成，样式之间用分号隔开 2.有各种选择器 2.1基本选择器标签选择器，通过标签加大括号来选择类名选择器，...
收起
html
前端开发学习笔记1--基础
2020-09-12 19:54:09
@前端开发学习笔记网页网页通常是HTML格式网页是构成网站的基本元素常用浏览器 chorme 浏览器内核（渲染引擎）负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。 HTML 1.HTML是超文本标记语言，不是...
收起
html5
前端开发基础－JavaScript
2020-11-20 18:08:12
正因为此所以处理一些基本数据类型，比如字符串时，有很多方法可以使用。 - concat 可以将一个或者多个字符串拼接起来，返回一个新的字符串 - slice 接收两个参数，起始位置和结束位置ÿ...
收起
思考了很久，决定从一名web前端转行unity工程师
2020-07-29 22:04:59
契机本人今年22，本科毕业一年了，有vue电商、...这里借用B站程序员小姐姐UP主的一句话: "两个星期学习一门新的语言是一名合格的程序员的基本素养"。也正是这句话激励了我，让我决定学习C#，开始漫长的"转行"之路。
收起
c# unity3d
前后端开发语言和区别
2020-10-09 10:59:34
2、前端工程师主要的工作职责分为三大部分，分别是传统的Web前端开发，移动端开发和大数据呈现端开发。 3、后端工程师的主要职责也集中在三大部分，分别是数据交互、接口设计和功能实现。 4、前端开发语言有：HTML...
收起
从前端小白到前端大佬
2020-06-22 15:22:37
4.web标准的三大组成部分 1.网页的基本组成什么是网页？网站是指因特网根据一点过的规则，使用HTML展示相关内容的网页集合。网页就是网站的基本元素有，是构成网站的一页，通常为HTML文件，通常由图片、链接、文字...
收起
html css css3
工程硕士学位论文基于Android+HTML5的移动Web项目高效开发探究
2017-02-28 21:22:19
1.2.4 Android移动Web项目开发的三种解决方案：Native, Web和Hybrid优缺陷分析 4 1.2.5国内外应用现状 6 1.2.6 研究现状总结 7 1.3研究目标与内容 7 1.3.1多窗口浏览器模式的实现机制 7 1.3.2跨域交互即缓存处理方法...
收起
对2020前端学习的一些看法
2020-12-21 11:33:15
但仅仅只是掌握这三种知识却也是很难适应前端开发市场上的需求的。概念 html(超文本标签语言)是网站的骨架，这个骨架搭建了网站的整体结构脉络(dom)，而css(层叠样式表)则是网站的美化工具，它能美化整个网站的骨架...
收起
2.2 Web编程基础
收起
Serverless 掀起新的前端技术变革
2020-12-02 19:54:47
前端三大框架 React.js/Angular/Vue.js 相继发布第一个版本。我们可以从以往基于一个个页面的开发，变为基于一个个组件进行开发。开发完成后使用 webpack 等工具进行打包构建，并通过基于 Node.js 实现...
收起
public-ol-web-template：OrangeLoops Web项目样板-源码
2021-01-31 03:13:18
这个是一个空项目，其中准备了开始开发React Web应用程序所需的主要软件库和配置。它还具有基本的示例组件，测试以及使用诸如React-Router或Storybook之类的工具的演示。该项目已准备好与我们的和，从而在这三...
收起
天猫前端基础技术体系MAP简介
2021-01-10 03:54:06
而使用YUI3开发web应用这篇文章里对web模块开发的思考在现在依然不会过时。 <p>YUI和jQuery的最大区别就是体系和库的区别，对于庞大的淘系业务，只有体系化的技术方案才能保证研发效率和工作流的稳定&#...
收起
前端技术的开放和封闭
2021-01-03 23:13:13
这也是我们在 PC 和无线时代不断提炼前端开发框架、研发模式、共享代码和开源社区建设的基本理念，即将规范做轻、研发环境做实、抽离代码、贡献代码的体验打磨到最佳。这种对一致性、规范性、简单性的美学追求...
收起
Java语言
2019-12-09 13:02:24
对于Java语言的学习，重点上主要...到后期主要是WEB和ssh三大框架。在学习Java的时候觉得还是应该从后台先学起，如果先学完了前端再转后台有很理念是很难改变的，很多Java的理念很难在第一时间接收，所以呢从后转...
收起
前端工程化知识要点回顾&思考
2020-11-25 23:26:55
前端开发长时间停留在刀耕火种、茹毛饮血的阶段</li><li>以前大部分前端工作都是切页面加特效，还不能算得上一个真正意义上的webapp，自然很少有公司能遭遇到工程化问题</li><li>前端不同于客户端ÿ...
收起
基于webpack搭建前端工程解决方案探索
2021-01-04 12:40:46
前端开发环境搭建主要目录结构 <pre><code> js - webapp/ # webapp根目录 - src/ # 开发目录 + css/ # css资源目录 + img/ # webapp图片资源目录 - js/ # webapp js&jsx资源目录 - components/ # ...
收起
第2章 WebGIS开发基础
收起
html基本概念1.0
2021-03-27 21:44:35
web标准的三大组成网站：网页的集合网页由图片，链接，文字，声音，视频等元素组成，通常是html文件 html：超文本标记语言，他是用来描述网页的一种语言是一种标签语言超文本有两层含义 1.图片声音动画和...
收起
聊一聊前端自动化测试
2021-01-10 04:41:54
开发过程都是打开浏览器刷新页面点点点才能确定UI组件工作情况是否符合自己预期。接入自动化测试以后，通过脚本代替这些手动点击，接入代码watch后每次保存文件都能快速得知自己的的改动是否影响功能&#...
收起

web前端开发基础#HTML语言基础

HTML语言基础

Web —— Web镜像 / Web源码下载 / Web git / java web / web前端 / web前端开发

必学的web前端三大核心:JavaScript css3 HTML5

5G时代，Web前端开发有哪些应用场景？

一、前端开发应用场景

二、5G时代对前端开发的影响

Web前端是什么？大牛推荐的高效学习路线，减少2倍时间

【Web前端初学笔记】②HTML基本结构标签，VSCode工具创建页面，网页开发工具

3. 1 WEB自动化 --- WEB前端知识简介

HTML5Course20160612:Web前端课程原始码-源码

前端常用语言

Web前端高级作业一.txt

前端开发学习笔记1--基础

前端开发基础－JavaScript

思考了很久，决定从一名web前端转行unity工程师

前后端开发语言和区别

从前端小白到前端大佬

工程硕士学位论文基于Android+HTML5的移动Web项目高效开发探究

对2020前端学习的一些看法

2.2 Web编程基础

Serverless 掀起新的前端技术变革

public-ol-web-template：OrangeLoops Web项目样板-源码

天猫前端基础技术体系MAP简介

前端技术的开放和封闭

Java语言

前端工程化知识要点回顾&思考

基于webpack搭建前端工程解决方案探索

第2章 WebGIS开发基础

html基本概念1.0

聊一聊前端自动化测试

web前端开发三大基本语言是

web前端开发基础#HTML语言基础

HTML语言基础

Web —— Web镜像 / Web源码下载 / Web git / java web / web前端 / web前端开发

必学的web前端三大核心:JavaScript css3 HTML5

5G时代，Web前端开发有哪些应用场景？

一、前端开发应用场景

二、5G时代对前端开发的影响

Web前端是什么？大牛推荐的高效学习路线，减少2倍时间

【Web前端初学笔记】②HTML基本结构标签，VSCode工具创建页面，网页开发工具

3. 1 WEB自动化 --- WEB前端知识简介

HTML5Course20160612:Web前端课程原始码-源码

前端常用语言

Web前端高级作业一.txt

前端开发学习笔记1--基础

前端开发基础－JavaScript

思考了很久，决定从一名web前端转行unity工程师

前后端开发语言和区别

从前端小白到前端大佬

工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

对2020前端学习的一些看法

2.2 Web编程基础

Serverless 掀起新的前端技术变革

public-ol-web-template：OrangeLoops Web项目样板-源码

天猫前端基础技术体系MAP简介

前端技术的开放和封闭

Java语言

前端工程化知识要点回顾&思考

基于webpack搭建前端工程解决方案探索

第2章 WebGIS开发基础

html基本概念1.0

聊一聊前端自动化测试

web前端开发三大基本语言是

工程硕士学位论文基于Android+HTML5的移动Web项目高效开发探究