本篇章主要讲述系统搭建逻辑,有疑问的可以加微信联系我.考试系统 资源 Vue.js Element UI 第三方数据接口 业务 答题过程中,防止用户中途退出或者其他不可抗力因素阻碍答题,在每次选择都要请求下接口(接口状态为未交卷,只是保存用户的答题进度). 选择答题区与答题卡必须同步,另外右侧的进度条也是同步的. 剩余时间的计算方法( begin.getTime() + duration * 1000 - serverTime.getTime()), 即开始考试时间+考试时间-服务器时间,首次进…

<!-- 考试倒计时组件 --> <template> <div class="time"> <p>00:{{timerCount2}}:{{timerCount1}}</p> <button @click="reset">重新计时</button> </div> </template> <script> export default { name…

下面我将使用Vue自带的属性实现简单的双向绑定. 下面的例子就是利用了父组件传给子组件(在子组件定义props属性,在父组件的子组件上绑定属性),子组件传给父组件(在子组件使用$emit()属性定义一个触发方法,在父组件上的子组件监听这个事件). import Vue from 'vueEsm' var Com = { name:'Com', props:['val'], template:<input type='text' @input='handleInput'/>, methods:…

前言 人脸识别技术现在越来越火,那么我们今天教大家实现一个人脸识别组件. 资源 element UI Vue.js tracking-min.js face-min.js 源码 由于我们的电脑有的有摄像头,有的没有摄像头,所以我们需要根据不同的场景来封装这个组件.先放个图吧,大家可以看得更加直观一些. 有摄像头的话,我们就显示(需要人像识别组件): 没有摄像头的话,我们就显示(这个直接上传人像即可): 判断有无摄像头,我们可以使用这个方法: // 判断有无摄像头,推荐放在created里 var…

安装vue-router npm i vue-router -S 配置1.创建文件夹与文件 创建一个router文件夹,在文件夹中创建两个文件,分别是router.js和routes.js文件.2.编辑文件 router.js(路由配置文件) import Router from 'vue-router'import routes from './routes' export default ()=> {return new Router({routes,mode:'history',fallb…

前言 图片加载优化对于一个网站性能好坏起着至关重要的作用.所以我们使用Vue来操作一波.备注 以下的优化一.优化二栏目都是我自己封装在Vue的工具函数里,所以请认真看完,要不然直接复制的话,容易出错的.资源 Vue.js Element UI 优化一:图片加载动画 只有当图片加载完成后才可以显示图片,加载动画结束.我们使用Element UI中的loading组件来用作加载的动画.假设一个变量loading初始值为true,当图片加载完时为false. // 图片加载 imgLoad:(src)…

源码目录 在src目录下建立一个request文件夹.里面建立两个文件: http.js api.js 源码内容 http.js import axios from 'axios' // 引入axiosimport store from '-/store/index' // 引入Vueximport router from '-/router' // 引入vue-routerimport { Message } from 'element-ui' //局部引入UI框架组件// 环境的切换if (…

Asp.Net SignalR 使用记录   工作上遇到一个推送消息的功能的实现.本着面向百度编程的思想.网上百度了一大堆.主要的实现方式是原生的WebSocket,和SignalR,再次写一个关于Asp.Net SignalR 的demo 这里简单的介绍一下Signalr,SignalR 封装了WebSocket.ForeverFrame.ServerSentEvents.LongPolling四种主要的传输协议.兼容性比较好,WebSocket 是有要求的,IIS服务需要系统是Win8或者…

整体框架 绿色代表接口/抽象类:蓝色代表类. 主要由两大接口组成,一个是「Collection」接口,另一个是「Map」接口. 前言 以前刚开始学习「集合」的时候,由于没有好好预习,也没有学好基础知识,接口,类,这些基础知识都没学好,所以学到这里还是懵懵懂懂的.第一次接触到「集合」,这两个字,在我的脑海中,只浮现出数学中学过的「集合」,所以当「集合」在编程语言中出现时,我就没有绕过来.不过以我现在的视角看,也是和数学中学过的「集合」这种概念是差不多的. 数学中的「集合」: 集合是确定的一堆东西,…

线程也是有两部分组成的: 线程的内核对象,操作系统用来管理线程和统计线程信息的地方. 线程堆栈,用于维护现场在执行代码的时候用到的所有函数参数和局部变量. 进程是线程的容器,如果进程中有一个以上的线程,这些线程将共享进程的地址空间,操作空间中的数据,执行相同的代码,对相同的数据操作,甚至内核对象句柄(因为它是依托进程而不是线程存在的). 所以进程使用的系统资源比线程多的多,线程只需要一个内核对象和一个堆栈.既然线程比进程需要的开销少,因此始终都应该设法用增加线程来解决编程问题.当然这也不是一成不…