![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
flask
文章平均质量分 64
Kkh_8686
无名小卒
展开
-
前端HTML调用jQuery库,鼠标事件、键盘事件、表单事件、编辑事件、滚动事件(前端:HTML搭配jQuery系列教程八)
一、鼠标移入和鼠标移出说明:当用户将鼠标移入到某个元素上面时,就会触发mouseover事件。如果将鼠标移出某个元素时,就会触发mouseout事件。mouseover和mouseout平常都是形影不离的。代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script src="../static原创 2021-05-17 22:38:30 · 1266 阅读 · 15 评论 -
前端HTML调用jQuery库,CSS样式操作:CSS属性操作、类名操作、个别样式操作(前端:HTML搭配jQuery系列教程七)
CSS的样式操作,指的是使用jQuery来操作一个元素的CSS属性。在jQuery中,对于样式操作共有以下3种(1)CSS属性操作(2)CSS类名操作(3)CSS个别样式操作一、CSS属性操作1、获取属性在jQuery中,我们可以使用css()方法来获取一个CSS属性的取值。语法:$().css("属性名")代码:<!DOCTYPE html><html><head> <meta charset="utf-8" />原创 2021-05-17 10:50:20 · 378 阅读 · 1 评论 -
前端HTML调用jQuery库,属性操作:更换图片、添加字体样式(前端:HTML搭配jQuery系列教程六)
属性操作:更换图片、改变字体样式1、更换图片:在jQuery中,我们可以使用attr()方法来获取元素的某一个HTML属性值。语法:$().attr("属性名")说明:获取HTML元素的属性值,一般都是通过属性名,来找到该属性对应的值。代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <原创 2021-05-17 09:35:23 · 430 阅读 · 0 评论 -
前端HTML调用jQuery库,鼠标点击删除元素、替换元素、遍历t元素、遍历添加元素、遍历填充背景色(前端:HTML搭配jQuery系列教程五)
鼠标点击删除元素、替换元素、遍历元素、遍历添加元素、遍历填充背景色说明:在jQuery中,想要删除、调换元素,我们有以下3种方法:remove() //该语法是删除元素detach() //该语法是调换两个元素empty() //改语法是对元素删除,然后填充为空1、在jQuery中,我们可以使用remove()方法来将某个元素及其内部所有内容删除。语法:// An highlighted block$().remove()代码:<!DOCTYPE htm原创 2021-05-17 00:48:03 · 357 阅读 · 1 评论 -
前端HTML调用jQuery库,鼠标点击插入元素(前端:HTML搭配jQuery系列教程四)
鼠标点击插入元素1、在jQuery中,我们可以使用prepend()方法向所选元素内容的“开始处”插入内容。语法://往A的内容开始处插入B,A内容不受影响。$(A).prepend(B)html代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <style type="text/css"原创 2021-05-17 00:01:07 · 214 阅读 · 1 评论 -
前端HTML调用jQuery库,鼠标点击创建元素(前端:HTML搭配jQuery系列教程三)
1、鼠标点击创建元素在jQuery中,我们可以使用字符串的形式来创建一个元素节点,然后再通过append()、before()等方法把这个字符串插入到现有的元素节点中。添加元素的方法://元素添加的方式1var str = "字符串";$().append(str);//方式2$().append("字符串")说明:append()方法表示把一个新元素插入到父元素的内部子元素的“末尾”。HTML_jQuery代码实现:<!DOCTYPE html><原创 2021-05-16 23:26:31 · 229 阅读 · 1 评论 -
前端HTML调用jQuery库,表单(前端:HTML搭配jQuery系列教程二)
表单伪类选择器,指的是专门操作表单元素的一种伪类选择器。在jQuery中,常用的表单伪类选择器如下表所示:1、伪类选择一:代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-1.12.4.min.js"></script> <s原创 2021-05-16 23:05:36 · 204 阅读 · 0 评论 -
前端HTML调用jQuery库,元素、id、class、群组选择器(前端:HTML搭配jQuery系列教程一)
1、元素选择器对指定的内容进行操作,代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title> 元素选择器 </title> <script src="../static/js/jquery-3.5.1.js"></script> <!-- 导入jQuery库 --> <!-- 元素选原创 2021-05-16 16:19:16 · 271 阅读 · 0 评论 -
(六)树莓派系列教程:树莓派4B通过运行Python轻量级web框架flask,实现局域网内远程控制LED灯亮灭
树莓派使用flask轻量级web框架移动端实现远程控制LED灯亮灭1.下载必要的包更新下载器:sudo apt-get update # 更新下载器 控制LED灯的引脚包:RPi.GPIOsudo apt-get install python3-RPi.GPIO # 下载GPIO引脚控制包 实现移动端在局域网内远程访问的web框架:flasksudo apt-get install flask # 下载flask2.下载好这两个包,基本能满足我们的需求在树莓派桌原创 2021-03-18 20:57:18 · 2217 阅读 · 2 评论 -
web全栈开发:web前后端数据交互。html5+jquery作为前端、Python+flask作为后端
web前后端数据交互,jQuery作为jQuery辅助JavaScript开发的库,最基本的几个选择器:1.元素选择器、2.id选额器、3.class选择器、4.群组选择器、5.*选择器1.建立一个实现前后端数据交互的工程文件,如下工程文件的结构:放置在static中的图片与资源能够被前端(JavaScript、jQuery)调用而实现动态更新。放置在template中的 html 页面能狗调用 js 、css ,同时也可以被后端 flask 反馈到发出请求的浏览器而被浏览器渲染、解析出来。原创 2020-08-29 17:36:43 · 1345 阅读 · 0 评论 -
使用 Python 的 flask 架构搭建一个简单web网站
使用flask搭建一个简单web网站1.flask最简单框架,返回hello world:from flask import *app = Flask(__name__)@app.route('/')def hello_world(): return 'Hello World!'if __name__=="__main__": app.run(host='0.0.0.0',port=8080) # 0.0.0.0地址可给本机所有的IP地址访问我们可以在app路由处的原创 2020-08-29 09:29:03 · 3778 阅读 · 2 评论