利用js做一个考试系统

2024-11-09

JS制作简易的考试答题管理系统

答题卡系统: 网站运行效果代码区域: HTML 代码: <style type="text/css"> body { font-size: 30px; background: beige; font-family: "宋体"; } #container { margin: 1px auto; /*调整边缘*/ } #box { overflow: hidden; /*隐藏溢出;*/ } #box label { margin-top: 5px; /*上

用 JS 做一个数独游戏（二）

用 JS 做一个数独游戏(二) 在上一篇博客中,我们通过 Node 运行了我们的 JavaScript 代码,在控制台中打印出来生成好的数独终盘.为了让我们的数独游戏能有良好的体验,这篇博客将会为生成好的数独终盘做一个比较完善的界面.最终的效果如下: 你也可以访问网页上的 demo 进行数独游戏的体验. 完善挖洞算法上一篇博客中提到过挖洞算法,实际上那并不完整,因为算法里面只有生成数独终盘的部分,并没有进行挖洞处理(也就是隐藏部分格子).为了补充完整挖洞的算法,我们在 Game 对象里面

用 JS 做一个数独游戏（一）

用 JS 做一个数独游戏(一) 数独的棋盘由 9x9 的方格组成,每一行的数字包含 1 ~ 9 九个数字,并且每一列包含 1 ~ 9 这 9 个不重复的数字,另外,整个棋盘分为 9 个 3x3 的块,每个块中包含的数字也是 1 ~ 9.数独棋盘是非常对称的,所以行和列实际上通过旋转一定的角度就可以相互转换. 数独终盘生成步骤生成数独终盘有多种方法,其中一种是挖洞法:先生成一个随机的数独终盘,然后随机隐藏某几个位置的数字,让用户进行填空.这里我们用到的方法就是挖洞法,以行为单位进行数字的填充.

用JS做一个简单的电商产品放大镜功能

使用js制作一个简单的产品放大图购物网站的产品页经常会放有一个产品展示图区.该图区有一个功能就是产品图的放大功能,移动左侧的焦点区域,可以放大细节部分观看,详情如下图.实现该功能的方法也非常简单. 实验:制作产品焦点放大图. 所需技能:1.基本的获取页面元素的方法: 2.几个简单的事件: 3.会使用dom设置元素的属性: 案例原理:1.焦点框的跟随鼠标事件: 2.焦点框的移动区域规定: 3.大盒子内容的显示: 适合对象:js初学者 -------------------------------

SpringBoot2.x整合Email并利用AOP做一个项目异常通知功能

因为不知aop能干嘛,因此用aop做个小功能,再结合最近学的springboot-Email做了个系统异常自动邮件通知的功能, 感觉满满的成就感. AOP不懂的可以看上一篇:https://www.cnblogs.com/zgq7/p/11310142.html spring-email不懂的看上一篇:https://www.cnblogs.com/zgq7/p/11314895.html 先看看这个功能的总体规划图: 因此需要思考的是: 1:如何捕获异常? 总不能在每个会发生异常的地方写 th

如何使用impress.js做一个网页版本的PPT

blockquote{font-size: 18px;line-height:1.5;margin:0;}line-height: 1.5; 要做一个网站制作规范培训,之前村长做过一次培训,但是后来一直没有实行下去,项目没有继续制作,于是几个月后有一批小伙伴需要重新回来参与制作.让我来给大家来制作一个相应的制作培训,聪慧过人(偷懒)的我选择了直接拿村长的培训文件来修改一下,补充一下我修改问题的时候遇见的一些常见问题.也正因为如此,不会PPT,怎么办呢?装一下高大上,我就选择了一个js文件,用HT

使用node.js做一个自用的天气插件

