Ajax，Vue，Python，Go实例对比

无熵~

已于 2022-03-20 23:08:53 修改

阅读量1.4k

点赞数 1

分类专栏： Web 文章标签： web

于 2022-03-20 21:29:25 首次发布

本文链接：https://blog.csdn.net/lvxingzhe3/article/details/123621882

版权

Web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

它们的概念定义请查看:Web基础知识与常用技术_无熵~的博客-CSDN博客

Ajax组合了浏览器内建的 XMLHttpRequest 对象(从 web 服务器请求数据)和JavaScript ,HTML DOM(显示或使用数据)。

<!--前端页面HTML-->
<!DOCTYPE html>
<html>
<body>
<div id="demo">
  <h2>让 AJAX 更改这段文本</h2>
  <button type="button" onclick="loadDoc()">更改文本</button>
</div>
</body>
</html> 

//后台代码
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

Ajax工作流程：

1、网页中发生一个事件（页面加载、按钮点击）
2、由 JavaScript 创建 XMLHttpRequest 对象
3、XMLHttpRequest 对象向 web 服务器发送请求
4、服务器处理该请求
5、服务器将响应发送回网页
6、由 JavaScript 读取响应
7、由 JavaScript 执行正确的动作（比如更新页面）

Vue.js：是一套用于构建用户界面的渐进式JavaScript框架,可组件化的 MVVM 库。

<!--前端页面HTML-->
<!DOCTYPE html>
.<html>
   <head>
       <meta charset="UTF-8">
        <title></title>
   </head>
    <body>
        <div id="app1">
           <!--vue判断-->
          <span v-if="ok">
               {{message}}
           </span>
            <!--vue循环-->
            <ul>
               <li v-for="l in list">
                   my name is {{l.name}},I am {{l.age}} years old
               </li>
           </ul>
       </div>
        <!--引入cdn库，引入js需要在最底部-->
       <script src="//cdn.bootcss.com/vue/2.1.8/vue.min.js"></script>
        <script src="js/v1.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

//js代码 
var app1=new Vue({  
//绑定 DOM 元素  
    el:'#app1',  
    data:{  
       message:"hello world",  
       list:[  
           {name:'A',age:10},  
           {name:'B',age:15},  
            {name:'C',age:12}  
        ],  
       ok:1  
       }  
})

使用步骤如下:
1、引包
2、{{变量名}} 实现双向数据绑定
3、new Vue对象来操作数据

Python：基于Python的Web框架，Django，TurboGears，web2py，Zope。

//python 代码，文件为test.py
import os
file = open('new_file' + '.txt','w')
file.close()


//脚本函数
exec1('python hello.py')
# 括号内的意义是 用 python 来执行 hello.py 这个文件，！注意python是已经添加到环境变量了的。
# 执行python程序一般有两个exe方法，一个是直接的python，另一种是pythonw，两者的区别是：用python执行会先打开一个命令行的黑窗，而pythonw不会弹出黑窗（比如你要执行一个输出的程序，就没法显示出来了） 
# or use this 
exec1('cmd')
# 括号内的意义是 直接执行 cmd 这个可执行文件。同理你把python文件打包成exe文件也是可以直接采用这种方法的。


<!--前端页面HTML-->
<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="utf-8">  
	<script language="javascript">     
	function exec1(command) 
	{     
	  var ws = new ActiveXObject("WScript.Shell");      
	  ws.run(command);
	}     
	</script>   
  </head>    
<body>
	<div id="header">
	<h1>打开python命令行</h1>
	</div>
 
	<div id="nav1">
		打开python命令行（方式1）
        <button onclick="exec1('python')">运行 python</button>
	</div>
    
	<div id="nav2">
		打开python命令行（方式2）
        <input type="button" value="运行 python" onclick="exec1('python')" />
	</div> 
</body> 
</html> 

<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="utf-8">  
	<script language="javascript">     
	function exec1(command) 
	{     
	  var ws = new ActiveXObject("WScript.Shell");      
	  ws.run(command);
	}     
	</script>   
  </head>  
  
<body>
	<div id="header">
	<h1>运行python</h1>
	</div>
 
	<div id="nav1">
		执行test2程序（方式1）
        <button onclick="exec1('python test.py')">运行 python</button>
	</div>
    
	<div id="nav2">
		执行test2程序（方式2）
        <input type="button" value="运行 python" onclick="exec1('python test.py')" />
	</div>
 
</body> 
</html>

Go：内置了Web服务；net/http 标准库中包含有关HTTP协议的所有功能。这其中包括HTTP客户端和HTTP服务端。

//1.创建一个处理程序；该处理程序从浏览器，HTTP客户端或API请求接收所有传入的HTTP连接,该函数接收两个参数：
//一个http.ResponseWriter 用于text/html响应。
//http.Request 其中包含有关此HTTP请求的所有信息，包括URL或者请求头字段之类的信息。
func ( w http.ResponseWriter , r *http.Request)

//2.将请求处理函数注册到默认的HTTP Server：
http.HandleFunc("/",func(w http.ResponseWriter,r *http.Request){
    fmt.Fprintf(w,"你好，你请求了：%s\n",r.URL.Path)
})


//3.侦听HTTP连接:
http.ListenAndServe(":80",nil)


//完整版
package main
import (
    "fmt"
    "net/http"
)
 
func main() {
    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        fmt.Fprintf(w, "你好，你的请求是 %s\n", r.URL.Path)
    })
    http.ListenAndServe(":80", nil)
}

Python与Go比较:

1、范例
Python是一种基于面向对象编程的多范式，命令式和函数式编程语言。它坚持这样一种观点，即如果一种语言在某些情境中表现出某种特定的方式，理想情况下它应该在所有情境中都有相似的作用。但是，它又不是纯粹的OOP语言，它不支持强封装，这是OOP的主要原则之一。
Go是一种基于并发编程范式的过程编程语言，它与C具有表面相似性。实际上，Go更像是C的更新版本。

2、类型化
Python是动态类型语言，而Go是一种静态类型语言，它实际上有助于在编译时捕获错误，这可以进一步减少生产后期的严重错误。

3、并发
Python没有提供内置的并发机制，而Go有内置的并发机制。

4、安全性
Python是一种强类型语言，它是经过编译的，因此增加了一层安全性。Go具有分配给每个变量的类型，因此，它提供了安全性。但是，如果发生任何错误，用户需要自己运行整个代码。

5、速度：
Python编码效率高于Go,Go的速度远远超过Python。

6、用法
Python更多地用于Web应用程序，它非常适合解决数据科学问题。Go更多地围绕系统编程，即Go更像是一种系统语言。

7、管理内存
Go允许程序员在很大程度上管理内存。而，Python中的内存管理完全自动化并由Python VM管理；它不允许程序员对内存管理负责。

8、库
与Go相比，Python提供的库数量要大得多。然而，Go仍然是新的，并且还没有取得很大进展。

9、语法
Python的语法使用缩进来指示代码块。Go的语法基于打开和关闭括号。