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

服务端：

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. python编程：从入门到实践----第六章：字典>练习

    6-1 人:使用一个字典来存储一个熟人的信息,包括名.姓.年龄和居住的城市.该字典应包含键first_name .last_name .age 和city .将存储在该字典中的每项信息都打印出来. f ...

  2. ZJNU 2201 - 挖矿谷物语

    在dfs过程中加上栈记录当次dfs走过的路径 如果当次dfs到了一个之前的dfs已经经过的点 又因为只对没有访问过的点开始dfs 所以这种情况就说明接下来不可能返回到当次dfs开始的点 将栈内元素取出 ...

  3. PTC【Creo OR Proe】添加参数的方法

    Dim model As IpfcModel Try model = CoCreoAsyncConnection.Session.CurrentModel If model Is Nothing Th ...

  4. spring前两天

    1,Spring是什么 (1) Spring是JavaEE 一站式,轻量级 容器框架 ① JavaEE :企业级 ② 一站式: JavaWeb开发的三层 直接使用Spring一个框架全部完成 ③ 轻量 ...

  5. @Retention注解 @Documented 注解 @Inherited 注解

    http://www.mamicode.com/info-detail-2153654.html

  6. [概率DP]相逢是温厚

    题意 有\(n\)场比赛,他每次等概率地选择一场,选择的比赛可能有没ac过的题,他一定会ac这次比赛中的某一道,并说我好菜啊.如果全ac过了,也会说我好菜啊.求期望说多少次我好菜啊. 注意题目中每场题 ...

  7. UIView的setNeedsLayout, layoutIfNeeded 和 layoutSubviews 方法之间的关系解释（转）

    layoutSubviews总结 ios layout机制相关方法 - (CGSize)sizeThatFits:(CGSize)size- (void)sizeToFit——————- - (voi ...

  8. Windows环境搭建 face_recognition，dlib

    文章参考:https://blog.csdn.net/hongbin_xu/article/details/76284134 文章参考:https://blog.csdn.net/weixin_404 ...

  9. 5)关于CSS和js静态文件引入路径

    (1)参考资料   thinkphp5手册      视图--->输出替换 (2)方法(1)在我们的application中,找到config.php,在里面输入这样的配置: <?php ...

  10. netstat - 系统信息

    netstat - 系统信息 注意:如果是勘验或者验证漏洞,需要验证netstat程序的完整性(netstat程序是否被修改过). # 老版本的CentOS中会自带这个软件包,新版的7有的时候需要单独 ...