前端
关注
分享
扫一扫
菜冬眠。
这个作者很懒，什么都没留下…
展开
-
修改elementui 默认的菜单样式
vue + elementui 项目中，快速修改自带的导航样式，方便开发原创 2022-12-01 09:51:47 · 3620 阅读 · 0 评论 -
vue中$set，解决数据双向绑定
由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue解决：用$set方法当你修改数组的长度时，例如：vm.items.length = newLength解决：vm.items.splice(newLength)...原创 2022-06-20 13:51:27 · 265 阅读 · 0 评论 -
JavaScript/JS关于时间函数的学习，并结合实际业务例子进入加强记忆，附快速获取当天、昨天等时间函数
JavaScript Date（日期） 对象今天我们重点学习JavaScript中的Date对象。Date对象用于处理日期和时间。可以通过new关键词来定义Date对象。获取时间如获取当前系统时间。var now = new Date();console.log(now); //控制台的输出结果为Mon May 09 2022 13:48:39 GMT+0800 (中国标准时间)也可以获取指定参数的时间。//参数1：年份//参数2：月份 （注意从0开始）//参数3：日//参数原创 2022-05-09 15:16:03 · 473 阅读 · 0 评论 -
js 寻找数组中的元素、删除该元素
var index = arr.indexOf(id);if(index>-1){//大于0 代表存在， arr.splice(index,1);//存在就删除}原创 2021-11-25 16:04:05 · 1606 阅读 · 0 评论 -
js 常用的正则表达式
//判断ip格式 x.x.x.xvar ipreg = /^((2[0-4][0-9])|(25[0-5])|(1[0-9]{0,2})|([1-9][0-9])|([1-9]))\.(((2[0-4][0-9])|(25[0-5])|(1[0-9]{0,2})|([1-9][0-9])|([0-9]))\.){2}((2[0-4][0-9])|(25[0-5])|(1[0-9]{0,2})|([1-9][0-9])|([1-9]))$/;ipreg.test(ip);//判断日期格式 yyyy-mm原创 2021-10-09 09:32:22 · 171 阅读 · 0 评论 -
js在一个时间范围内产生一个随机时间
var a = '2020-01-01 08:08:08'; var b = '2023-02-01 08:08:08'; var c = new Date(a).getTime(); var d = new Date(b).getTime(); var e = d - c; var f = Math.random()*e; console.log(formatDate(c + f)); function formatDate(time) { if (time != null).原创 2021-10-08 11:10:58 · 1402 阅读 · 0 评论 -
vue elementui 树形权限勾选 父级半联动
角色添加 <label>权限</label> <el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> <el-tree class="m-role-tree m-width" ref="tree" :data="data" show-checkbox node-key="menuId" :default-expanded-keys="opend原创 2021-09-17 10:23:50 · 398 阅读 · 0 评论 -
vue 网络传输
在src下创建utils文件夹，在utils中创建request.vueimport axios from 'axios' //引入 axiosimport QS from 'qs'; // 引入qs模块，用来序列化post类型的数据，某些请求会用得到import { Message } from 'element-ui' //引入 element-ui 的 Message 模块，用于信息提示import router from '@/router/index'import { L.原创 2021-09-17 10:14:57 · 131 阅读 · 0 评论 -
vue webpack 使用 echarts
vue webpack 使用 echarts引入echartnpm install echarts -S全局引用，在main.js添加如下代码import * as echarts from 'echarts'Vue.prototype.$echarts = echarts官方配置项说明地址：官方地址折线图<template> <div class="hello"> <div id="myChart" style="width: 100%;he原创 2021-07-02 15:12:17 · 211 阅读 · 1 评论 -
js当前时间，前一天，后一天，下个月，上个月，特地某一天，时间戳格式转换
获取当前时间：new Date()输出：Wed Apr 21 2021 14:42:47 GMT+0800 (中国标准时间)获取当前时间时间戳：new Date().getTime()输出：1618987827016将 new Date() 转化为 2021-04-21 14:42 47formatDate(new Date());formatDate: function(time) { if (time != null) { var datetime = n原创 2021-04-23 10:55:35 · 506 阅读 · 0 评论 -
vue elementui 日历 内容自定义
<el-calendar v-else v-model="toMonth"> <template slot="dateCell" slot-scope="{date, data}"> <p :class="data.isSelected ? 'is-selected' : ''"> <span style="margin-right: 5px;font-size: 22px;fo原创 2021-04-21 13:36:19 · 943 阅读 · 0 评论 -
vue 创建新项目
vue 创建新项目vue init webpack "项目名称"cd .\项目名称\npm inpm run dev原创 2021-04-19 14:34:46 · 116 阅读 · 0 评论 -
js 获取 url中的参数
//获取url中的参数function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数if (r != null) return decodeURI(r[2]); return null; //返回参数值}g原创 2021-01-18 15:47:26 · 95 阅读 · 0 评论 -
js 字符串转整型，数字转字符串，字符串截取，字符串转数组，数组转字符串
parseInt(str);原创 2021-01-18 15:46:47 · 481 阅读 · 0 评论 -
JS定时器
setTimeout(“run()”,1000);setTimeout(function(){},1000);原创 2021-01-18 15:46:00 · 177 阅读 · 0 评论 -
JS 格式化 年月日时分秒
function formatDate(time) { if (time != null) { var datetime = new Date(); datetime.setTime(time); var year = datetime.getFullYear(); var month = (datetime.getMonth() + 1) < 10 ? "0" + (datetime.getMonth() + 1) : (datetime.getMonth() + 1); va原创 2020-11-10 13:37:21 · 663 阅读 · 0 评论 -
使用MEDIAPLAER进行视频播放
依赖：使用IE浏览器进行播放HTML<object id="player" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="600" height="400"> <param value="1" name="ShowStatusBar"> <param name="Filename" value="视频地址"> <param name="PlayCount" value="1"原创 2020-11-09 14:22:55 · 152 阅读 · 0 评论 -
使用OCX控件播放视频
依赖：jq.js客户机本地安装ocx控件使用ie浏览器进行播放HTML<OBJECT id="player" CLASSID="CLSID:F741E479-27E0-4023-9BB0-B8F67F29597B" width="600" height="400">请下载安装播放控件后使用IE浏览器查看。<br />下载地址:<a href="__PUBLIC__/FILE/Release.rar">点击下载</a></OBJECT原创 2020-11-09 14:20:31 · 1916 阅读 · 2 评论 -
JQ 下 checkbox 全选、全不选功能
HTML<input onclick="allchose($(this))" type="checkbox" name="" id="" value="" />全选<input type="checkbox" name="file[]" id="" value="" /></td><input type="checkbox" name="file[]" id="" value="" /></td><input type="checkb原创 2020-11-09 14:08:55 · 154 阅读 · 0 评论 -
按钮阴影
按钮阴影box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);原创 2020-10-21 14:36:15 · 114 阅读 · 0 评论 -
高德地图实时轨迹播放或 历史轨迹查看demo
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <titl原创 2020-08-23 21:11:28 · 2550 阅读 · 0 评论 -
百度地图自定义标注点
百度地图自定义标注点//创建点var point = new BMap.Point(109.49926175379778, 36.60449676862417);//创建自定义标//参数1：自定义的图片的路径//参数2：需要显示的像素大小，例子中图片大小为200*200，所以显示Size(200,200)//参数3：偏移量，距离中心点的偏移量，如（0，0） 表示 图片左上角顶点在点的中...原创 2020-04-22 22:08:55 · 1997 阅读 · 0 评论 -
jq + css 实现简单的图片轮播效果
jq + css 实现简单的图片轮播效果开发过程中需要用到图片轮播的插件，在网上找了几个插件之后还是决定自己码一个，比较简洁的功能，以后说不定还会有用。ps： 功能比较简单，整个框并不能根据图片的大小自动调节，这里所用的图片是1170*500的，如果需要改成其他大小的图片，自行修改.pic-list下img的宽度。.pic-list中的宽度为整个横幅的宽度，如果需要轮播的图片数量很多，.pic-l原创 2017-08-06 16:52:41 · 3429 阅读 · 2 评论 -
form 中点击button事件
form 中点击button事件之前项目中遇到需要ajax提交，所以form标签中增加button按钮点击触发ajax，但是在form中的button点击有可能会提交表单，所以在网上收集了资料并自己验证了，记录一下。如果需要点击button提交表单<button>button</button>IE浏览器中仍不会提交表单，其他浏览器会。点击button不提交表单<button type="button原创 2017-07-12 09:08:33 · 1497 阅读 · 0 评论