web前端
文章平均质量分 56
程序员奋斗者GO
更多帮助请关注公众号“毕设学术先锋”
展开
-
element 下拉框实现多级树 组件
下拉树组件<template> <el-select :value="valueTitle" :clearable="clearable" @clear="clearHandle"> <el-option :value="valueTitle" :label="valueTitle" class="options"> <el-tree id="tree-option" ref="selectTree".原创 2021-11-01 22:35:10 · 454 阅读 · 0 评论 -
vue+element实现双向描点
截图效果左右双向绑定<template> <!-- 填写申请信息 --> <el-row :gutter="15" class="main" ref="infoView"> <el-col :span="16" class="anchor-content"> <el-card shadow="hover" class="card1" id="project"> <div s原创 2021-08-30 17:39:14 · 531 阅读 · 0 评论 -
vue使用pdf.js在线预览pdf
引入pdf.js(1).官网下载地址:下载地址(2).下载完成后,放到public路径下,如图:2.使用方法//调用请求var filePath = "pdf文件路径";var url = encodeURIComponent("http:127.0.0.1/file/download?objectKey=" + filePath)window.open('/pdf/web/viewer.html?file=' + url +"&.pdf");...原创 2021-08-11 14:55:08 · 313 阅读 · 0 评论 -
vue限制input框 输入整数,小数正则,element表单手机号和身份证验证
//只允许输入数字(整数:小数点不能输入)<input type="text" @input="value=value.replace(/[^\d]/g,'')" > //允许输入小数(两位小数)<input type="text" @input="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" > //允许输入小数(一位小数)<input type="text" @input="value=valu原创 2021-08-10 14:48:03 · 623 阅读 · 0 评论 -
使用 postMessage 解决 iframe 跨域通信问题
父页面发送消息//父页面发送消息//获取iframe元素var myFrame = document.getElementById('myframe')//iframe加载完毕后再发送消息,否则子页面接收不到messagemyFrame.onload = function(){ //给iframe 发送一条消息 myFrame.contentWindow.postMessage('sendMsg','*');}子页面接受父页面消息//子页面接受消息//回调函数function原创 2021-04-23 16:57:04 · 846 阅读 · 0 评论 -
使用handsontable插件做一个类型Excel的表格工具
完整demo代码<!doctype html><html><head><!-- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/handsontable@latest/dist/handsontable.full.min.css"><link rel="stylesheet" type="text/css" href="https://ha原创 2020-11-26 14:11:21 · 324 阅读 · 0 评论 -
jquery实现合并单元格及可编辑表格
这里写自定义目录标题代码片.<html> <head> <title>表格编辑</title> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/merge_table.js"></script>原创 2020-10-18 15:20:52 · 234 阅读 · 0 评论 -
图片点击弹出放大插件
下载地址:http://fancyapps.com/fancybox/3/翻译 2020-07-29 16:46:28 · 160 阅读 · 0 评论 -
kindeditor实现粘贴上传图片
这里写自定义目录标题kindeditor试下粘贴上传图片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入kindeditor试下粘贴上传图片//定义编辑器对象 var editor; //异步加载编辑器 $.getScript('../kindeditor/kindeditor.js', funct翻译 2020-07-29 11:19:34 · 777 阅读 · 0 评论 -
手机端video层级高遮住弹窗问题处理方式
手机端video层级高遮住弹窗问题处理方式// An highlighted block<video id="player" controls={true} width="100%" height="100%" x5-video-player-type="h5-page" // 启用同层H5播放器 x5-video-orientation="landscape|portrait" // 视频跟着手机自动旋转> <source src={videoUrl}转载 2020-07-08 12:41:19 · 2126 阅读 · 0 评论 -
js实现拖拽功能
<div id="ticketPrint"> <input id="temp1" style="position: absolute;left: 108px; top: 24px;font-size: 16px;color: #333333;border:none;font-family:Microsoft YaHei;" type="text"><b原创 2018-07-02 09:17:03 · 167 阅读 · 0 评论 -
百度分享地址
http://share.baidu.com/code/advance#jsload转载 2018-03-16 17:17:36 · 3523 阅读 · 0 评论 -
js把json中相同key的数据重新组成一个新的json
var j1 = [ { "menuDate": 1, "dinnerTime": "0", "num": 5 }, { "menuDate": 1, "dinnerTime": "0", "num": 1 },转载 2018-02-03 15:47:37 · 6749 阅读 · 1 评论 -
网页打开APP
appDown.html--> 打开 var createIframe=(function(){ var iframe; return function(){ if(iframe){ return iframe;翻译 2018-01-18 10:54:40 · 340 阅读 · 0 评论 -
fly案例
http://fly.layui.com/case/2018/翻译 2018-01-31 18:03:19 · 153 阅读 · 0 评论 -
js 判断客户端和手机端
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true转载 2017-12-15 17:48:09 · 253 阅读 · 0 评论 -
CSS设置div背景渐变显示
<style type="text/css"> .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /*IE 6 7 8*/ backg...转载 2017-12-20 13:17:55 · 368 阅读 · 0 评论 -
计算本月,本周,本日时间
function changeTime(type) {//获得当前日期var today = new Date();var year = today.getFullYear();var day = "";var month = today.getMonth() + 1;var beginTime = "";var endTime = "";switch (type)翻译 2017-11-29 09:17:31 · 422 阅读 · 0 评论 -
用js显示和隐藏div
介绍 条件原创 2017-06-30 15:38:01 · 312 阅读 · 0 评论 -
向右收缩和展开div(1)
鼠标单击控制收缩和展开的窗口 * { margin: 0; padding: 0;}#box { position: absolute; right: 0; top: 0; overflow: hidden;}#arrow { color: #fff; background:翻译 2017-07-05 15:53:36 · 1111 阅读 · 0 评论 -
向右收缩和展开div(2)
#box{ margin-top:50px; position:absolute;right:0px;top:0px;} 收缩和展开div(2)原创 2017-07-05 15:58:24 · 491 阅读 · 0 评论 -
js手风琴
itcast.cn的JQuery应用示例:弹出菜单 li { list-style: none; /*使li前面的小圆点消失*/ margin-left: 18px; /*让子菜单向右移动一段距离,达到缩进的效果*/ display: none; /*让所有的子菜单都先隐藏*/}a{ text-decoration: none; /翻译 2017-07-05 16:06:53 · 338 阅读 · 0 评论 -
轮播图(更新版)
demo $(document).ready(function(){ var len = $(".indexList li").length; var index = 0; var startRollOne原创 2017-07-06 16:43:22 · 288 阅读 · 0 评论 -
微信回调后定时查看支付状态
function pay(){$.ajax({type:'POST',url:'getOrderOfPayEnd.do',dataType:'json',data:{"orderID":orderId},success:function(data){console.log(data)if(data.S == 1){window.clearInterval(int原创 2017-08-22 10:42:36 · 686 阅读 · 0 评论 -
计时器
//设置倒计时的时间范围var seconds = 600;//定时调用函数var timer = setInterval(timeRun, 1000);//倒计时函数function timeRun(){//获取 h1var h1 = document.getElementById('number');//判断if (seconds window.loca转载 2017-08-23 08:50:49 · 174 阅读 · 0 评论 -
HTML插入地图的方法
方法/步骤1、打开“百度地图生成器”的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html如下图:2、在“1.定位中心点”中,切换城市,并查找具体位置,如下图:3、在“2.设置地图”中,可以按照自己的喜好修改地图的外观:a、地图的宽和高b、地图上显示的按钮(缩放、缩略图、比例尺)转载 2017-08-28 15:08:22 · 1518 阅读 · 0 评论 -
视频播放
视频播放原创 2017-08-02 10:27:23 · 197 阅读 · 0 评论 -
xkplayer播放器
function playerstop() { setTimeend(); } function setTimeend() {//获取下一部视频的播放ID nowD++; if (nowD >= videoarr.length ) { nowD = 0;翻译 2017-10-11 09:34:29 · 1759 阅读 · 0 评论 -
自定义轮播
var timer=setInterval(changeBg,5000);function changeBg(){var bg=$(".login-bg").css("background-image");var params = bg.split('"');var param = params[1].split("/");var img = param[param.length-...原创 2017-10-28 17:09:36 · 177 阅读 · 0 评论 -
js链接到QQ弹窗
ahref="tencent://message/?uin=1072321755&Site=&Menu=yes"target="blank"><img border="0" src="http://wpa.qq.com/pa?p=1:1072321755:7" alt="图片不正常时显示的文字" width="71" height="24" />a>翻译 2017-10-14 09:06:18 · 959 阅读 · 1 评论 -
jquery无缝插件liMarquee动态滚动
http://www.dowebok.com/demo/188/index3.html转载 2017-11-01 08:38:27 · 2781 阅读 · 0 评论 -
监听ajax请求完成
ajax_demo .display{ width:600px; height: 400px; border:1px solid; } 展示数据区域: ()"/> function getData(){ $.ajax({翻译 2017-11-03 10:22:40 · 2243 阅读 · 0 评论 -
chplayer下载地址
http://www.chplayer.com/down/转载 2017-11-03 14:57:53 · 6968 阅读 · 0 评论 -
动态缩放img图片大小
function autoImgSize(imgClass){$("."+imgClass).on("load",function(){var maxwidth = 150;var maxheigth = 75; var imgwidth = $(this).width(); var imgheight = $(this).height();原创 2017-11-04 11:33:02 · 893 阅读 · 0 评论 -
轮播图片
String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%>原创 2017-06-30 15:31:05 · 212 阅读 · 0 评论