生活中浏览器就是一个客户端，根据搜索内容向不同的服务器发送请求，但是显示最终页面后与请求的服务器断开，想再次看到搜索内容时需要重新连接。

服务端：

import socket

def handle_request(client):

    buf = client.recv(1024)

    client.send("HTTP/1.1 200 OK\r\n\r\n")

    client.send("wwww")

def main():

    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

    sock.bind(('localhost', 8000))

    sock.listen(5)

    while True:

        con, add = sock.accept()

        handle_request(con)

        con.close()

if __name__ == '__main__':

    main()

在浏览器的地址栏中输入：localhost:8000回车后，就会看到：

将服务端加以改善，输入具体网址，返回指定路径下的html网页。

f = open('index.html', 'r', encoding='utf-8')

    data = f.read()

    f.close()

    client.send(data)

原理相同。

html标签不区分大小写。

html基础知识参考：http://www.lvyestudy.com/les_hj/html_list.aspx

特殊符号：

块极标签(一个标签产生的内容占一行）：div(白板）

行内标签（多个标签占一行）多个标签占一行：span(白板）

action 属性中的get/post区别：

get：

1>通过GET提交数据，用户名和密码将明文出现在URL上，因为登录页面有可能被浏览器缓存,GET请求请提交的数据放置在HTTP请求协议头

2>或者其他人查看浏览器的历史纪录，那么别人就可以拿到你的账号和密码了。

post:

1>POST数据放在body（POST提交的数据则放在实体数据），POST请求数据不能被缓存下来

2> POST请求参数不会被保存在浏览器历史或 web 服务器日志中。

3> POST请求没有长度限制

head里面

<script >//js代码</script>

<style >//css代码</style>

js:

注释：

//单行注释

/*    */多行注释

name='xiaoliu'  #全局变量

var  name='xiaoliu'  #局部变量

tag='hello'

tag=substring(1,5)  #输出ell

setInterval('alert(123)',2000)   #创建定时器，2秒钟出现一次弹窗

在<script>中定义函数中console.log(内容)，将会在页面的‘审查元素’中看到：

将指定文字滚动。

<body>

   <div id=‘i1’>欢迎来到地球</div>

   <script>

        function func(){

       //根据ID获取指定标签的内容，定于局部变量接受

      var tag=document.getElementById('i1');       //获取标签内部的内容

      var content=tag.innerText;

      var  f=content.charAt(0);

      var  l=content.substring(1,content.length);

      var  new_content=l+f;

      tag.innetText=new_content;

}

setInterval('func()',2000)   #创建定时器，2秒钟出现一次弹窗　

</script>

js字符：==（等于），！=（不等于），===（值和类型是否相等），&&（and），||(或）

js函数：定义 function(形参){}

dom  参考：http://www.cnblogs.com/wupeiqi/articles/5643298.html

python 前端技术的更多相关文章

  1. 最受欢迎web前端技术总结

    Web前端技术发展非常快,主流技术的进步.想想刚毕业那会用asp技术.目前,该网站已经非常少见主流应用. 后来的后来J2EE框架.然后SpringMVC声望,然而,最近的各种js框架广泛传播,Html ...

  2. 当下较热web前端技术汇总

    Web前段技术发展很快,主流技术日新月异,想想自己刚毕业那会用的asp技术,现在已经很少有主流网站在使用了.再到后来的J2EE框架,然后SpringMVC大行其道,但是最近各种js框架被广为传播,Ht ...

  3. 大前端技术系列：TWA技术+TensorFlow.js => 集成原生和AI功能的app

    大前端技术系列:TWA技术+TensorFlow.js => 集成原生和AI功能的app ( 本文内容为melodyWxy原作,git地址:https://github.com/melodyWx ...

  4. 一文读懂前端技术演进：盘点Web前端20年的技术变迁史

    本文原文由作者“司徒正美”发布于公众号“前端你别闹”,即时通讯网收录时有改动,感谢原作者的分享. 1.引言 1990 年,第一个Web浏览器的诞生:1991 年,WWW诞生,这标志着前端技术的开始. ...

  5. python自动化测试（4）-使用第三方python库技术实现

    python自动化测试(4)-使用第三方python库技术实现 1   概述 关于测试的方法论,都是建立在之前的文章里面提到的观点: 功能测试不建议做自动化 接口测试性价比最高 接口测试可以做自动化 ...

  6. SLAM前端技术选择思考

    以前是专门做室内定位技术研究的,先后学习和分析了多种基于电磁的室内定位技术,如WiFi指纹定位(先后出现过RSSI.CTF.CIR多种指纹特征).WiFi ToF定位.低功耗蓝牙BLE以及iBeaco ...

  7. 【转发】网易邮箱前端技术分享之javascript编码规范

    网易邮箱前端技术分享之javascript编码规范 发布日期:2013-11-26 10:06 来源:网易邮箱前端技术中心 作者:网易邮箱 点击:533 网易邮箱是国内最早使用ajax技术的邮箱.早在 ...

  8. HTML5学堂 全新的HTML5/前端技术分享平台

    HTML5学堂 全新的HTML5/前端技术分享平台 HTML5学堂是做什么的? HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织.致力于构建一个前端 ...

  9. 嗨分享-前端技术-帝国CMS手机站修改列表分页(sysShowListMorePage)

    http://bbs.phome.net/showthread-31-318753-0.html 如果你的网站使用的是帝国CMS.PC站和手机站各使用一个模板组,但共同使用一个数据库.那么你的PC站和 ...

随机推荐

  1. PAT Basic 1013 数素数 (20) [数学问题-素数]

    题目 令Pi表示第i个素数.现任给两个正整数M <= N <= 10^4,请输出PM到PN的所有素数. 输⼊格式: 输⼊在⼀⾏中给出M和N,其间以空格分隔. 输出格式: 输出从PM到PN的 ...

  2. ant design for vue 刷新页面，根据当前路由选中相应菜单

    <a-menu theme="dark" mode="horizontal" class="menu__a" @select=&quo ...

  3. 吴裕雄--天生自然 PYTHON3开发学习：条件控制

    if condition_1: statement_block_1 elif condition_2: statement_block_2 else: statement_block_3 var1 = ...

  4. selenium自学记录2014.12.26

    现在还是有点病急乱投医的感觉,不知道到底该从何学起,到底怎么学 手头上有的资料是 <零成本实现Web自动化测试-基于Selenium和Bromine> <Selenium测试实践-基 ...

  5. 二分查找（python）

    #!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2018/4/29 9:11 # @Author : Jackendoff # @Sit ...

  6. Git与IDEA集成

    软件配置: 系统版本:Windows10 JDK版本:1.8 Git版本:2.19.1 IDEA版本:2016.3 Maven版本:3.5.4 Git安装: Git下载地址:https://git-s ...

  7. [LC] 146. LRU Cache

    Design and implement a data structure for Least Recently Used (LRU) cache. It should support the fol ...

  8. Dangal 观影感受，(摘录)

    ===================================================================================== 引用: https://ww ...

  9. 记一次关于JDBCUtils工具类的编写

    jdbc.properties数据库配置的属性文件内容如下 jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:mysql://localhost/xxxx ...

  10. Self-examination

    第一次参加省赛,算是真正感受到比赛的残酷.拿到好成绩,需要平时大量的积累,甚至也需要一点运气,然后我还做的不够,但我觉得我可以做得更好. 我之前是没有任何基础,大一才刚刚从知码开门入门.然后刚开始一直 ...