var request = require('request') var url = 'http://www.baidu.com/home/xman/data/superload' var cookie = '你登录百度后的cookie' var options = { method: "GET", url: url, qs: { "type": "weather", "asyn": 1, "t": new

废旧手机利用之装一个Linux系统

开篇: 在废旧手机变废为宝的路上一直没有停下,做过电脑遥控器,家居监控器,给电脑扩展屏幕以及跟着大佬学过智能机器人,但是都是一时兴趣,除了家具监控器目前正在使用之外其他也没有使用了. 最近在学习Linux,突然意识到怎么不在我那个起灰的小手机上装一个Linux系统呢,之后还可以做一个服务器之类的.想了就应该行动,到处查资料后终于成功了. 详细步骤: 1下载所需软件 Termux:终端仿真器和linux环境,这个工具很有用可以shell和ssh 虽然有linux环境但是许多Linux命令也不能

用MVC5+EF6+WebApi 做一个考试功能(五) 前端主题

内容概述前面絮絮叨叨没正事,到现在为止也没有开始写代码,不过在考虑下貌似这一节还是开始不了. B/S架构开发有一个特点,就是用浏览器打开,不同的用户群体可能有不同的风格,不论是管理平台还是普通的网站,也是有自己的风格. 我们要做这样一个管理系统,风格上没有客户来约束要做什么样,那简单处理,我们采用如下处理 Bootstrap :据说是Twitter工程师觉得前端工作太麻烦然后就弄了一套框架出来,现在有三个版本并行,2.x,稳定版本是3.x.x,开发中的是v4.x,在2018年1月18号发布了正

用MVC5+EF6+WebApi 做一个考试功能(六) 仓储模式打造EF通用仓储类

前言年底工作比较忙,年度总结还没写,项目要上线,回老家过年各种准备.尤其是给长辈给侄子侄女准备礼物头都大了. 原来想年前先出一版能用的,我看有点悬了,尽量先把大体功能弄出来,扔掉一些,保证能考试,然后再搞点扩展的东西. 本节主要是做一下EF的封装,在DDD设计中,有两个概念不得不提,工作单元模式和仓储模式.纯属个人理解,不对的地方大家交流. 下面是一张图来自Microsoft 文档站点仓储模式定义 Repository模式用于通过抽象接口来管理CRUD操作,该接口公开领域实体并隐藏数据库访

css3加js做一个简单的3D行星运转效果

前几天在园子里看到一篇关于CSS3D行星运转的文章,原文在这里,感觉这个效果也太酷炫了,于是自己也就心血来潮的来尝试的做了一下.因为懒得去用什么插件了,于是就原生的JS写,效果有点粗超,还有一些地方处理的不是很好,如果有好的建议万望留言告知,不胜感谢.源代码已上传到github上,点这里获取.好了不说废话了,下面附上代码. HTML部分 <div class="path-Saturn"> <div id="Saturn" title="土

利用jmeter做一个简单的性能测试并进行参数化设置

1.新增一个线程组,并在下面添加基本原件,包括:监听器.http请求默认值和一个事务控制器在http请求默认值中填写 ip 地址和端口号,协议类型默认为http 2.添加代理服务器,以便之后进行录制 3.启动代理服务器,然后在浏览器中进行操作,操作完毕后停止录制.然后打开事务控制器,可以看到里面出现很多脚本.但是这个时候的脚本很多,包含了一些css.png.gif等静态文件 4.简化脚本:在代理服务器的排除模式中添加正则表达式,剔除不需要录入的文件.然后重新录入可以看到,脚本简化了许多 5.

利用JS实现一个简单的二级联动菜单

前几天在看js的相关内容,所以就简单写了一个二级联动菜单.分享一下. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS实现二级联动菜单</title> </head> <body> <form name="form1" method="pos

jsp页面利用JS做即时时间显示

想给系统多些点缀,顺便把知识点温习一遍,不过讲真,这些都是网上扒的!我的水平现在也就这样 <%@page import="javax.xml.crypto.Data"%> <%@page import="java.text.SimpleDateFormat"%> <%@ page language="java" contentType="text/html; charset=UTF-8" page

用js做一个简单的留言板效果

html部分: 1: <!DOCTYPE> 2: <html lang="zh-en"> 3: <head> 4: <title>js实现简单留言板</title> 5: <meta http-equiv="content-type" content="text/html;charset=utf-8"> 6: <link rel="stylesheet&quo

iOS 利用UICollectionView做一个无限循环广告栏

一.效果图左右丝滑滑动,并且有缩放动画. 二.分析和思路 1. 为什么选择用UICollectionView去做上面的效果? 首先无限效果永远是表现出来的,而不是程序里面创建了无数个view,如何做到无限效果的视觉差这本身就是一个技术活. 以我的知识水平,可以做无限效果的有三种方式: 1). 三个view + 滑动手势.原理图如下: mid下面的承载view为工作区,负责添加滑动手势和根据手势滑动距离去修改left,mid,right三个view的位置和状态.当手势滑动结束的时候,需要在关闭隐

D3.js 做一个简单的图表（条形图）

柱形图是一种最简单的可视化图标,主要有矩形.文字标签.坐标轴组成. 本文为简单起见,只绘制矩形的部分,用以讲解如何使用 D3 在 SVG 画布中绘图. 一. 画布是什么前几章的处理对象都是 HTML 的文字,没有涉及图形的制作. 要绘图,首要需要的是一块绘图的“画布”. HTML 5 提供两种强有力的“画布”:SVG 和 Canvas. 1.1. SVG 是什么 SVG,指可缩放矢量图形(Scalable Vector Graphics),是用于描述二维矢量图形的一种图形格式,是由万维网联盟制

利用JS写一个计算平方的网页

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算平方</title> <script> function pf(){ var input = document.getElementById("num"); console.log(input); //获

css3 js 做一个旋转音乐播放开关

我们经常会看到一些旋转音乐播放开关,今天我也写了一个分享出来,大家需要的话可以参考一下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; border: 0; outline: 0; font

2017.11.9 如何利用JS做登陆验证界面

()案例----JavaScript实现输入验证需要验证的表单输入域和要求用户名不能为空,是否符合规定的格式密码长度是否超过6,两次密码输入一致邮箱地址:邮箱地址必须符合邮箱形式 ~~~注意提交表单并实现输入验证方式一般用"buttom"类型按钮提交,提交时先执行"响应函数" 提交方式 input type="buttom" value="提交" onClick="响应函数"> //Java

如何用纯js做一个大富翁游戏

下面这张是效果图: 先立个flag,一个星期内把这个坑填了

利用js做一个考试系统

热门专题