<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[vettel2018的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/vettel2018</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; vettel2018]]></copyright><item><title><![CDATA[1 软件测试理论一]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/100920673</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/100920673</guid><author>vettel2018</author><pubDate>Tue, 17 Sep 2019 11:29:19 +0800</pubDate><description><![CDATA[一 测试模型

1 V模型示意图



V模型的优点


	测试V模型即包含了底层测试又包含了高层测试；
	

	底层测试：检验源代码质量的测试，如：单元测试；
	
	
	高层测试：检验整个系统的需要，如：系统测试；
	
	
	V模型清楚地标识出了软件开发的阶段。
	
	
	它采用自顶向下逐步求精的方式把整个开发过程分成不同的阶段，每个阶段的工作都很明确，因此便于控制开发过程。当所有的阶段都完成之...]]></description><category></category></item><item><title><![CDATA[5 Django的视图层]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88896964</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88896964</guid><author>vettel2018</author><pubDate>Fri, 29 Mar 2019 17:03:39 +0800</pubDate><description><![CDATA[视图函数

一个视图函数，简称视图，是一个简单的Python 函数，它接受Web请求并且返回Web响应。响应可以是一张网页的HTML内容，一个重定向，一个404错误，一个XML文档，或者一张图片. . . 是任何东西都可以。无论视图本身包含什么逻辑，都要返回响应。代码写在哪里也无所谓，只要它在你的Python目录下面。除此之外没有更多的要求了——可以说“没有什么神奇的地方”。为了将代码放在某处，约...]]></description><category></category></item><item><title><![CDATA[4 Django-2的路由层(URLconf)]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88895376</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88895376</guid><author>vettel2018</author><pubDate>Fri, 29 Mar 2019 16:38:07 +0800</pubDate><description><![CDATA[URL配置(URLconf)就像Django 所支撑网站的目录。它的本质是URL与要为该URL调用的视图函数之间的映射表；你就是以这种方式告诉Django，对于客户端发来的某个URL调用哪一段逻辑代码对应执行。

简单的路由配置


from django.urls import path,re_path

from app01 import views

urlpatterns = [
 ...]]></description><category></category></item><item><title><![CDATA[3 Django模型简介和下载]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88894745</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88894745</guid><author>vettel2018</author><pubDate>Fri, 29 Mar 2019 15:56:39 +0800</pubDate><description><![CDATA[MVC模型

Web服务器开发领域里著名的MVC模式，所谓MVC就是把Web应用分为模型(M)，控制器(C)和视图(V)三层，他们之间以一种插件式的、松耦合的方式连接在一起，模型负责业务对象与数据库的映射(ORM)，视图负责与用户的交互(页面)，控制器接受用户的输入调用模型和视图完成用户的请求，其示意图如下所示：



MTV模型

Django的MTV模式本质上和MVC是一样的，也是为了各组件间...]]></description><category></category></item><item><title><![CDATA[2 web应用与web框架]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88737738</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88737738</guid><author>vettel2018</author><pubDate>Fri, 22 Mar 2019 12:34:03 +0800</pubDate><description><![CDATA[web应用

Web应用程序是一种可以通过Web访问的应用程序，程序的最大好处是用户很容易访问应用程序，用户只需要有浏览器即可，不需要再安装其他软件。应用程序有两种模式C/S、B/S。C/S是客户端/服务器端程序，也就是说这类程序一般独立运行。而B/S就是浏览器端/服务器端应用程序，这类应用程序一般借助谷歌，火狐等浏览器来运行。WEB应用程序一般是B/S模式。Web应用程序首先是“应用程序”，和用...]]></description><category></category></item><item><title><![CDATA[1 http协议]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88736246</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88736246</guid><author>vettel2018</author><pubDate>Fri, 22 Mar 2019 12:10:11 +0800</pubDate><description><![CDATA[1 http协议简介

http协议，又称超文本传输协议（HyperText Transfer Protocaol）是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。

HTTP的发展是由蒂姆·伯纳斯-李于1989年在欧洲核子研究组织（CERN）所发起。HTTP的标准制定由万维网协会（World Wide Web Consortium，W3C）和互联网工程任务...]]></description><category></category></item><item><title><![CDATA[6 BOM]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88413408</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88413408</guid><author>vettel2018</author><pubDate>Tue, 12 Mar 2019 08:44:42 +0800</pubDate><description><![CDATA[BOM的介绍
浏览器对象模型。

操作浏览器部分功能的API。比如让浏览器自动滚动。

BOM的结构图


window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。
DOM是BOM的一部分。

window对象：

window对象是JavaScript中的顶级对象。
全局变量、自定义函数也是window对象的属性和方法。
window对象下的属性...]]></description><category></category></item><item><title><![CDATA[5 定时器]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88413394</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88413394</guid><author>vettel2018</author><pubDate>Tue, 12 Mar 2019 08:43:08 +0800</pubDate><description><![CDATA[setTimeout()


setInterval()


定时器
在js中有两种定时器：

一次性定时器：setTimeout()
周期性循环定时器: setInterval()

setTimeout()
只在指定的时间后执行一次
/定时器 异步运行  
function hello(){  
alert(&quot;hello&quot;);  
}  
//使用方法名字执行方法  
var t1 = w...]]></description><category></category></item><item><title><![CDATA[4 client、offset、scroll]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88413389</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88413389</guid><author>vettel2018</author><pubDate>Tue, 12 Mar 2019 08:42:29 +0800</pubDate><description><![CDATA[client、offset、scroll系列
主要与计算盒模型、盒子的偏移量和滚动有关
clientTop 内容区域到边框顶部的距离 ，说白了，就是边框的高度
clientLeft 内容区域到边框左部的距离，说白了就是边框的乱度
clientWidth 内容区域+左右padding   可视宽度
clientHeight 内容区域+ 上下padding   可视高度

client演示
&amp;lt;!...]]></description><category></category></item><item><title><![CDATA[3 DOM]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88413378</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88413378</guid><author>vettel2018</author><pubDate>Tue, 12 Mar 2019 08:40:54 +0800</pubDate><description><![CDATA[文章目录1 DOM概念2 DOM树（一切皆是节点）3 DOM可以做什么4 DOM的结构5 获取其它DOM（事件源）的三种方式6 事件7 事件的三要素绑定事件的方式JavaScript入口函数 window.onload()样式属性操作值的操作标签属性操作节点的操作创建节点插入节点删除节点8 DOM 相关案例1 模态框案例2 模拟hover选择器3 Tab栏选项卡
1 DOM概念
概念
所谓DOM,...]]></description><category></category></item><item><title><![CDATA[2 ECMAScript5.0]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88413334</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88413334</guid><author>vettel2018</author><pubDate>Tue, 12 Mar 2019 08:35:44 +0800</pubDate><description><![CDATA[文章目录1  JavaScript的引入方式2 注释3 变量4 基本数据类型5 运算符6 数据类型转换7 流程控制8 循环9 常用内置对象（复杂数据类型）（重点）1 数组Array2 字符串string3 Math内置对象10 函数11 实参 arguments12 对象Object13 Date 日期对象14  JSON
1  JavaScript的引入方式

内接式

&amp;lt;script t...]]></description><category></category></item><item><title><![CDATA[1 JavaScript介绍]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/88413290</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/88413290</guid><author>vettel2018</author><pubDate>Tue, 12 Mar 2019 08:29:04 +0800</pubDate><description><![CDATA[JavaScript介绍
web前端有三层

HTML：从语义的角度，描述页面的结构
CSS：从审美的角度，描述样式（美化页面）
JavaScript：从交互的角度，描述行为（提升用户体验）

历史背景介绍
布兰登 艾奇 1995年在网景公司 发明的JavaScript
一开始的JavaScrip叫LiveScript
同一个时期 比如 VBScript,JScript等，但是后来被JavaScr...]]></description><category></category></item><item><title><![CDATA[1、linux目录介绍]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/87985852</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/87985852</guid><author>vettel2018</author><pubDate>Wed, 27 Feb 2019 19:26:50 +0800</pubDate><description><![CDATA[1、linux设计思想

1）程序应该小而专一，程序应该尽量小，且只专注于一件事上，不要开发那些看起来有用但是90%的情况都用不到的特性；

2）程序不只要考虑性能，程序的可移植性更重要，shell和perl，python等脚本相比C有更好的移植性；

3）一切皆文件，尽量使用文本文件来存储数据，避免使用二进制文件，因为文本文件可读性强，且已经有更多的工具来处理，例如awk,sed,grep等；
...]]></description><category></category></item><item><title><![CDATA[3、基本选择器]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/87985475</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/87985475</guid><author>vettel2018</author><pubDate>Wed, 27 Feb 2019 19:13:14 +0800</pubDate><description><![CDATA[基础选择器包括：

标签选择器
	类选择器
	ID选择器
	通用选择器
标签选择器

顾名思义就是通过标签名来选择元素：

示例：


p {
  color: red;
}


将所有的p标签设置字体颜色为红色。

ID选择器

通过元素的ID值选择元素：

示例：


#i1 {
  color: red;
}


将id值为i1的元素字体颜色设置为红色。

类选择器

通过样式类选择元素：
...]]></description><category></category></item><item><title><![CDATA[2、CSS引入方式]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/87985279</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/87985279</guid><author>vettel2018</author><pubDate>Wed, 27 Feb 2019 19:11:27 +0800</pubDate><description><![CDATA[网页中引用CSS样式

内联样式
	行内样式表
	外部样式表
	链接式
		导入式
	






1、内嵌方式


&amp;lt;!doctype html&amp;gt;
&amp;lt;html&amp;gt;
    &amp;lt;head&amp;gt;
        &amp;lt;meta charset=&quot;utf8&quot;&amp;gt;
        &amp;lt;style&amp;gt;
            p {
             ...]]></description><category></category></item><item><title><![CDATA[1、CSS介绍]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/87984970</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/87984970</guid><author>vettel2018</author><pubDate>Wed, 27 Feb 2019 19:02:47 +0800</pubDate><description><![CDATA[CSS介绍

CSS是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的...]]></description><category></category></item><item><title><![CDATA[4、HTML标签分类]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/87984527</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/87984527</guid><author>vettel2018</author><pubDate>Wed, 27 Feb 2019 18:46:31 +0800</pubDate><description><![CDATA[块级元素特点：display:block;

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。独占一行

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

行内元素特点：display:inline;

1、和其他元素都在一行上；

2、元素的高度、宽度及顶部和底部边距不可设置；...]]></description><category></category></item><item><title><![CDATA[3-2、body标签相关内容-常用标签二]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/87967862</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/87967862</guid><author>vettel2018</author><pubDate>Wed, 27 Feb 2019 10:56:03 +0800</pubDate><description><![CDATA[1、表格标签 table

表格由&amp;lt;table&amp;gt; 标签来定义。每个表格均有若干行（由 &amp;lt;tr&amp;gt; 标签定义），每行被分割为若干单元格（由&amp;lt;td&amp;gt;标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=...]]></description><category></category></item><item><title><![CDATA[3-1、body标签相关内容-常用标签一]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/87966593</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/87966593</guid><author>vettel2018</author><pubDate>Wed, 27 Feb 2019 10:30:21 +0800</pubDate><description><![CDATA[1、标题标签 h1~h6

&amp;lt;h1&amp;gt; - &amp;lt;h6&amp;gt; 标签可定义标题。&amp;lt;h1&amp;gt; 定义最大的标题。&amp;lt;h6&amp;gt; 定义最小的标题。 由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用css来定义来达到漂亮的显示效果。 标题标签通常用来制作文章或网站的标题。

h1...]]></description><category></category></item><item><title><![CDATA[2、head标签相关内容]]></title><link>https://blog.youkuaiyun.com/vettel2018/article/details/87966261</link><guid>https://blog.youkuaiyun.com/vettel2018/article/details/87966261</guid><author>vettel2018</author><pubDate>Wed, 27 Feb 2019 09:38:12 +0800</pubDate><description><![CDATA[1、title标签

&amp;lt;title&amp;gt;标签：在&amp;lt;title&amp;gt;和&amp;lt;/title&amp;gt;标签之间的文字内容是网页的标题信息，它会显示在浏览器标签页的标题栏中。可以把它看成是一个网页的标题。主要用来告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出当前网页的主题。

创建一个带有我们自定义标题内容的网页：


&amp;lt;!DOCTYPE html...]]></description><category></category></item></channel></rss>