Note for Computer Network 4

Posted on 2018-07-14 | Edited on 2023-05-09 | In notes

包收发操作

副标题：阅读《网络是怎么连接的（户根勤）》读书笔记4

IP模块如何将包发给对方

通用流程

发送方的网络设备负责创建包，即生成含控制信息的头部，然后附上要发送的数据
接着，包被发往最近的网络转发设备
然后转发设备会根据头部信息判断接下来应该发往哪里，这个过程会用到一张表，按照头部记录的目的地址在表里查询，根据查到的信息判断接下来应该发往哪个方向
转发设备层层接力，最后到达接收方
发送方和接收方统称为终端节点，转发设备称为转发节点或中间节点

扩展流程——TCP/IP网络，用以太网规则传输包

转发设备包括路由器和集线器两种
路由器根据目标地址判断下一个路由器的位置，是按照IP规则传输包的设备
集线器在子网中将网络包传递给下一个路由，是按照以太网规则传输包的设备
TCP/IP包包含MAC头部和IP头部、TCP头部和数据块，IP头部存入下一级路由器的IP地址，MAC头部存入下一级路由器的MAC地址(即以太网地址，是IP协议写入的，使用ARP广播的形式获取)，MAC地址也叫物理地址(Physical Address)
例：
1. 客户端向服务器发包，先经集线器配合自己的一张表读取MAC头部获取下一个路由器甲的MAC地址，根据MAC地址，让以太网进行包的传输
2. 包会到达下一个路由器甲，路由器有一张IP协议的表，再读取IP头部获取再下一个路由器乙的IP地址，为了将包发给再下一个路由器，就必须要下一个路由器乙的MAC地址，并记录到MAC头部

Note for Computer Network 3

Posted on 2018-07-13 | Edited on 2023-05-09 | In notes

协议栈如何处理数据发送请求

副标题：阅读《网络是怎么连接的（户根勤）》读书笔记3

Tips:

IEEE802.3/802.2因长度太长、效率降低并未完全普及，更古老的以太网DIX规格仍在使用
TCP/IP协议以前是合为一体的，现在分开成两个
像浏览器、邮件等一般的应用程序都是使用TCP收发数据的，而像 DNS 查询等收发较短的控制数据的时候则使用UDP
ICMP用于告知网络包传送过程中产生的错误以及各种控制消息，ARP 用于根据IP地址查询相应的以太网MAC地址
套接字的实体就是通信控制信息：IP地址、端口号、通信操作的进行状态、是否收到响应、执行发送操作后经过了多长时间等

图2.3的步骤1中，协议栈申请内存空间准备存放套接字（控制信息），刚刚创建时，数据收发操作还未开始，故写入初始状态的控制信息；之后将套接字描述符告知应用程序
步骤2的连接是指双方交换控制信息，必要的信息放在了网络包的头部，另一类放在套接字内存区
- 将浏览器查到的对方IP和端口号等告知协议栈
- 服务器创建套接字（其实一般在服务器启动时已经创建好了），客户端将本机IP和端口号等告知服务器
- 创建一块缓存区，用于临时存放收发的数据
- connect详见后面段落

Pictures play in turn

Posted on 2018-07-06 | Edited on 2023-05-09 | In imooc

图片轮播效果

效果图：

说明：

三张背景图片采用的一张出现一张消失，还有上下替换或左右替换的方式，本次未采用
背景图片采用2秒一次自动循环轮播
图片两侧采用“上一页”和“下一页”的切换按钮
图片右下角采用圆点定位

HTML和CSS部分

将三张图片重叠放置，banner-slide绝对定位，banner相对定位

使用slide-active并设置display实现隐/现

<!--html-->
<div class="banner" id="banner">
    <a href="">
        <div class="banner-slide slide1 slide-active"></div>
    </a>
    <a href="">
        <div class="banner-slide slide2"></div>
    </a>
    <a href="">
        <div class="banner-slide slide3"></div>
    </a>
</div>


<!--css-->
.banner{
	width: 1200px;
	height:460px;
	position: relative;
	overflow: hidden;
}
.banner-slide{
	width: 1200px;
	height:460px;
	position: absolute;
	background-repeat: no-repeat;	
	display: none;
}
.slide-active{
	display: block;
}

Note for Computer Network 2

Posted on 2018-07-05 | Edited on 2023-05-09 | In notes

Note for Computer Network 2

副标题：阅读《网络是怎么连接的（户根勤）》读书笔记2

生成 HTTP 请求消息

动作：对URL 进行解析
效果：浏览器确定了 Web 服务器和文件名
后续：根据这些信息来生成 HTTP 请求消息

