IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Ajax,Vue,Python,Go实例对比 -> 正文阅读

[JavaScript知识库]Ajax,Vue,Python,Go实例对比

它们的概念定义请查看: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的语法基于打开和关闭括号。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-21 20:40:43  更:2022-03-21 20:41:42 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 5:41:11-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码