博客

web 考试笔记

  • Post author:
  • Post category:其他


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>复制代码


去掉超文本文字修饰：
 

        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
 		checked 规定此 input 元素首次加载时应当被选中。checked=”checked”

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

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

multiple
 		multiple 如果使用该属性，则允许一个以上的值。（multiple=”multiple”）

form表单


action

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

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

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

下拉列表：

    <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 等

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

<textarea rows="3" cols="20">
在w3school，你可以找到你所需要的所有的网站建设教程。
</textarea>
// 3行20列复制代码

js

1. 字符串的反转

2. confirm

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

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

  1. php是一种服务器端，跨平台，html嵌入式的脚本语言，是一种动态网页技术。
  2. php可以和多种web服务器配合使用，（Apache、IIS等）
  3. php和html共存于一个文件夹中，采用模板技术分离程序代码和html脚本语言，php脚本解释过程均在服务器进行。
  4. 客户机浏览器只能看到从服务器返回的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个阶段：

  1. 需求分析阶段

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

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

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

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

14. 排序

  1. 冒泡排序

    原理：比较相邻的两个数，将小数方在前面，大数放在后面。总共排序次数：（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]复制代码

  2. 快速排序
  3. 堆排序
  4. 直接插入排序

  5. 长度为n的有序线性表，在最坏情况下，二分查找只需要比较log2n次。

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

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

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

  • 空间上

    顺序比链式节约空间。是因为链式结构每一个节点都有一个指针存储域。

  • 存储操作上：

    顺序支持随机存取，方便操作

  • 插入和删除上：

    链式的要比顺序的方便（因为插入的话顺序表也很方便，问题是顺序表的插入要执行更大的空间复杂度，包括一个从表头索引以及索引后的元素后移，而链表是索引后，插入就完成了）。

算法设计的要求

  • 时间效率高
  • 存储量低

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

控制流

。


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

  1. 自顶向下
  2. 逐步求精
  3. 模块化
  4. 限制使用GOTO语句


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

笛卡尔积

自然连接：

window.status

font-family 和 font-face

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

下划线标签：u

转载于:https://juejin.im/post/5c89ea27f265da2de6614a64