消息头存放“请求行没说清楚的”额外信息，消息头的规格中定义了很多项目，如日期、客户端支持的数据类型、语言、压缩格式、客户端和服务器的软件名称和版本、数据有效期和最后更新时间等。比如Date、Pragma、Cache-control、Connection、Transfer-Encoding、Via等，参考HTTP头字段-wiki百科
写完消息头之后，还需要添加一个完全没有内容的空行，然后写上需要发送的数据（即消息体）

响应消息与请求消息差别仅在第一行，内容为状态码和响应短语，用来表示请求的执行结果是成功还是出错。

状态码	含义
1xx	告知请求的处理进度和情况
2xx	成功
3xx	表示需要进一步操作
4xx	客户端错误
5xx	服务器错误

返回响应消息之后，浏览器会将数据提取出来并显示在屏幕上，我们就能够看到网页的样子了。如果网页的内容只有文字，那么到这里就全部处理完毕了，但如果网页中还包括图片等资源，则还有下文
当网页中包含图片时，会在网页中的相应位置嵌入表示图片文件的标签的控制信息。浏览器会在显示文字时搜索相应的标签，当遇到图片相关的标签时，会在屏幕上留出用来显示图片的空间，然后再次访问 Web服务器，按照标签中指定的文件名向Web服务器请求获取相应的图片并显示在预留的空间中
[扩展思考]就是因为图文的异步，所以可以考虑采用多线程的方式，先刷出文字，后刷出图片，提升浏览器阅读体验
由于每条请求消息中只能写 1 个 URI，所以每次只能获取 1 个文件，如果需要获取多个文件，必须对每个文件单独发送 1 条请求。即，3张图片==额外3次request

A simple demo _Web page layout

Posted on 2018-07-05 | Edited on 2023-05-09 | In imooc

javaweb之网站布局demo

demo课程来源：慕课网javaweb课程
分析：实现了静态网页的展示效果。
效果图：

add

绘制概述：

将备用图片新建image文件夹，与html和css文件置于同一目录下
将整个网页6个区域，找6个盒子对应
- 标题及导航区
- 横幅栏
- about区
- picture-word区
- gallery区
- footer区
按照不同区特点，设计css样式，主要涉及知识点：盒子模型、定位、浮动、遮罩、hover等

步骤详解

一、标题及导航区

html指向外部css文件
header由logo及nav两部分构成
nav细分出六个小导航

<!--html文件-->
<head>
    <meta charset="utf-8">  
    <title>Career Builder</title>
    <link rel="stylesheet" type="text/css" href="index.css">
</head>
    <div class="header">
        <div class="logo"><img src="images/logo.png"></div>
        <div class="nav">
            <div class="nav-li">HOME</div>
            <div class="nav-li">ABOUT</div>
            <div class="nav-li">GALLERY</div>
            <div class="nav-li">FACULTY</div>
            <div class="nav-li">EVENTS</div>
            <div class="nav-li">CONTACT</div>    
        </div>       
    </div>

消除浏览器默认边距,设置微软雅黑字体
logo设置左浮动
nav设置右浮动
nav-li设置左浮动，同时调整间距，垂直居中对齐
nav-li设置hover效果，悬浮时nav-li块出现黑色背景效果，鼠标变为“小手”效果

notes_for_HeadFirstServletsAndJsp5

Posted on 2018-06-08 | Edited on 2023-05-09 | In notes

Head First Servlets&JSP 读书笔记_5

如何将某些参数写在DD中，而非写死在类中

初版解决办法（以Email地址为例）：

//DD中：
<servlet>
...

	<init-param>
		<param-name>adminEmail</param-name>
		<param-value>***@163.com</param-value>
	</init-param>

</servlet>

同时

1 2	//servlet中： getServletConfig().getInitParameter("adminEmail");

一般Servlet都是继承自HttpServlet，而HttpServlet是GenericServlet的子类。getInitParameter()方法来自于GenericServlet，所以Servlet可以调用此方法去获取web.xml配置文件中的配置信息。
容器初始化一个servlet时，会为这个servlet建一个唯一的ServletConfig。其出场顺序为：先由容器加载servlet类，然后init()初始化，初始化完成前得到了ServletConfig对象，同时可以调用getInitParameter方法，从DD中读取初始化参数，经由ServletConfig传递给init()方法。
划重点：先 init()，后得到ServletConfig，同时使用初始化参数（只能读一次）！可参考Head First Servlets&JSP 读书笔记_3中关于init()方法的讲解
以上的代码只是专属于此Servlet的初始化参数，无法全局使用；若采取保存下来的方式，又必须使此Servlet最早先运行，这么一来可维护性极差

notes_for_HeadFirstServletsAndJsp4

Posted on 2018-06-02 | Edited on 2023-05-09 | In notes

Head First Servlets&JSP 读书笔记_4

HttpServletRequest接口扩展了ServletRequest接口，发生了什么？

与上同理的还有HttpServletResponse接口扩展了ServletResponse接口。以ServletRequest接口为例解释如下：

