web 考试笔记

时间 2019-12-15

标签 web 考试笔记栏目 HTML 繁體版

原文原文链接

1. a标签 href

将图片设为超连接（在a标签中加入图片）

<a href="/example/html/lastpage.html">
    <img border="0" src="/i/eg_buttonnext.gif" />
</a>复制代码

连接到同一页面的不一样位置

<div class="backTop">
  <a href="#backtop"></a>     // #+被返回的位置的name属性
</div>
<a href="" name="backtop"></a>  // 此标签为被返回的页面的位置复制代码

若是不使用 href 属性，则不能够使用以下属性：download, hreflang, media, rel, target 以及 type 属性。
被连接页面一般显示在当前浏览器窗口中，除非您规定了另外一个目标（target 属性）。

rel

text

规定当前文档与被连接文档之间的关系。

target

_blank 在新窗口打开连接
_parent
_self
_top
framename

规定在何处打开连接文档。

建立电子邮件连接

<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>复制代码

去掉超文本文字修饰：php

text-decoration: none;    //去除文字修饰
        text-decoration: underline;    //添加下划线
        text-decoration: overline;    //添加上划线
        text-decoration: line-through;    //添加删除线
        text-decoration: blink;    //闪烁

a 标签
未被访问过的样式：a:link{}
已经访问过的样式： a:visited{}
鼠标悬停样式： a:hover{}
激活时连接的样式： a:active{}复制代码

2. link标签（定义文档与外部资源的关系）

<head>
  <link rel="stylesheet" type="text/css" href="theme.css" />
</head>
// rel 也能够等于icon复制代码

3. input 标签

type

button
checkbox
file 上传文件
hidden
image
password
radio
reset 重置按钮
submit 提交按钮
text

规定 input 元素的类型。

checked

规定此 input 元素首次加载时应当被选中。checked="checked"

alt

text

定义图像输入的替代文本。

disabled

当 input 元素加载时禁用此元素

multiple

若是使用该属性，则容许一个以上的值。（multiple="multiple"）

form表单

action（必填）

URL

规定当提交表单时向何处发送表单数据。（指定须要处理数据的网页或程序）

method

get
post

规定用于发送 form-data 的 HTTP 方法（默认get）。（get传输数据量小，post能够传输大量数据，上传文件时只能用post）

submit按钮的做用是对表单数据进行编码并送到服务器css

下拉列表：

<select multiple="multiple">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>复制代码

html里面非成对标记的标签：li标签 br标签 hr标签 img 等html

多行文本输入控件：textarea标签 java

<textarea rows="3" cols="20">
在w3school，你能够找到你所须要的全部的网站建设教程。
</textarea>
// 3行20列复制代码

js

1. 字符串的反转

2. confirm

confirm(message) 方法用于显示一个带有指定消息和肯定按钮及取消按钮的对话框。web

3. onload()正则表达式

4. window.close算法

5. 时间函数 var now = new Date();

getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()从 Date 对象返回月份 (0 ~ 11)。
getFullYear()从 Date 对象以四位数字返回年份。
getHours()返回 Date 对象的小时 (0 ~ 23)。
getMinutes()返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()返回 Date 对象的秒数 (0 ~ 59)。复制代码

6. split() 方法用于把一个字符串分割成字符串数组。（方便用于遍历）

若是把空字符串 ("") 用做 separator，那么 stringObject 中的每一个字符之间都会被分割。

var str = a,b,c,d,e,f,g;
str.split("");
console.log(str);
// ["a", ",", "b", ",", "c", ",", "d", ",", "e", ",", "f", ",", "g"]
// 把逗号符号也用逗号分隔了
str.split(",");
// 用逗号分隔则会忽略逗号复制代码

str.split(separator, limit)
separator: 可选，字符串或正则表达式，从该参数指定地方分隔str
limit： 可选，该参数可指定返回的数组的最大长度复制代码

slice()

str.slice(start, end)数据库

start：必须（若是是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素）编程

end：可选（若是这个参数是负数，那么它规定的是从数组尾部开始算起的元素）小程序

7. 高内聚低耦合

内聚：模块内的功能联系

耦合：是软件结构中各模块之间相互链接的一种度量，耦合强弱取决于模块间接口的复杂程度、进入或访问一个模块的点以及经过接口的数据。

高内聚低耦合，是软件工程中的概念，是判断设计好坏的标准，主要是面向对象的设计，主要是看类的内聚性是否高，耦合度是否低。

8. sub() 与 sup()

标签与标签

sub下标

sup 上标

9. ASP .NET 的开发语言有：C#、F# 和 Visual Basic (VB)。

10. HTTP

http协议是一种通用的，无状态，持久链接的应用层协议，基于标准的客户机/服务器模型。

HTTP请求由三部分组成，分别是：请求行，消息报头，请求正文。

与HTTP请求相似，HTTP响应也是由三个部分组成，分别是：状态行，消息报头，相应正文。（采用“请求/响应”的交互模式，相似于MIME的消息结构）

