本文是【小码哥李明杰老师】指导完成的山东大学引航计划公益人工智能科研实训项目。

自制预防校园暴力的智能监控系统。

HTML

HTML也可以由"txt"编辑并打开：
网页显示：

缺点：没有提示，可视化差。

HTML是弱类型，有容错性，但要遵循规范，写小写。
注释快捷键：“ Ctrl+/ 或者 Ctrl+Shift+/ ”，可无限换行，不能嵌套。

CSS

可以单独建一个.css文件，将样式都放入进去；
CSS样式：style。
CSS分号不能少；
CSS注释：/ 注释内容 /，可无限换行，不能嵌套，但可以嵌套//。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>学习CSS</title><style>button {color: orange;background: red;font-size: 50px;}/* 作用在class包含desc的标签上 */.desc {color: red;}/* 作用在class包含info的标签上 */.info {color: blue;}</style>
</head>
<body>
<!-- 注释  -->
<div><span class="desc">用户名：</span><input type="text">
</div><div><span class="info">密码：</span><input type="password">
</div><div><button>登录</button>
</div>
</body>
</html>

注：

<!-- 引入一个外部的css文件 -->
<link rel="stylesheet" href="路径">

JavaScript(JS)

Java 与 JavaScript 无关。
JS也是一门编程语言（脚本语言）；
JS脚本：script。
网页中很多动态的操作，都要依赖JS去实现；
JS可以给HTML元素绑定事件监听，比如可以监听按钮的点击、监听鼠标滚轮的滚动。
JS注释：// JS注释或者 /* JS注释 */，可嵌套，不能换行。
函数（方法）：用来保存代码，等到特定时刻再去执行函数代码。
alert是内置的函数，可以直接调用。
变量：将右边的文字赋值给左边的name变量去保存。
变量名的规范之一：不能以数字开头；
‘18’ 字符串类型；18 数字类型。

练习：添加删除按钮

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Button</title>
</head>
<body><div>
<button onClick="add()">添加</button>
<button onClick="remove()">删除</button>
</div><!-- id类似于身份证，最好是每个元素唯一 -->
<div id="box"></div><script>// #box的意思：找到id为box的元素const box = document.querySelector('#box')// 声明一个变量let idx = 1// 添加function add() {// 创建子元素const child = document.createElement('div')// child.innerText = '' + idx++child.innerText = '' + idxidx = idx + 1// idx++// idx += 1// 添加子元素box.append(child)}// 删除function remove() {if (box.firstElementChild) { // 如果box有子元素，才执行删除逻辑box.firstElementChild.remove()} else {alert('没有可删除的元素')}}
</script>
</body>
</html>

添加：

删除：

自制预防校园暴力的智能监控系统：学习FrontEnd相关推荐

自制预防校园暴力的智能监控系统：学习前端
本文是[小码哥李明杰老师]指导完成的山东大学引航计划公益人工智能科研实训项目. 自制预防校园暴力的智能监控系统. 学前须知软件开发分类客户端开发: 移动开发(Android.iOS) 桌面端开发 ...
自制预防校园暴力的智能监控系统：打通CentOS前后端，调用百度AI及服务器架构演进
本文是[小码哥李明杰老师]指导完成的山东大学引航计划公益人工智能科研实训项目. 自制预防校园暴力的智能监控系统打通前后端因为前端代码中请求的IP地址不对(是本机的),所以需要更改IP地址为Cent ...
自制预防校园暴力的智能监控系统：远程连接，将前后端部署到CentOS服务器
本文是[小码哥李明杰老师]指导完成的山东大学引航计划公益人工智能科研实训项目. 自制预防校园暴力的智能监控系统远程连接CentOS 通常使用SSH工具远程连接CentOS, 常用的SSH工具:Xsh ...
自制预防校园暴力的智能监控系统：远程加载表格数据，SQLAlchemy操作数据库，云服务器（CentOS)
本文是[小码哥李明杰老师]指导完成的山东大学引航计划公益人工智能科研实训项目. 自制预防校园暴力的智能监控系统重定向路径路由配置(访问根路径,直接重定向到main): export default ...
安全用电隐患突出，安全用电智能监控系统如何解决常见问题
引言安全问题一直是社会关注的焦点,特别是校园.工厂和小区等场所的安全,这些场所空间窄.人员密集,一旦发生安全事故,则会导致不可预见的损失,而用电安全是预防安全事故的重要措施.线路过载.短路和漏电是安 ...
安全用电智能监控系统的应用
引言安全问题一直是社会关注的焦点,特别是校园.工厂和小区等场所的安全,这些场所空间窄.人员密集,一旦发生安全事故,则会导致不可预见的损失,而用电安全是预防安全事故的重要措施.线路过载.短路和漏电是安 ...
绿色节约型校园电力能耗监控系统的设计与应用方案
摘要:校园中能源的消耗与浪费占用了校园总费用支出的很大比例,而电能的消耗又是能源消耗的重中之重,重点阐述了校园能耗监控系统方案设计.关键技术.以北方某高校为例应用该方案,并结合具体的耗能特点对节 ...
吴恩达入驻知乎首答：如何系统学习机器学习？
最近在知乎圆桌里看到吴恩达的回答,[如何系统学习机器学习?] 颇为惊喜,仿佛看到了知乎刚成立时的样子,请各个行业大佬来分享专业知识. 该回答目前已经有三千多赞,评论区也相当火爆,一片膜拜之声. 吴恩达 ...
基于用户角色的数据库智能监控系统应用场景分析
摘要:本文尝试从概念和逻辑上推导了基于用户角色的数据库智能监控系统的可能应用场景. 本文分享自华为云社区<GaussDB(DWS)数据库智能监控系统应用场景分析>,原文作者:鲁大师. 与互 ...

自制预防校园暴力的智能监控系统：学习FrontEnd

自制预防校园暴力的智能监控系统。

HTML

CSS

JavaScript(JS)

练习：添加删除按钮

自制预防校园暴力的智能监控系统：学习FrontEnd相关推荐

最新文章

热门文章