JavaScript
关注
分享
扫一扫
背书包的甜瓜
这个作者很懒，什么都没留下…
展开
-
js 气泡上升和鼠标点击事件
js 气泡上升和鼠标点击事件原创 2023-10-09 11:44:13 · 213 阅读 · 0 评论 -
js 正则
js 正则原创 2023-03-03 10:50:25 · 144 阅读 · 1 评论 -
vue 可自主适配rem
vue 适配rem原创 2023-01-29 16:42:09 · 264 阅读 · 0 评论 -
flex 高度自适应
flex 高度自适应原创 2022-06-14 17:50:00 · 1336 阅读 · 0 评论 -
css 添加动画
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> div{ width:100px; height:100px; background:red; position:relative; animation:mymove 1.6s infinite; -webkit-ani.原创 2022-02-08 16:08:48 · 879 阅读 · 0 评论 -
js 获取时间
let now = new Date();let time = now.getFullYear() + "-" +((now.getMonth()+1)<10?"0":"")+(now.getMonth()+1)+"-"+(now.getDate()<10?"0":"")+now.getDate();原创 2022-01-12 10:01:44 · 153 阅读 · 0 评论 -
js 前端实现验证码
let code = '' let codeLength = 4 //验证码的长度 let random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z') //随机数 for (l.原创 2021-11-03 19:52:58 · 291 阅读 · 0 评论 -
vue element 递归左侧菜单栏，可收缩
调用的地方TreeMenu为递归菜单组件<template> <div class="bgk"> <div class="leftMenuBk" :style="isCollapse"> <el-scrollbar class="scrollbar-wrapper"> <div> <i :class="[isSh.原创 2021-10-25 10:11:51 · 933 阅读 · 0 评论 -
vue封装websocket建立心跳并使用
新建websocket.jsvar websock = null;var global_callback = null;function initWebSocket(url){ //初始化weosocket // 处理地址转化ws // if(url.indexOf('https')!=-1){ // url='ws'+url.substring(5) // }else if(url.indexOf('http')!=-1){ // url='ws原创 2021-07-12 10:24:03 · 678 阅读 · 1 评论 -
vue :style动态传值并修改样式
html<div :style="classObject(item)">传值过去</div>js computed:{ classObject:function () { return function (params) { // 计算值 if(/*********/){ return {'color':"#ffffff".原创 2021-06-29 09:57:50 · 2263 阅读 · 0 评论 -
js 树形数组转一维数组（递归）
let list = [ { mid: '1', title: '数据统计', icon: 'el-icon-s-data', children: '', }, { mid: '2', title: '用户管理', icon: 'el-icon-s-custom', children: [ { mid: '21', title: '用户列表', icon: 'el-ico.原创 2021-05-07 10:22:08 · 1870 阅读 · 0 评论 -
contos7 安装Apache以及配置vue项目
自己练手，留个记录，以防忘记安装Apacheyum install httpd -y查看Apache 运行状态systemctl status httpd.service启动Apache 服务systemctl start httpd.service重启Apachesystemctl restart httpd.service查看防火墙状态firewall-cmd --state开放和关闭端口firewall-cmd --zone=publ..原创 2020-09-10 15:16:14 · 227 阅读 · 0 评论 -
vscode断点调试js代码
思路：vscode 安装Chrome 插件 配置 debug 相关文件 运行调试配置 launch.json{ "version": "0.2.0", "configurations": [ { "name": "chrom", //运行html文件，用谷歌浏览器打开 "type": "chrome", "request": "launch", ...原创 2020-06-23 13:51:14 · 802 阅读 · 0 评论 -
vue element 表格高度自适应
思路：1、先给 table 的高度绑定一个 值（height）2、data中定义数据3、获取高度（计算自己需要的值），并赋值4、钩子函数调用 <el-table :data="tableData" border style="width: 100%" :h...原创 2020-04-15 17:24:46 · 1478 阅读 · 0 评论 -
EChart多柱状和折线图定时刷新实时数据（vue和原生js都可以）
思路：1、整合数据，将柱状图和折线图需要的数据分类 2、熟悉图表 3、显示 4、执行完一次，清空一次数据上代码（使用vue+element+axios）setChart1(){ setTimeout(() => { // 返回数据量大，需要需要过程 this.zzt...原创 2020-03-27 12:43:40 · 1869 阅读 · 0 评论 -
js 获取开始时间和结束时间相隔小时及分钟（时间戳操作）
思路：将两个时间装换成时间戳，然后结束时间减去开始时间，然后计算得到间隔的 小时 及分钟数上代码 var st = this.form5.abnormalStartDate // 开始时间 var stsjc = new Date(st).getTime()/1000; // 将开始时间 转换成时间戳 var ed = this.form5.abnormalEndDa...原创 2020-03-26 08:46:43 · 4380 阅读 · 0 评论 -
ztree加载完成后根据返回值选中ztree相应的CheckBox
思路：在ztree树加载完成之后，根据接口的返回值选中相应的CheckBox var setting = { view: { showIcon: function(treeId, treeNode){return !treeNode.isParent;}, dblClickExpand: true, ...原创 2020-03-13 17:05:19 · 1161 阅读 · 0 评论 -
vue v-for设置<tr>自定义颜色
思路：先绑定 style ；绑定之后判断并设置颜色HTML格式<tr v-for="(item, index) in dayTJList" :key="index" v-bind:style="setStyle(item.Contents)"> <td>{{ item.Contents }}</td> <td>{{ i...原创 2020-01-07 09:44:50 · 1551 阅读 · 0 评论 -
添加数组元素和删除数组中某个指定的元素
添加数组元素和删除数组中某个指定的元素//先定义一个空的数组var ids=new Array();var names = new Array();//然后将需要的参数push(写入)数组中ids.push(room_id);names.push(room_name); //删除数组中的指定元素（将这两函数放在全局，以便于其他地方使用）//首先可以给JS的数组对象定义...原创 2019-01-16 10:26:38 · 818 阅读 · 0 评论 -
点击按钮 获取所选的CheckBox的值并遍历
function btn(){ 获取所有选中的checkbox的值 var checkall = $.each($('input:checkbox:checked'),function(){ var user_ids = $(this).attr("id"); var user_names = $(this).val(); ...原创 2019-01-17 18:13:46 · 1019 阅读 · 1 评论 -
获取和设置radio的值
<input id="admin1" type="radio" name="admin" value="0"><input id="admin2" type="radio" name="admin" value="1">设置radio的值if(ret["is_sys_adm原创 2019-01-12 10:59:33 · 772 阅读 · 2 评论 -
前端开发 常用正则表达式都在这里了
前端开发 常用正则表达式都在这里了//正则表达式统一用法var a=正则表达式；var value="需要验证的值";if(a.test(value)){// 判断是否正确}//去除所有空格:str = str.replace(/\s+/g,"");//去除两头空格:str = str.replace(/^\s+|\s+$/g,"");//去除左空格：...原创 2019-01-12 10:36:31 · 322 阅读 · 0 评论 -
冒泡排序，根据数组中属性排序，插入排序，数组去重，判断数组中某一个值是否存在（includes）
冒泡排序：var arr = [1,6,5,10];var t;for(var i = 0 ; i < arr.length; i++){ for(var j = i + 1 ; j < arr.length ; j++){ if(arr[i] > arr[j]){ t = arr[i]; ...原创 2019-03-25 16:54:26 · 271 阅读 · 0 评论 -
ajax使用get、post、delete、put请求restful风格接口
restfful风格：ajax请求的时候会请求两次，第一是验证请求是否符合规定的规则（百度说是对header头进行验证），请求成功返回200后再做ajax操作，个人理解put方式：function modifyRepairs(user,pass){ var ret; $.ajax({ url:"http://"+ apiurl +"/api/Modify/...原创 2019-05-17 13:39:16 · 2915 阅读 · 0 评论 -
js 使用map函数在多个数组中查找某个元素在哪个数组中并且将该数组中的元素返回给新数组
map()：函数var arr = [ {title:'aaa',hot:true}, {title:'fff',hot:true}, {title:'vvv',hot:true}, {title:'bbb',hot:true} ];var oldMan = $.map(arr,...原创 2019-05-17 13:52:55 · 1839 阅读 · 0 评论 -
jq 动态添加table表格序号
原生jq和vue添加表格序号//注：动态添加序号，需要将这行代码放入for循环中// page: 当前页; per:每页显示条数; i:循环次数list += "<td>"+(parseInt(page)-parseInt(1)) * parseInt(per)+(i+1)+"<td>"; //原生jq构造表格//Vue添加序号...原创 2019-08-20 15:31:59 · 1033 阅读 · 0 评论 -
原生js实现下载导出Excel两种方式
思路：获取数据、重构数据、导出表格，vue也可以使用，原理一样；注：base64();方法不能忘 function getUserList(){ $.ajax({ url:"", type:"", data:{}, dataType:"json", ...原创 2019-08-20 15:47:52 · 3903 阅读 · 0 评论 -
vue 获取select的值及动态添加option
前端代码<div id="app"> <select class="form-control con1" @change="changeProduct($event)"> <option value="" disabled selected>请选择</option> <option v-for="i...原创 2019-09-02 11:24:10 · 8434 阅读 · 0 评论 -
js设置定时器（setInterval）并定时切换图片
html代码<img id="image" src="" alt="" srcset="" width="50px" height="50px">js代码 var curIndex=0;//当前下标 var arr=new Array();//图片数组 arr[0]="https://i.52112.com/icon/jpg/256/201909...原创 2019-09-11 21:07:14 · 5562 阅读 · 1 评论 -
原生js 实现点击按钮完成60秒倒计时，倒计时时按钮不可用
倒计时60秒，设置一个定时器，每秒刷新一次<input type="button" value="获取验证码" class="btn" onclick="settime(this)"><!--给btn设置一个方法--> var countdown=60; //初始值 function settime(val) { if (原创 2019-01-12 10:21:25 · 7656 阅读 · 1 评论