avax.servlet Interface ServletRequest
Defines an object to provide client request information to a servlet. The servlet container creates a ServletRequest object and passes it as an argument to the servlet’s service method.
[扩展译]当Servlet容器接收到客户端要求访问特定Servlet的请求时，容器先解析客户端的原始请求数据，把它包装成一个ServletRequest对象。当容器调用Servlet对象的service()方法时，就可以把ServletRequest对象呢作为参数传给service()方法。

A ServletRequest object provides data including parameter name and values, attributes, and an input stream. Interfaces that extend ServletRequest can provide additional protocol-specific data (for example, HTTP data is provided by HttpServletRequest.
[译]ServletRequest对象提供参数名、参数值、属性、输入流等数据。其扩展接口（比如HttpServletRequest会提供Http数据）会格外增加特定的协议数据。

Http协议数据主要有如下：

method	description
getContextPath():String	Returns the portion of the request URI that indicates the context of the request.[译]获得Request中传入的URI部分（注：URI标记了资源，未给出资源地址，故只是URL的一部分，参考：Web基础-Uri跟Url的区别）
getCookies():Cookie[]	Returns an array containing all of the Cookie objects the client sent with this request.[译]获得Request相关的cookie数组
getHeader(String name):String	Returns the value of the specified request header as a String.[译]获得客户的平台和浏览信息
getSession():HttpSession	Returns the current session associated with this request, or if the request does not have a session, creates one.[译]返回客户相关的Session会话
getInputStream():ServletInputStream	Retrieves the body of the request as binary data using a ServletInputStream[译]返回请求体中的二进制内容（请求体若要处理计算机驱动，可能包含二进制）[注]此为ServletRequest的方法
…	…
其他参数参考：Servlet技术浅析（三）之—–ServletRequest接口和HttpServletRequest接口

Set Character utf8

Posted on 2018-05-30 | Edited on 2023-05-09 | In debug

MySQL修改默认字符集为utf8的方法安装MySQL默认是latin1，而不是utf8，所以最好在本地修改为utf8格式，以下是具体方法。在MySQL下输入： mysql> show variables like 'character%'; 检查各项是否为ut ...

notes for statistical learning 1

Posted on 2018-05-29 | Edited on 2023-05-09 | In notes

统计学习方法入门学习笔记1

名词解释

统计学习：即统计机器学习，目的是对数据进行预测和分析；以方法为中心，统计学习方法1.构建模型2.应用模型进行预测和分析；系统通过数据及统计方法提高系统性能的机器学习，即是统计学习。
统计学习的前提：同类数据具有一定的统计规律性。
统计学习三要素：模型，策略（模型选择的准则），算法（求解最优模型的方法）。
监督学习：从training data出发，由算法实现最优模型的选取，使它对training data和test data在给定评价准则下有最优的预测（假设两种 data独立同分布）。学习一个由输入到输出的映射，这一映射由模型来表示。换句话说，学习的目的就在于找到最好的这样的模型。由人工给出训练集，所以是监督学习。
模型f(X)：属于由输入空间到输出空间的映射的集合，此集合就是假设空间。模型一般由P(Y|X)或Y=f(X)表示，前者是条件概率分布，后者是决策函数。

决策函数：非概率模型,类似y=f(x)即Label=f（Features），
1
2
3
def classify(features):
# do some logic
return label
假设空间：假设‘要学习的模型属于某个函数’的集合，是理论上所有可能属性值构成的集合空间，一般有无穷多个。

notes for Shell 1

Posted on 2018-05-17 | Edited on 2023-05-09 | In notes

Shell入门知识1

学习链接

Shell教程

名词解释

Shell：一种应用程序，用户通过这个界面访问OS内核的服务。
Shell脚本（shell script）：A shell script is a text file containing shell commands. 为shell编写的脚本程序。一般来说的shell编程都是指shell脚本编程。
脚本语言：短小的，用来让计算机自动化完成一系列工作的程序，这段程序可以用文本编辑器修改，不需要编译，通常是解释运行的。

干货正文

Shell脚本示例

1
2
#!/bin/bash
echo "Hello World !"

Shell变量

与C语言类似的规范，但：

变量名和等号之间不能有空格
1
my_name="hahajun"
使用一个定义过的变量，只要在变量名前面加美元符号即可,花括号建议添加，不加亦可。二次赋值时可不加美元符号，使用时必加。
1
2
3
echo $my_name
echo ${my_name}
my_name="dafeige"

readonly修饰只读变量

1
2
3

#!/bin/bash
myurl="http://likehui.fun"
readonly myurl

删除变量

1
2
3

#!/bin/bash
myurl="http://likehui.fun"
unset myurl

Harrison Lee / Email (harrisonli60@163.com)

It is never too late to learn a new skill, even a challenging one.