前端学习笔记——前端基础概念

前端基础概念（笔记）

1.前端主要的职能

前端分为网页设计师、网页美工、web前端开发工程师。网页设计师是对网页的架构、色彩以及网站的整体页面代码负责，网页美工则负责美化界面，web前端开发工程师是负责交互设计的，需要和程序员进行交互设计的配合。

2.前端与后端的区别

后端就是我们通常看不到的部分，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多得多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。

3.用户界面（UI）与前端的关系

用户界面（User Interface)是指对软件的人机交互、操作逻辑、界面美观的整体设计，是系统和用户之间进行交互和信息交换的介质。

按先后顺序来讲，先有网站网页的平面设计图(UI设计范畴），然后交前端工程师来代码化实现（Web前端开发）；这其中UI设计工程师在设计网站效果图环节，要考虑到，哪些模块，有哪些交互功能（最简单的如：当光标悬浮或点击相关区域，按钮颜色变换，图片轮播反转灰色等效果）需要怎么和Web前端开发工程师沟通实现的问题。

作者：万和IT教育

链接：https://www.zhihu.com/question/347005548/answer/931092896

来源：知乎*

4.浏览器访问页面是一个怎么样的过程

这一位博主写的很详细【总结】访问一个网页的全过程

5.大前端的概念

没有标准定义，各有一套说法，大致可以分为两类：1.跨客户端，通过前端技术解决所有客户端应用。也就是说，前端团队除了开发 Web 页面以外，还需要开发 iOS 与 Android 应用，各类小程序，以及电视，车载屏幕等客户端上面的应用。所有的屏幕都归前端团队负责，目前市面的 react-native ，flutter，taro 框架就是在往这个方向发展。2.跨服务，前端除了开发 Web 应用以外，同时还需要通过 Nodejs 开发业务相关的 Web 服务，也就是所谓的全栈。包括目前市面上的 Serverless 服务就是在朝这个方向发展。

作者：漆工

链接：https://www.zhihu.com/question/359331353/answer/923934823

来源：知乎

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

6.前端要用到什么语言

参考前端开发最基本的3个语言

7.W3C标准是什么

1．结构标准语言

(1) XML

The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，参考（www.w3.org/TR/2000/REC-XML-20001006）。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。

(2) XHTML

The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言

CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2（参考http://www.w3.org/TR/CSS2/）。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

3.行为标准

(1)DOM

Document Object Model文档对象模型的缩写。根据W3C DOM规范（http://www.w3.org/DOM/），DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript

ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）。目前推荐遵循的是ECMAScript 262（http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM）。