Web前端学习第一天·fighting_与网页设计相关的名词术语

时间 2019-11-12

标签 web 前端学习第一天 fighting 网页设计相关名词术语栏目 HTML 繁體版

原文原文链接

Web前端开发面试知识点大纲php

HTML&CSS

　　　　对Web标准的理解、浏览器内核差别

　　　　兼容性hack

　　　　CSS基本功：布局、盒子模型、选择器优先级及使用

　　　　Html5

　　　　CSS3

　　　　移动端页面开发

JavaScript

　　　　数据类型

　　　　面向对象

　　　　继承

　　　　闭包

　　　　插件

　　　　做用域

　　　　跨域

　　　　原型链

　　　　模块化

　　　　自定义事件

　　　　内存泄漏

　　　　事件机制

　　　　异步装载回调

　　　　模板引擎

　　　　前端MVC

　　　　路由

　　　　Node.js

　　　　JSON

　　　　ajax

其余

　　　　HTTP

　　　　Web安全

　　　　正则

　　　　优化

　　　　重构

　　　　响应式

　　　　SEO

　　　　UED

　　　　架构

Web前端职位要求

　　JavaScript

　　HTML

　　CSS

　　jQuery（客户端脚本的一种框架）（ExtJS、YUI、Mootools、Dojo）

　　浏览器兼容

　　Http基本原理（用于jsp动态网页设计）

　　Ajax技术（提高Web性能，提取所须要的数据）

　　性能优化

　　Web安全

　　Web开发工具

　　后端语言（PHP、Java）

编辑器

　　sublime

　　webstorm

类库框架

　　用于浏览器：jQuery、BootStrap

　　用于nodejs：自带模块、其余模块

理论知识

软知识：数据结构、算法、OOP编程思想、设计模式
硬知识：Http标准（Http请求过程、状态码的意义、Http头部信息、Cookie状态管理、get/post请求、安全连接https），W3C标准（WebSocket、JSON、XML、JS、CSS、CSS三、HTML、HTML5），ECMAScript（全部客户端脚本的鼻祖）

与Web相关的名词术语

　　　　World Wide Web Consortium 万维网联盟

　　　　标准化组织

　　　　发展Web规范，描述Web通讯协议

ECMAScript

　　　　脚本程序设计语言

　　　　其实是一种脚本在语法语义上的标准，JavaScript、JScript、ActionScript都创建在这个标准上扩展本身的功能

JavaScript

　　　　从上到下解释执行的弱类型语言，不须要编译

　　　　用于嵌入到HTML的客户端脚本语言，由ECMAScript+DOM+BOM组成

　　　　DOM：文档对象模型

　　　　BOM：浏览器对象模型（浏览记录、网址、全屏、窗口大小也设置为对象）

HTTP

　　　　HyperText Transfer Protocol 超文本传输协议

　　　　经过HTTP协议将服务器端的超文本资源下载到本地

　　　　访问一个网页须要发送屡次请求，请求的前后顺序是：文本、样式/脚本、图片

　　　　图片访问一次后缓存到本地（可是不能支架浏览，须要拷贝到其余文件夹下浏览），下次访问能够提升速度

　　　　状态码：200（OK）、304（下载完毕）、404（未找到）

　　　　Uniform Resource Locator 统一资源定位符

　　　　惟一标识互联网上的每个资源

　　　　URL的组成：协议：//服务器名称（IP地址）：端口号/路径/文件名

　　　　常见的两种形式的URL：

　　　　　　http://www.baidu.com 域名访问

　　　　　　http://192.168.37.200/User/Login 明文的IP地址访问

　　　　协议：http（超文本传输协议）、https（用安全套接字层传送的超文本传输协议）、ftp（文件传输协议）、mailto（电子邮件地址）、file（当地文件或网上分享的文件）

　　　　服务器：在互联网上有惟一IP地址的电脑，通常经过域名映射到该主机，既能够使用域名也能够使用IP地址

　　　　端口号：用于监听某一特定服务的请求，80 端口是Web服务器的默认端口，在URL中默认的端口号能够不出现

　　　　Cascading Style Sheets 层叠样式表

　　　　主要的做用在于美化页面

SGML

　　　　Standard Generalize Markup Language 标准通用标记语言

　　　　用来解决不一样操做系统中文档格式不一样的问题

　　　　是一种数据描述，数据模型，数据交流的标准，html和xml都基于此

　　　　纯文本，全部平台都能很好的识别

　　　　eXtensible Markup Language 可扩展标记语言

　　　　用于描述数据的标记语言，跨平台性强，是目前使用最普遍的数据格式

HTML

　　　　HyperText Markup Language 超文本标记语言

　　　　用来制做网页

XHTML

　　　　eXtensible HyperText Markup Language 可扩展超文本标记语言

　　　　X即表明XML，HTML即HTML，XHTML是HTML的纯净版，结构更加清晰，语法更加严格，既有HTML的特色，又有XML的特色

结构化文档的四个特色

　　整个文档有且仅有一个根元素

　　每一个元素都由开始标签和结束标签组成，除非使用空元素语法

　　元素与元素之间合理嵌套<a><b> ********</b></a>，而不能有如下形式<a><b> ********</a> </b>

　　元素的属性必须有属性值，属性值用引号括起来（单引号和双引号均可以）

DTD

　　Document Type Definition 文档类型定义

　　W3C使用DTD来定义HTML和XHTML的语义约束，包括HTML文档中能够出现哪些元素，各元素支持哪些属性

HTML容许元素使用大写字母

XHTML要求全部的元素和属性都是小写字母

HTML5基本结构

　　将HTML4中的DTD定义为以下结构便可，其余不变

　　 <!DOCTYPE HTML>

HTML5语法的改变

　　标签（元素）不区分大小写

　　元素能够省略结束标签

　　元素属性能够省略属性值

　　属性值能够不用引号

HTML5支持的两种指定页面使用的字符集的方式

使用Content-Type指定字符集

　　　　 <meta http-equiv="Content-Type" content="text/html ;charset=gb2312"/> html

直接使用charset指定字符集

网页文件类型

　　静态网页：.html和.htm（DOS操做系统保留）

　　动态网页：.jsp、.php、.asp、.aspx