http协议既能够提供一个请求使用一个链接，也能够提供多个请求使用一个链接。

HTTP服务器，默认监听的端口号和协议为80/tcp（但不只限于80端口，必须使用tcp协议）

FTP协议：21端口

TELNET：23端口

TFTP(简单文件传送协议)服务器的UDP端口号都是69

25端口分配给SMTP（简单邮件传输协议）服务，

135端口分配给RPC（远程过程调用）服务等等。

B/S 和 C/S均可以扩展成三层或者多层架构

10.1 web的工做原理

www被称为万维网，简称web

http协议经过浏览器和服务器进行数据交互。Web服务器有是也叫HTTP服务器或Web容器。HTTP协议采用的是请求/响应模式。即客户端发起HTTP请求，web服务器接收并解析处理HTTP请求，而后将HTTP响应发送给客户端。

纯粹的html格式的页面一般被称为“静态页面”，静态页面一般用来存放那些固定不变的文档，网址的形式一般以.htm结尾，可出现动态效果（gif动画，flash，滚动字幕），静态网页能提升网站的访问速度，利于搜索引擎收录。

AJAX是一个基于JavaScript并整合了XHTML、XML、DOM等技术，是实现的一个客户机端/服务器端混合式动态页面编程框架。

动态网页的语言包括：html+asp 或者 html+jsp 或者 heml+php

PHP

php是一种服务器端，跨平台，html嵌入式的脚本语言，是一种动态网页技术。
php能够和多种web服务器配合使用，（Apache、IIS等）
php和html共存于一个文件夹中，采用模板技术分离程序代码和html脚本语言，php脚本解释过程均在服务器进行。
客户机浏览器只能看到从服务器返回的html页面，没法读取php代码，保证了系统的安全性。

Java Servet 与 Java Applet

Java Servet是要遵循必定规范的，运行于web服务器端、供服务器调用和执行的java类。（jsp和Java Servet都是建立动态网页的技术，jsp页面在执行前会被翻译成servet）

Java Applet就是用Java语言编写的一些应用小程序，能够直接嵌入到网页中，哪一个用户访问这个网页，Applet被下载到这个用户的计算机上执行。（java applet 是属于动态网页技术）

11. css样式表（Cascading Style Sheets）

css样式表优先级：行内样式，文档层样式，外部样式

12.域名系统DNS

它做为将域名和IP地址相互映射的一个分布式数据库，可以令人更方便地访问互联网。

DNS使用TCP和UDP 端口53。

ip地址采用的是点分十进制表示法

URL用于表示网络资源定位符

13. 数据库设计的6个阶段：

需求分析阶段

需求分析阶段能够使用的工具：数据流图DFD图，数据字典DD，断定树与断定表复制代码

概念结构设计阶段（自顶向下，自底向上）
逻辑结构设计阶段（包括设计er图）
物理结构设计阶段
数据库实施阶段
数据库运行与维护阶段

数据管理发展至今经历了三个阶段：

人工管理阶段
文件系统阶段
数据库系统阶段（结构简单，使用方便，逻辑性强，物理性少。一直占据数据库领域的主导地位）

14. 排序

冒泡排序

原理：比较相邻的两个数，将小数方在前面，大数放在后面。总共排序次数：（n-1）次
1836207
1362078
1320678
1203678
1023678
0123678
    const array = [ 1, 8, 3, 6, 2, 0, 7 ];
    const newArray = [];
    for (let i = 0; i < array.length; i++) {
      for (let j = 0; j < array.length - 1 - i; j++) {
        if (array[ j + 1 ] < array[ j ]) {
          const temp = array[ j ];
          array[ j ] = array[ j + 1 ];
          array[ j + 1 ] = temp;
        }
      }
    }
    console.log(array);    // [0, 1, 2, 3, 6, 7, 8]复制代码

快速排序
堆排序
直接插入排序
长度为n的有序线性表，在最坏状况下，二分查找只须要比较log2n次。

顺序存储与链式存储的区别：

链表存储结构的内存地址不必定是连续的，但顺序存储结构的内存地址必定是连续的；
链式存储适用于在较频繁地插入、删除、更新元素时，而顺序存储结构适用于频繁查询时使用。

顺序存储结构和链式存储结构的优缺点：

空间上
顺序比链式节约空间。是由于链式结构每个节点都有一个指针存储域。
存储操做上：
顺序支持随机存取，方便操做
插入和删除上：
链式的要比顺序的方便（由于插入的话顺序表也很方便，问题是顺序表的插入要执行更大的空间复杂度，包括一个从表头索引以及索引后的元素后移，而链表是索引后，插入就完成了）。

算法设计的要求

时间效率高
存储量低

程序流程图中，带箭头的线段表示控制流。

结构化程序设计的四个基本原则：

自顶向下
逐步求精
模块化
限制使用GOTO语句

Inter经常使用协议属于传输层的是：TCP UDP

笛卡尔积

天然链接：

window.status

font-family 和 font-face

html 删除线标签： s标签 del标签

下划线标签：u