
前端
小一梦
这个作者很懒,什么都没留下…
展开
-
vue、js截取视频任意一帧图片
vue、js对video视频中的某一帧截取,截取视频封面原创 2024-07-17 15:51:05 · 1596 阅读 · 0 评论 -
js删除浏览器url参数
js删除浏览器url参数。原创 2022-08-10 11:20:09 · 1940 阅读 · 0 评论 -
vue 样式class多选、单选,vue多选,vue单选
vue多选、vue单选、vue不使用radio、vue选中添加样式、vue选中添加效果原创 2022-06-17 13:31:56 · 1086 阅读 · 1 评论 -
JS复制到剪贴板
// 将内容复制到剪贴板 copyRow(url) { let input = document.createElement("input"); // js创建一个input输入框 input.value = url; // 将需要复制的文本赋值到创建的input输入框中,this.ruleForm.url这个是我要复制的内容 document.body.appendChild(input); // 将输入框暂时创建到实例里面 input.select原创 2021-11-24 15:52:38 · 457 阅读 · 0 评论 -
JS导出txt、js导出txt换行
// txt文件导出/**需要导出的数组内容*val*/ onClickDownDaily(val) { let title = "图片资源链接"; let str = ""; val.forEach((item, index) => { str += `地址-${index + 1}:${item}\r\n`; }); let allStr = title + "\r\n" + "\r\n" + str;原创 2021-11-24 15:50:32 · 1362 阅读 · 0 评论 -
递归树过滤
树形结构过滤/** * 路由树过滤 * @param {*} menuList 菜单列表 */function filterTree(data) { var newTree = data.filter((x) => x.isShow == 1); newTree.forEach((x) => x.list && (x.list = filterTree(x.list))); return newTree;}...原创 2021-11-18 14:25:51 · 131 阅读 · 0 评论 -
网页定时刷新
var timeout = prompt("设置刷新时间间隔[S]"); var current = location.href; if(timeout > 0) { setTimeout('reload()', 1000 * timeout); } else { location.replace(current); } function reload()原创 2021-10-21 15:32:13 · 367 阅读 · 0 评论 -
nginx配置地址端口
server { listen 8001;#监听端口 server_name localhost;#域名 location / { root /home/vue/dist/; index index.html index.htm; try_files $uri $uri/ /index.html; } access_log off; error_page 500 502原创 2021-07-09 15:51:00 · 1557 阅读 · 0 评论 -
css text文本超出隐藏显示省略号、超出隐藏、省略号
css text文本超出隐藏显示省略号 overflow: hidden; text-overflow: ellipsis;//溢出用省略号显示 display: -webkit-box;//将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient: vertical; -webkit-line-clamp: 2;//显示行数...原创 2020-07-17 17:11:18 · 345 阅读 · 0 评论 -
vue对数组进行搜索、vue搜索、vue模糊搜索
<template><div class="query-div"> <div class="search-panel input-group mar-btm-dm" style="margin-bottom: 10px;margin-top: 10px;">...原创 2020-04-14 14:06:44 · 1801 阅读 · 0 评论 -
vue自定义组件数据双向绑定,获取vue自定义组件input框输入的值
1.首先创建一个自定义组件Vue.component('test-component',{ template:`<div id="el"><input @input="change"><button @click="getInputData">点我看input数据</button></div>`, event:'inputData'...原创 2020-02-27 15:46:45 · 1593 阅读 · 0 评论 -
时间戳的差,时间戳转换时分秒,时分秒格式化
function eventProcessNodeTimeComputed (a, b) { let sdate = new Date(a);//结束时间 let now = new Date(b);//开始时间 let endTime=sdate.getTime();//结束时间 ...原创 2019-12-31 14:22:13 · 2738 阅读 · 0 评论 -
js导入Excel、ajax导入Excel、Excel导入、Excel导入数据库
这是通过表单上传的方式HTML<div class="input-group-wrap"> <div class="input-group"> <button filter="main-sjcl" class="btn btn-dark btn-...原创 2019-12-12 16:15:00 · 797 阅读 · 3 评论 -
vue分页
先看看效果图首先你需要有一个前端的html分页<!-- 分页 --> <ul class="pagination" style="display: flex;justify-content: center;" id="paginationUl"> &...原创 2019-10-22 13:55:26 · 258 阅读 · 0 评论 -
图片404替换
当你从后台拿到图片地址的时候,你不知道这个图片是否能显示那你可以这样做如果为404替换成默认图片<img src="你从后台或者别的地方拿到的图片地址" onerror="noFind()">function noFind(){ let img=event.srcElement; img.src="默认图片地址"; img.onerror=null; /...原创 2019-10-21 18:32:02 · 560 阅读 · 0 评论 -
高德地图API打点
首先你需要加载完地图let map = new AMap.Map('eventHandleMap', { animateEnable: true, resizeEnable: true, zoom: 10, zooms: [9, 19], ...原创 2019-10-21 18:24:40 · 2251 阅读 · 0 评论 -
高德地图API画圆形、高的地图删除圆形打点
在高德地图上打点画圆var circle = new AMap.Circle({ center: [经纬,纬度], radius: 1000, //半径 borderWeight: 3, strokeColor: "#FF33FF", ...原创 2019-10-21 18:17:51 · 4224 阅读 · 0 评论 -
jquery多图片上传预览
我知道你们喜欢硬的,来吧,直接上代码,废话不多说css#renGongImg .imageDiv { display:inline-block; width:65px; height:65px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px ...原创 2019-07-26 17:25:34 · 319 阅读 · 0 评论 -
手机端多图片上传预览删除
css样式body { width: 100%; height: 100%; } .container { width: 100%; height: 100%; overflow: auto; clear: both; } .z_photo { width: 5rem; height: 5rem; padding: 0.3rem; over...原创 2019-07-22 10:27:34 · 659 阅读 · 0 评论 -
js全屏切换
html<button onclick="toggleFullScreen(event)">点我全屏</button>jsfunction FullScreen(el) { var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScre...原创 2019-07-30 12:40:25 · 217 阅读 · 0 评论 -
多图片上传
直接代码好了html<form id="morImage"> <input type="file" name="file" accept="image/jpg" multiple/>//multiple多图片</form>jqueryvar form = new FormData(document.getElementById("morImage...原创 2019-07-29 17:33:17 · 118 阅读 · 0 评论 -
JQuery多图片上传预览
JQuery多图片上传+预览参考自这是CSS部分代码.float{ float:left; width : 200px; height: 200px; overflow: hidden; border: 1px solid #CCCCCC; bord...原创 2019-07-18 18:02:44 · 261 阅读 · 0 评论