~走进前端·出生在新手村~~

目录

&认识前端&

HTML 

 CSS

JavaScript(JS)

&认识浏览器& 

浏览器内核 

&vscode 插件安装&

汉化(再也不用担心读不懂英文而不会使用vscode了)

美化标签(但是看起来已经不再维护了?) (缩进)

 标签检查----Auto Rename Tag

标签闭合插件-Auto Close Tag (后标签自动补充)

& Gitee代码提交&


咚~~~,欢迎来到这个新世界,天亮了,我来了!


&认识前端&

在学习前端之前,我们要对前端有一个基本的认识,即什么是前端?前端是干嘛的?

小ben在这里引用一位大佬的博客:

前端开发的历史.md - 东夋壬 - 博客园 (cnblogs.com)

前端(英语:front-end)和后端(英语:back-end)是描述进程开始和结束的通用词汇。前端作用于采集输入信息,后端进行处理。计算机程序的界面样式,视觉呈现属于前端。

  • web 前端:针对浏览器的开发,代码在浏览器运行
  • web 后端:针对服务器的开发,代码在服务器运行

从概念上来说,前端呢,是指网站前台部分,运行在PC端,移动端等浏览器上展现的网页。

前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,最新的高级版本HTML5CSS3,以及SVG等。

而在以后的很长一段时间里,小ben主要学习的大概是属于前端开发,而前端开发的重点就是设计、编写以及组织HTML、CSS、JS代码,通过浏览器而实现与人直接的交互(初学者目前的理解,轻喷勿怪)。也就是说,例如我们目前看到的浏览器上的各种页面,你在页面上的各种动作以及页面在显示器上给你提供的反馈,都属于前端学习的范畴。

那么这里有人就要提问了:你说的HTML,CSS,JS的都是什么啊?  

HTML 是描述页面结构和内容的语言,每个页面都有其对应的 HTML 文件,HTML 是页面的主文件。

 CSS  是描述页面风格和式样的语言,CSS 是直接嵌入或间接引入到 HTML 页面中的。

  JS    是实现页面动态功能的语言,JS 也直接嵌入或间接引入到 HTML 页面中的。

  • HTML 

HTML(英文Hyper Text Markup Language的缩写)又名超文本标记语言,是用来描述网页的一种语言。

所谓超文本,因为它可以加入图片、声音、动画、多媒体等内容,不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。

直白一点来说,所谓超文本标记语言,就是超越文本形式的标记语言。

    ## HTML不是编程语言,而是标记语言  

    ## HTML是一套标记标签的集合(有关于标签、属性等HTML知识,推荐学习网站:W3

  •  CSS

CSS(Cascading Style Sheets)        美化样式

CSS 通常称为 CSS样式表 或 层叠样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

  • JavaScript(JS)

JavaScript:     用来控制网页内容,给网页增加动态的效果 ,是一种运行在客户端的脚本语言

JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。只是与Java名字上像而已,本质上来说,一个是服务器端的编程语言(Java),一个是客户端的编程语言(JavaScript)

 脚本语言:不需要编译,直接运行

&认识浏览器& 

在前端学习中,浏览器就是我们的承载体,处理的所有的页面都需要在浏览器中表现。

网页浏览器(英语:Web Browser,常简称为浏览器)是网页显示、运行的平台。

常用的浏览器有IE、火狐(Firefox)、Chrome、Microsoft Edge和Safari等,我们平时称为五大浏览器。

浏览器内核 

浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。
渲染引擎   它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。


JS 引擎 则是解析 Javascript 语言,执行 javascript语言来实现网页的动态效果。


最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。

浏览器的种类很多,但是主流的内核只有四种:Trident、Gecko、Presto、Webkit,各种不同的浏览器,就是在主流内核的基础上,添加不同的功能构成。
 

通过以上浏览器的内核不同,我们知道他们工作原理、解析肯定不同,显示就会有差别。
Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。
主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。

  • 结构标准:结构用于对网页元素进行整理和分类,主要学的是HTML。
  • 表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
  • 行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是 Javascript

 (摘自https://www.cnblogs.com/dongqunren/p/10199786.html

归根究底,认识浏览器之间的区别以及每一个浏览器的规范,其目的就是为了让我们的日常开发中顺应这些浏览器的特性,减少浏览器解析的运行时间,从而更快看到我们的页面,提高页面的响应速度。

&vscode 插件安装&

  • 汉化(再也不用担心读不懂英文而不会使用vscode了)

  • 美化标签(但是看起来已经不再维护了?) (缩进)

 

  •  标签检查----Auto Rename Tag

 

  • 标签闭合插件-Auto Close Tag (后标签自动补充)

 

 

& Gitee代码提交&

 什么是gitee?官方话称他为  代码托管平台,也就是代码托管仓库。Gitee 是开源中国社区2013年推出的基于 Git 的代码托管服务平台,目前已经成为国内知名的代码托管平台,当然还有其他类似于Gitee的这种代码托管管理平台。区别于国外的代码托管平台--github.

对于这里小ben也是刚刚接触(后续会补充)不是很了解,这里推一个大佬写的博客,感觉很涨芝士!!

gitee代码提交


我是小ben,刚刚出生在新手村,前端的世界如此辽阔,期待下次相见~~~~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值