网络编程
THE ORDER
卷,学习笔记
展开
-
4 python个人选股路由列表功能开发
1. 路由的介绍接着上面程序的判断场景,假如咱们再处理一个个人中心的动态资源请求非常简单,再添加一个函数和更加一个分支判断就可以实现了。framework.py 示例代码:# 获取个人中心数据def center(): # 响应状态 status = "200 OK"; # 响应头 response_header = [("Server", "PWS2.0")] # 打开模板文件,读取数据 with open("template/center.htm原创 2022-02-07 13:48:30 · 76 阅读 · 0 评论 -
3 python个人股票页面模板替换功能开发
1. 读取股票信息模板文件framework.py示例代码:# 获取首页数据def index(): # 响应状态 status = "200 OK"; # 响应头 response_header = [("Server", "PWS2.0")] # 打开模板文件,读取数据 with open("template/index.html", "r") as file: file_data = file.read()2. 使用模拟数据替原创 2022-02-07 13:48:10 · 97 阅读 · 0 评论 -
2 web框架程序开发
1. 框架职责介绍接收web服务器的动态资源请求,给web服务器提供处理动态资源请求的服务。2. 动态资源判断根据请求资源路径的后缀名进行判断如果请求资源路径的后缀名是.html则是动态资源请求, 让web框架程序进行处理。否则是静态资源请求,让web服务器程序进行处理。web服务器程序(web.py)代码:import socketimport threadingimport sysimport framework# 定义web服务器类class HttpWebServer(o原创 2022-02-07 13:47:40 · 57 阅读 · 0 评论 -
1 web框架概述
1. web框架和web服务器的关系介绍web服务器主要是接收用户的http请求,根据用户的请求返回不同的资源数据,但是之前我们开发的是静态web服务器,返回的都是静态资源数据,假如我们想要web服务器返回动态资源那么该如何进行处理呢?使用web框架专门负责处理用户的动态资源请求,这个web框架其实就是一个为web服务器提供服务的应用程序,简称web框架。关系说明:web服务器接收浏览器发起的请求,如果是动态资源请求找web框架来处理web框架负责处理浏览器的动态资源请求,把处理的结果发生给we原创 2022-02-07 13:47:09 · 98 阅读 · 0 评论 -
12 ajax
1. ajax的介绍ajax 是 Asynchronous JavaScript and XML的简写,ajax一个前后台配合的技术,它可以让 javascript 发送异步的 http 请求,与后台通信进行数据的获取,ajax 最大的优点是实现局部刷新,ajax可以发送http请求,当获取到后台数据的时候更新页面显示数据实现局部刷新,在这里大家只需要记住,当前端页面想和后台服务器进行数据交互就可以使用ajax了。这里提示一下大家, 在html页面使用ajax需要在web服务器环境下运行, 一般向自己的原创 2022-02-05 11:05:44 · 99 阅读 · 0 评论 -
11 json
1. json的介绍json是 JavaScript Object Notation 的首字母缩写,翻译过来就是javascript对象表示法,这里说的json就是类似于javascript对象的字符串,它同时是一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。2. json的格式json有两种格式:对象格式数组格式对象格式:对象格式的json数据,使用一对大括号({}),大括号里面放入key:value形式的键值对,多个键值对使用逗号分隔。对象格式的json数据:原创 2022-02-05 11:05:32 · 62 阅读 · 0 评论 -
10 JavaScript对象
1. JavaScript对象的介绍JavaScript 中的所有事物都是对象:字符串、数值、数组、函数等都可以认为是对象,此外,JavaScript 允许自定义对象,对象可以拥有属性和方法。2. JavaScript创建对象操作创建自定义javascript对象有两种方式:通过顶级Object类型来实例化一个对象通过对象字面量创建一个对象Object类创建对象的示例代码:<script> var person = new Object(); // 添加属性:原创 2022-02-05 11:05:19 · 83 阅读 · 0 评论 -
9 jQuery事件代理
1. 事件代理介绍事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向它的父级一级一级传递),把事件加到父级上,通过判断事件来源,执行相应的子元素的操作,事件代理首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。事件冒泡代码: <script> $(function(){ var $div1 = $('#div1'); var $div2 = $('#div2'); $div1.click(fu原创 2022-02-05 11:05:07 · 947 阅读 · 0 评论 -
7 jQuery获取和设置元素属性
1. prop方法的使用之前使用css方法可以给标签设置样式属性,那么设置标签的其它属性可以使用prop方法了。示例代码:<style> .a01{ color:red; }</style><script> $(function(){ var $a = $("#link01"); var $input = $('#input01') // 获取元素属性 v原创 2022-02-05 11:04:51 · 773 阅读 · 0 评论 -
8 jQuery事件
1. 常用事件click() 鼠标单击blur() 元素失去焦点focus() 元素获得焦点mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)ready() DOM加载完成示例代码:<script> $(function(){ var $li = $('.list li'); var $button = $('#button1') var $text = $("#text1原创 2022-02-04 10:18:56 · 70 阅读 · 0 评论 -
6 jQuery获取和设置元素内容
1. html方法的使用jquery中的html方法可以获取和设置标签的html内容示例代码:<script> $(function(){ var $div = $("#div1"); // 获取标签的html内容 var result = $div.html(); alert(result); // 设置标签的html内容,之前的内容会清除 $div.html("<span原创 2022-02-04 10:18:36 · 81 阅读 · 0 评论 -
5 jQuery选择集转移
1. 选择集转移介绍选择集转移就是以选择的标签为参照,然后获取转移后的标签2. 选择集转移操作$(’#box’).prev(); 表示选择id是box元素的上一个的同级元素$(’#box’).prevAll(); 表示选择id是box元素的上面所有的同级元素$(’#box’).next(); 表示选择id是box元素的下一个的同级元素$(’#box’).nextAll(); 表示选择id是box元素的下面所有的同级元素$(’#box’).parent(); 表示选择id是box元素的父元素$原创 2022-02-04 10:18:19 · 248 阅读 · 0 评论 -
4 jQuery选择集过滤
1. 选择集过滤的介绍选择集过滤就是在选择标签的集合里面过滤自己需要的标签2. 选择集过滤的操作has(选择器名称)方法,表示选取包含指定选择器的标签eq(索引)方法,表示选取指定索引的标签has方法的示例代码:<script> $(function(){ // has方法的使用 var $div = $("div").has("#mytext"); // 设置样式 $div.css({"background原创 2022-02-04 10:17:46 · 165 阅读 · 0 评论 -
3 jQuery选择器
1. jQuery选择器的介绍jquery选择器就是快速选择标签元素,获取标签的,选择规则和css样式一样。2. jQuery选择器的种类标签选择器类选择器id选择器层级选择器属性选择器示例代码:$(’#myId’) //选择id为myId的标签$(’.myClass’) // 选择class为myClass的标签$(‘li’) //选择所有的li标签$(’#ul1 li span’) //选择id为ul1标签下的所有li标签下的span标签$(‘input[name=first]原创 2022-02-04 10:17:16 · 158 阅读 · 0 评论 -
2 jQuery的用法
1. jQuery的引入<script src="js/jquery-1.12.4.min.js"></script>2. jQuery的入口函数我们知道使用js获取标签元素,需要页面加载完成以后再获取,我们通过给onload事件属性设置了一个函数来获取标签元素,而jquery提供了ready函数来解决这个问题,保证获取标签元素没有问题,它的速度比原生的 window.onload 更快。入口函数示例代码:<script src="js/jquery-1.12.4.原创 2022-02-04 10:16:52 · 397 阅读 · 0 评论 -
1 jQuery的介绍
1. jQuery的定义jQuery是对JavaScript的封装,它是免费、开源的JavaScript函数库,jQuery 极大地简化了 JavaScript 编程。2. jQuery的作用jQuery和JavaScript它们的作用一样,都是负责网页行为操作,增加网页和用户的交互效果的,只不过jQuery简化了JavaScript编程,jQuery实现交互效果更简单。3. jQuery的优点jQuery兼容了现在主流的浏览器,增加了程序员的开发效率。jQuery简化了 JavaScript原创 2022-02-04 10:16:26 · 196 阅读 · 0 评论 -
JavaScript定时器
1. 定时器的介绍定时器就是在一段特定的时间后执行某段程序代码。2. 定时器的使用:js 定时器有两种创建方式:setTimeout(func[, delay, param1, param2, …]) :以指定的时间间隔(以毫秒计)调用一次函数的定时器setInterval(func[, delay, param1, param2, …]) :以指定的时间间隔(以毫秒计)重复调用一个函数的定时器setTimeout函数的参数说明:第一个参数 func , 表示定时器要执行的函数名第二个参数原创 2022-02-04 10:15:58 · 97 阅读 · 0 评论 -
JavaScript字符串拼接
1、字符串拼接字符串拼接使用: “+” 运算符var iNum1 = 10;var fNum2 = 11.1;var sStr = ‘abc’;result = iNum1 + fNum2;alert(result); // 弹出21.1result = fNum2 + sStr;alert(result); // 弹出11.1abc说明数字和字符串拼接会自动进行类型转换(隐士类型转换),把数字类型转成字符串类型进行拼接2、小结“+” 运算符能够实现字符串的拼接操作...原创 2022-02-04 10:15:44 · 3726 阅读 · 0 评论 -
JavaScript循环语句
1. 循环语句的介绍循环语句就是让一部分代码重复执行,javascript中常用的循环语句有:forwhiledo-while2. for循环var array = [1, 4, 5];for(var index = 0; index < array.length; index++){var result = array[index];alert(result);}3. while循环var array = [1, 4, 5];var index = 0;while (in原创 2022-02-04 10:15:27 · 438 阅读 · 0 评论 -
JavaScript数组及操作方法
1. 数组的介绍数组就是一组数据的集合,javascript 中,数组里面的数据可以是不同类型的数据,好比 python 里面的列表。2. 数组的定义// 实例化对象方式创建var aList = new Array(1,2,3);// 字面量方式创建,推荐使用var aList2 = [1,2,3,‘asd’];3. 多维数组多维数组指的是数组的成员也是数组,把这样的数组叫做多维数组。var aList = [[1,2,3],[‘a’,‘b’,‘c’]];4. 数组的操作1、 获取数原创 2022-02-03 10:40:24 · 238 阅读 · 0 评论 -
JavaScript获取标签元素
1. 获取标签元素可以使用内置对象 document 上的 getElementById 方法来获取页面上设置了id属性的标签元素,获取到的是一个html对象,然后将它赋值给一个变量,比如:<script type="text/javascript"> var oDiv = document.getElementById('div1'); alert(oDiv);</script><div id="div1">这是一个div元素</div&g原创 2022-02-03 10:39:03 · 4001 阅读 · 0 评论 -
JavaScript条件语句
1. 条件语句的介绍条件语句就是通过条件来控制程序的走向2. 条件语句语法if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码if…else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码if…else if…else 语句 - 使用该语句来判断多条件,执行条件成立的语句3. 比较运算符假如 x = 5, 查看比较后的结果:比较运算符 描述 例子== 等于 x == 8 为 false=== 全等(值和类型) x === 5 为 true;原创 2022-02-03 10:38:29 · 614 阅读 · 0 评论 -
JavaScript变量作用域
1. 变量作用域的介绍变量作用域就是变量的使用范围,变量分为:局部变量全局变量2. 局部变量局部变量就是在函数内使用的变量,只能在函数内部使用。<script type="text/javascript"> function myalert() { // 定义局部变量 var b = 23; alert(b); } myalert(); // 弹出23 alert(b); // 函数外使用出错原创 2022-02-03 10:38:10 · 223 阅读 · 0 评论 -
javascrip函数定义和调用
1. 函数定义函数就是可以重复使用的代码块, 使用关键字 function 定义函数。<script type="text/javascript"> // 函数定义 function fnAlert(){ alert('hello!'); }</script>2. 函数调用函数调用就是函数名加小括号,比如:函数名(参数[参数可选])<script type="text/javascript"> // 函数定义原创 2022-02-03 10:37:48 · 360 阅读 · 0 评论 -
Javascrip变量和数据类型
1. 定义变量JavaScript 是一种弱类型语言,也就是说不需要指定变量的类型,JavaScript的变量类型由它的值来决定, 定义变量需要用关键字 ‘var’, 一条JavaScript语句应该以“;”结尾定义变量的语法格式:var 变量名 = 值;var iNum = 123;var sTr = ‘asd’;//同时定义多个变量可以用","隔开,公用一个‘var’关键字var iNum = 45,sTr=‘qwe’,sCount=‘68’;2. JavaScript注释JavaSc原创 2022-02-03 10:37:14 · 165 阅读 · 0 评论 -
JavaScript的介绍和使用
1. JavaScript的定义JavaScript是运行在浏览器端的脚步语言, 是由浏览器解释执行的, 简称js, 它能够让网页和用户有交互功能, 增加良好的用户体验效果。前端开发三大块 1、HTML:负责网页结构 2、CSS:负责网页样式 3、JavaScript:负责网页行为, 比如:网页与用户的交互效果JavaScript是运行在浏览器端的脚步语言,它的作用就是负责网页和用户的交互效果。2使用方法1. 行内式(主要用于事件)<input type="button" name=""原创 2022-02-03 10:36:51 · 192 阅读 · 0 评论 -
css 属性
1. 布局常用样式属性width 设置元素(标签)的宽度,如:width:100px;height 设置元素(标签)的高度,如:height:200px;background 设置元素背景色或者背景图片,如:background:gold; 设置元素的背景色, background: url(images/logo.png); 设置元素的背景图片。border 设置元素四周的边框,如:border:1px solid black; 设置元素四周边框是1像素宽的黑色实线以上也可以拆分成四个边的写法,原创 2022-02-03 10:36:30 · 72 阅读 · 0 评论 -
css 选择器
1. css 选择器的定义css 选择器是用来选择标签的,选出来以后给标签加样式。2. css 选择器的种类标签选择器类选择器层级选择器(后代选择器)id选择器组选择器伪类选择器3. 标签选择器根据标签来选择标签,以标签开头,此种选择器影响范围大,一般用来做一些通用设置。示例代码<style type="text/css"> p{ color: red; }</style><div>hello</div&原创 2022-02-03 10:36:04 · 135 阅读 · 0 评论 -
css 的引入方式
1. 行内式直接在标签的 style 属性中添加 css 样式示例代码:<div style="width:100px; height:100px; background:red ">hello</div>优点:方便、直观。 缺点:缺乏可重用性。2. 内嵌式(内部样式)在标签内加入示例代码:<head> <style type="text/css"> h3{ color:red; } <原创 2022-02-02 22:02:56 · 672 阅读 · 0 评论 -
css 的介绍
1. css 的定义css(Cascading Style Sheet)层叠样式表,它是用来美化页面的一种语言。没有使用css的效果图使用css的效果图2. css 的作用美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式。控制页面布局, 比如: 设置浮动、定位等样式。3. css 的基本语法选择器{样式规则}样式规则:属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;…选择器:是用来选择标签的,选出来以后给标签加样式。代码示例:div{width原创 2022-02-02 22:00:27 · 906 阅读 · 0 评论 -
html表单提交
1. 表单属性设置<form>标签 表示表单标签,定义整体的表单区域action属性 设置表单数据提交地址method属性 设置表单提交的方式,一般有“GET”方式和“POST”方式, 不区分大小写2. 表单元素属性设置name属性 设置表单元素的名称,该名称是提交数据时的参数名value属性 设置表单元素的值,该值是提交数据时参数名所对应的值3. 示例代码 <form action="https://www.baidu.com" method="GET">原创 2022-02-02 21:58:44 · 8454 阅读 · 0 评论 -
html表单标签
1. 表单的介绍表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 。2. 表单相关标签的使用<form>标签 表示表单标签,定义整体的表单区域<label>标签 表示表单元素的文字标注标签,定义文字标注<input>标签 表示表单元素的用户输入标签,定义不同类型的用户输入数据方式type属性type="text" 定义单行文本输入框type="password" 定义密码输入框type="radio" 定义单选原创 2022-02-02 21:56:47 · 117 阅读 · 0 评论 -
html表格标签
1. 表格的结构表格是由行和列组成,好比一个excel文件2. 表格标签<table>标签:表示一个表格<tr>标签:表示表格中的一行<td>标签:表示表格中的列<th>标签:表示表格中的表头示例代码:<table> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr&原创 2022-02-02 21:54:25 · 246 阅读 · 0 评论 -
html列表标签
1. 列表标签的种类无序列表标签(ul标签)有序列表标签(ol标签)2. 无序列表<!-- ul标签定义无序列表 --><ul> <!-- li标签定义列表项目 --> <li>列表标题一</li> <li>列表标题二</li> <li>列表标题三</li></ul>## 3. 有序列表<!-- ol标签定义有序列表 -->原创 2022-02-02 21:52:42 · 80 阅读 · 0 评论 -
html资源路径
1. 相对路径从当前操作 html 的文档所在目录算起的路径叫做相对路径示例代码:<!-- 相对路径方式1 --><img src="./images/logo.png"><!-- 相对路径方式2 --><img src="images/logo.png">2. 绝对路径从根目录算起的路径叫做绝对路径,Windows 的根目录是指定的盘符,mac OS 和Linux 是/示例代码:<!-- 绝对路径 --><img s原创 2022-02-02 21:50:48 · 1233 阅读 · 0 评论 -
初始常用的 html 标签
1. 常用的 html 标签<!-- 1、成对出现的标签:--><h1>h1标题</h1><div>这是一个div标签</div><p>这个一个段落标签</p><!-- 2、单个出现的标签: --><br><img src="images/pic.jpg" alt="图片"><hr><!-- 3、带属性的标签,如src、alt 和 href等都是原创 2022-02-02 21:49:24 · 194 阅读 · 0 评论 -
vscode 的基本使用
1. vscode 的基本介绍全拼是 Visual Studio Code (简称 VS Code) 是由微软研发的一款免费、开源的跨平台代码编辑器,目前是前端(网页)开发使用最多的一款软件开发工具。下载网址: https://code.visualstudio.com/Download选择对应的安装包进行下载:根据下载的安装包双击进行安装即可,当然为了更好的使用 vscode 还可以安装对应的插件。3. vscode 的插件安装插件名 说明Chinese (Simplified) Lang原创 2022-02-02 21:47:41 · 550 阅读 · 0 评论 -
html 的介绍和基本结构
1. html的定义HTML 的全称为:HyperText Mark-up Language, 指的是超文本标记语言。 标记:就是标签, <标签名称> </标签名称>, 比如: 、 等,标签大多数都是成对出现的。所谓超文本,有两层含义:因为网页中还可以图片、视频、音频等内容(超越文本限制)它还可以在网页中跳转到另一个网页,与世界各地主机的网页链接(超链接文本)2. html的作用html是用来开发网页的,它是开发网页的语言。3. 小结html是开发网页的语言html原创 2022-02-02 11:27:55 · 644 阅读 · 0 评论 -
静态Web服务器-命令行启动动态绑定端口号
1. 开发命令行启动动态绑定端口号的静态web服务器实现步骤:获取执行python程序的终端命令行参数判断参数的类型,设置端口号必须是整型给Web服务器类的初始化方法添加一个端口号参数,用于绑定端口号2. 静态Web服务器-命令行启动动态绑定端口号的示例代码import socketimport threadingimport sys# 定义web服务器类class HttpWebServer(object): def __init__(self, port):原创 2022-02-01 18:35:42 · 215 阅读 · 0 评论 -
静态Web服务器-面向对象开发
1. 以面向对象的方式开发静态Web服务器实现步骤:把提供服务的Web服务器抽象成一个类(HTTPWebServer)提供Web服务器的初始化方法,在初始化方法里面创建socket对象提供一个开启Web服务器的方法,让Web服务器处理客户端请求操作。2. 静态Web服务器-面向对象开发的示例代码import socketimport threading# 定义web服务器类class HttpWebServer(object): def __init__(self):原创 2022-02-01 18:31:34 · 81 阅读 · 0 评论