本文主要和大家分享JS实现排序去重代码,希望能帮助到大家。let arr = [1,312,31,44,32,42,34,32423,9,64,56756765,6785,43,8,]; let str = abcdaabc; //1.冒泡排序 for(let i=0;i<arr.length-1;i++){ for(let j=0;j<arr.length-i-1;j++){ if(arr[j]>arr[j+1]){ [arr[j],arr[j+1]] = [arr[j+1],arr[j]]; } } } //2.选择排序 for(let i=0;i<arr.length-1;i++){ let minValue = arr[i]; for(let j=i+1;j<arr.length;j++){ if(arr[j]<...
本文主要和大家分享js实现拖拽和吸附代码,希望能帮助到大家。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> * { padding: 0; margin: 0; } #big { width: 500px; height: 500px; background-color: #ccc; position: relative } #box { width...
本文主要和大家分享Vue中Elememt-UI构建管理后台代码,希望能帮助到大家。安装我使用的是 vue-cli 初始化项目,命令如下: npm i -g vue-cli mkdir my-project && cd my-project vue init webpack修改 package.json 文件: ... "dependencies": {"vue": "^2.5.2","vue-router": "^3.0.1","element-ui": "^2.0.7", // element-ui"axios": "^0.17.1" // http 请求库 } ...之后执行 npm install 进行安装依赖,如果安装速度有点慢...
本文主要和大家分享JS实现网页进度条简单代码,希望能帮助到大家。<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>jquery实现简单网页进度条</title><style>* {margin: 0;padding: 0;}/*大小和body一样,盖住全部内容*/.loading {width: 100%;height: 100%;background: #fff;...
本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家。只做笔记记录一下,主要用到Date 和 setInterval 第一个倒计时的设置:<script type="text/javascript">var timeBox = document.querySelector("#time"); function countdown(){var nowTime = new Date(); var targetTime = new Date("2018/2/27 15:44:15"); var spanTime = targetTime-nowTime; if(spanTime <=0){timeBox.innerHTML="立即...
数据结构有讲过,栈是一种遵从后进先出原则的有序集合,书中对栈的形容非常到位,就像是堆盘子,先放的肯定在下面的位置,最上面的是才放的。给栈内添加元素,最先添加的在栈底,最后一个加进去的称为栈顶元素。js实现栈及其方法具体内容有创建栈:在js里我们用数组类比栈向栈里添加元素push()移除元素 delete()栈大小 size()查看栈顶元素 peek()检查栈是否为空 isEmpty()清空栈 empty()打印栈 print()使用代码 function Sta...
关于js实现深复制,首先要明白的就是,要想实现对复杂对象的复制,用到的就是递归的思想。下面就是通过代码一步步来实现并讲解。function deepClone(data1,data2){var data2 = data2 || {}; //局部变量data2赋初值为接收的参数或者为一个空对象。for(var key in data1){ if(typeof data1[key] === object){ //依次判断data1对象的属性是不是对象data2[key] = (data1[key].constructor===Array) ? [] : {} ...
本文主要和大家分享js实现五子棋代码,通过canvas绘制棋盘与棋子,通过js代码实现逻辑。index.html代码:<!DOCTYPE html><html><head><meta charset="utf-8"><title>五子棋</title><link rel="stylesheet" type="text/css" href="css/style.css"></head><body><canvas id="chess" width="450px" height="450px"></canvas><p id=restart class="restart"><span>重新开始</span></p><script type="text/javascript" src="js/script.j...
本文主要和大家分享element-ui实现单元格可编辑代码,希望能帮助到大家。如下所示:<template><el-table:data="tableData"border@cell-mouse-enter="handleMouseEnter"@cell-mouse-leave="handleMouseOut"style="width: 100%"><el-table-columnlabel="日期"width="180"><template scope="scope"><span v-if="!scope.row.editFlag">{{ scope.row.name }}</span><span v-if="scope.row.editFlag" class="cell-edit-input"><el-input ...
本文我们主要和大家分享div显示2秒后自动消失js代码,利用setTimeout(),setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。希望能帮助到大家。在做四象限的过程中会有提示的信息,但是想让提示信息在一定的时间后自动隐藏。如上图,2s后提示自动隐藏,怎么做呢?语法setTimeout(code,millisec)提示和注释setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()...
本文主要和大家分享JS实现随机数代码分享,在制作网页或者小程序的时候经常用到随机数,作者整理了一个很简单的JS生成随机数的程序,希望本文能帮助到大家。我们先来看下本次源码的效果图大家可以灵活运用,我们把具体JS代码分享给大家:<!doctype html> <html> <head> <meta charset="utf-8"> <title>Document</title> <style> #count{ font-size: 20px; color: green; width: 400px; height: 30px; border: 1px solid black...
本文主要和大家分享js实现md5加密插件代码,希望能帮助到大家。//使用方法: //引入文件<script src="yourURL/MD5.js" type="text/javascript" charset="utf-8"></script> //var MD5=MD5.createMD5String(yourSrting);(function(globle,factory){//判断执行环境是否为浏览器typeof window != "undefined" ? factory() : concole.log("当前环境不支持该插件");} )(this,function(){//创建并实例化MD5对象并让他可以调用自身方法f...
本文主要和大家介绍了jQuery实现滚动到底部时自动加载更多的方法,涉及jQuery基于ajax动态操作页面元素相关实现技巧,需要的朋友可以参考下,希望能帮助到大家。这里利用AJAX,实现滚动到底加载数据功能:<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery.min.js"></script><script...
首先是全局安装npm install -g @vue/cli // 或 yarn global add @vue/cli然后生成项目以后可以发现,目录结构变简单了。build和config目录都没有了,vue-cli依旧使用webpack打包工具只是默认配置好了。只剩下vue-config.js当你需要更改默认配置才会用的到,实际开发者我并没有使用到。开发过程中大部分人都会使用模板、样式预处理。这些也只要安装相应的依赖。我是使用pug和sass,安装对应的模板依赖包,打包工具默认已安装几乎所有的l...
本文主要和大家介绍了jQuery实现定时隐藏对话框的方法,结合实例形式较为详细的分析了jQuery定时隐藏对话框的相关函数、实现方法与操作注意事项,需要的朋友可以参考下,希望能帮助到大家。1. setTimeout :出现设置了时间,但是程序立即执行的情况。 :无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数。 :解决就是定义一个匿名函数 :第二个参数是毫秒数,1秒=1000毫秒其他情...