• 2024-06-22Javascript 教程
     JavaScript 输出使用 window.alert() 弹出警告框<!DOCTYPEhtml><html><head><metacharset="UTF-8"> <title>使用window.alert()弹出警告框</title></head><body> <script>window.alert(&qu
  • 2024-05-21tensorflow.js示例笔记 - iris
    根据鸢尾花的数据对花进行分类,使用神经网络对结构化(表格)数据进行分类。index.html<html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1"><linkrel="
  • 2024-05-14自创tab组件的高亮选项,如何滑动到页面中间?
    constscrollToCenter=(element)=>{consttabsContainer=document.getElementById('scrollView');//scrollView滚动的tab父元素consttabsContainerWidth=tabsContainer.offsetWidth;constelementLeft=element.offsetLeft;constelem
  • 2024-05-11django 点击按钮,显示文本,js实现
    方法一:点击显示弹出框<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>数据弹窗</title><scripttype="text/javascript">functionshowAlert(data){
  • 2024-04-23vis.js摄像机位置
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>body{font:10ptarial;}td{font:10ptarial;}</style><s
  • 2024-04-22vis.js性能折线图
    代码案例<!doctypehtml><html><head><title>Timeline</title><scripttype="text/javascript"src="https://unpkg.com/vis-timeline@latest/standalone/umd/vis-timeline-graph2d.min.js"></script>
  • 2024-04-22vis.js动态样式折线图
    代码案例<!doctypehtml><html><head><title>Timeline</title><scripttype="text/javascript"src="https://unpkg.com/vis-timeline@latest/standalone/umd/vis-timeline-graph2d.min.js"></script>
  • 2024-04-22前端如何防止接口重复提交
    什么是接口重复提交?接口重复提交指的是在网络通信中,同一个请求被客户端多次发送到服务器端的情况。这种情况可能由于多种原因导致,例如用户在等待期间多次点击提交按钮、网络超时后客户端重新发送请求、客户端发送的请求在网络传输过程中出现重复等。接口重复提交可能会导致多种
  • 2024-04-08加价按钮 (当前价基于起拍价变化)
    效果: <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>价格增加示例<
  • 2024-04-08<datalist>大多数浏览器不支持,用html.css 自己实现<datalist>功能
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>CustomDropdown</title><styl
  • 2024-03-28计算考研最终成绩工具,开箱即用,免费下载!!!
    考研分数计算神器简述一、计算算法二、使用步骤1.打开文件2.修改笔试、复试比例,以及笔试、复试满分分数3.填写分数4.源码5.资源下载总结简述随着考研分数逐渐出来以后,为了方便计算考研最终的分数而开发出来的一个分数计算工具(一个html页面)。该工具能够同时计算两
  • 2024-03-2715DOM编程API(三)
    1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<metaname="viewport"content="width=device-width,initial-scale=1.0">6<title>Document
  • 2024-03-27html消息滚动
    案例1<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>
  • 2024-03-21前端基础之原生js事件绑定案例
    原生js事件绑定开关灯案例<script><divid="d1"class="c1bg_greenbg_red"></div><buttonid="d2">变色</button><script>letbtnEle=document.getElementById('d2')letdivEle=docum
  • 2024-03-21document对象
    文章目录document对象访问元素:getElementById()getElementsByClassName():getElementsByTagName():修改内容:innerHTML:textContent:创建新元素:createElement()appendChild()事件处理:addEventListener()其他属性:document.titledocument.URLdocument.bodydocument对
  • 2024-03-14操作DOM对象
    创建一个标签,实现插入<script>varjs=document.getElementById('js');//已经存在的节点varlist=document.getElementById('list');//通过js创建一个节点varnewp=document.createElement('p')//创建一个p标签newp.id='newp'newp.inner
  • 2024-03-12django初识(以django4.2.11为例)
    django的url路径,不是通过注解去实现的,而是在urls.py中去配置的格式为urlname/,是默认,的路径http://127.0.0.1:8000/对应path("",views.home)而不是path("/",views.home),如下图其中对应的函数为,views.py的函数比如path("/login",views.login)对应views.py中的login函数,如
  • 2024-03-06前端css阴影画图
    在线演示地址:css阴影画图一,在css中有一个box-shadow属性,可以设置元素的阴影。.item{width:50px;height:50px;background:#009688;box-shadow:50px0red,100px0px#000;}效果:二,box-shadow可以添加多个。.item{width:50px;height:
  • 2024-02-281.25
    今天实现前端职员的功能页面1insert.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>申请出差</title><linkrel="stylesheet"href="../Style.css"></
  • 2024-02-282.13 密码的修改
    密码的修改<%@pagecontentType="text/html;charset=UTF-8"language="java"%><html><head><title>新密码</title></head><body><divstyle="text-align:center"><formaction="
  • 2024-02-27【18.0】JavaScript之JS事件案例
    【一】开关灯示例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.c1{height:400px;width:40
  • 2024-02-22引入JavaScript自定义提示信息(账户密码不为空,必须勾选用户协议)
     当不输入用户或密码就登录时不勾选用户协议就登录时form表单的修改,引入了onsubmit控件,提交表单时,调用validateForm函数<formaction="/home"method="post"onsubmit="returnvalidateForm()">validateForm函数内容functionvalidateForm(){//验证用户名和密
  • 2024-02-20前端页面之间传输数据 localStorage
    效果发送方接收方localStorage的使用//保存数据localStorage.setItem('key',value);//获取数据localStorage.getItem('key');发送方<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><
  • 2024-02-19获取手机GPS权限demo
    <!DOCTYPEhtml><htmllang="cn"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>原生H5页面获取手机坐标</title>
  • 2024-02-032023/01/23
    设计找回密码页面,为了达到页面的复用,这里设计了两层,一层用来查询账号是否存在,另一层用于修改密码。<%--CreatedbyIntelliJIDEA.User:龚涵彬Date:2024/2/3Time:16:43TochangethistemplateuseFile|Settings|FileTemplates.--%><%@pagecontentT