Web实训

1 Javascript基本特点

      Javascript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常Javascript脚本是通过嵌入在HTML中来实现自身的功能的。

  • 是一种解释性脚本语言(代码不进行预编译)。
  • 主要用来向HTML页面添加交互行为。
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
  • 跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows,Linux,Mac,Android,ios等)。

2 Javascript基本特征

  •   基于对象。
  • 简单性。
  • 动态性。
  • 平台无关性。
  • 安全性。

Javascript基本语法

(1)在网页中使用Javascript

      Javascript代码是一种纯文本语言,因此任何一种文本编辑,例如“记事本”,或者是编辑HTML的工具,如下面介绍如何在网页中嵌入Javascript脚本代码。

  • 创建Javascript脚本片段
  • 使用外部的Javascript文件

Javascript文件的后缀名为“js”,我们首先需要创建一个Javascript文件 ,保存在站点中,再使用下面的方法将外部Javascript脚本文件引入到当前页面:

<script language="javascript" type="text/javascript" src="file.js"></script>

 

Javascript是一种基于对象和事件驱动客户端脚本语言。

创建javascript脚本片段(在HTML内)

html4版本

<script language="Javascript" type="texe/javascript">

 

</script>

htnl5版本

<script>

 

</script>

七个类型:

1.基本数据类型

  • 数值类型
  • 布尔类型
  • 字符串类型

2.复合数据类型

  • 数组和对象

3.特殊数据类型

  • Null和undefine

 

在js中如何让用户输入数据即输入方法

    prompt("请输入时间:")

 

如何存储数据即变量存储

a=prompt("请输入时间:")

 

判断即分支语句

if(a<=12){

}else if(a<=18){

}else if(a<=24){

}

 

 

总体代码:

<script>
       a= prompt("请输入时间(eg:下午16点 即输入;16)时间为0-24,");

        if (a<=12){
              document.write("上午好")
        }else if(a<=18){
            document.write("中午好")
        }else if(a<=24){
            document.write("晚上好")
        }
    </script>
<body>
<div id="one" style="color:#255e95;width: 100px;height:100px;border:1px solid red"></div>
<script>
    var Date=new Date();
    var hours=Date.gethours();
    var text=document.getElementById("one");
    if (hours<=12){
        text.innerHTML=("上午好")
    }else if(hours<=18){
        text.innerHTML=("中午好")
    }else if(hours<=24){
        text.innerHTML=("晚上好")
    }
</script>
</body>
<body>
<div id="myclock" style="color: #255e95;"></div>
<script>
    var today = new Date();
    var hh=today.getHours();
    var mm=today.getMinutes();
    var ss = today.getSeconds();
    document.getElementById("myclock").innerHTML=hh+":"+mm+":"+ss;
</script>
</body>

 

 

 

 

 

 

 

### AI技术Web实训中的代码示例与实践 #### Web实训中的AI技术实现 在Web实训中,AI技术的应用通常涉及模型的加载、推理服务化以及前后端交互。例如,通过Flask框架构建一个简单的Web服务,将自然语言处理(NLP)模型部署到Web环境中[^1]。 ```python from flask import Flask, request, jsonify from transformers import pipeline # 初始化Flask应用 app = Flask(__name__) # 加载预训练的文本生成模型 nlp_model = pipeline("text-generation", model="gpt2") @app.route("/generate", methods=["POST"]) def generate_text(): # 获取前端发送的JSON数据 data = request.json prompt = data.get("prompt") if not prompt: return jsonify({"error": "No prompt provided"}), 400 # 使用模型生成文本 result = nlp_model(prompt, max_length=50, num_return_sequences=1) return jsonify({"generated_text": result[0]['generated_text']}) if __name__ == "__main__": app.run(debug=True) ``` 上述代码展示了一个基于Flask的Web服务,用户可以通过发送POST请求来获取由GPT-2模型生成的文本[^1]。 #### AI模型在Web实训中的架构设计 在实训过程中,AI模型的部署通常需要经过模型训练、保存、加载以及推理服务化的阶段。例如,在唯众人工智能AI实训平台中,模型不仅可以在云端进行训练和部署,还可以通过融合云平台与终端节点设备联动,形成完整的边缘计算架构[^2]。 #### HTTP协议在Web实训中的作用 HTTP协议定义了多种方法,如GET、POST等,用于实现不同的操作。状态码则用于表达服务器的响应状态,例如200表示成功,404表示未找到资源,500表示服务器内部错误。这些机制为开发者提供了调试和错误处理的依据,确保Web应用的稳定运行[^3]。 #### 自然语言处理在Web实训中的应用 自然语言处理(NLP)是AI的一个重要分支,它使计算机能够理解、解释和生成人类语言。在Web实训中,NLP可以应用于搜索引擎优化、翻译服务、聊天机器人开发等领域。例如,通过情感分析技术,可以评估用户对产品的反馈情绪,从而改进产品设计[^4]。 ```python from transformers import pipeline # 初始化情感分析模型 sentiment_analyzer = pipeline("sentiment-analysis") # 分析一段文本的情感 result = sentiment_analyzer("I love this product!") print(result) ``` 上述代码展示了如何使用Hugging Face Transformers库中的情感分析模型来评估一段文本的情感倾向[^4]。 #### 实训报告中的项目实践 在实训报告中,可以详细记录项目的背景、目标、技术选型、实现过程以及结果分析。例如,描述如何通过Flask框架将GPT-2模型部署为Web服务,并测试其在不同场景下的表现。 #### 工具与资源推荐 对于Web实训中的AI技术实践,推荐使用以下工具和资源: - Hugging Face Transformers:提供丰富的预训练模型,支持多种NLP任务。 - Flask或FastAPI:用于快速构建Web服务。 - TensorFlow Serving或ONNX Runtime:加速AI模型的部署和推理过程。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值