![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
SELECT_BIN
这个作者很懒,什么都没留下…
展开
-
npm安装报错
unable to access 'https://github.com/nhn/raphael.git/': OpenSSL SSL_read: Co解决方案:npm --registry https://registry.npm.taobao.org info underscore 然后继续npm install安装成功后启动即可:npm run dev原创 2021-07-13 13:49:26 · 212 阅读 · 0 评论 -
JS实现点击图片放大鼠标可拖动
功能点:点击图片放大,滚动鼠标滚轮可再次放大缩小,鼠标点击可拖动图片位置使用方法:js已经封装好了,只要在将选择器筛选之后的对象当作参数传入方法中即可:js调用:加载完页面之后绑定下事件://$(".kc-media-div p img:not([name='messageName'])")是要实现此功能测图片对象(防止有些视频对象也用img标签)imgZoom($(".k...原创 2020-03-18 17:20:04 · 1996 阅读 · 0 评论 -
jQuery 常用方法总结
1.jQuery实现元素可拖拽:最基本的用法。$(" ").draggable()就能实现指定元素的拖拽<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link r...原创 2020-03-02 13:37:20 · 176 阅读 · 0 评论 -
HTML之marquee实现文字滚动显示
滚动效果:<div id="info" style="margin-top: 6px;"> <i class="fa fa-volume-up" aria-hidden="true" style="position: relative;top: -5px;"></i> <marquee width="20%" id="scroll...原创 2019-12-10 14:43:37 · 604 阅读 · 0 评论 -
基于jQuery实现浏览器Ctrl+F搜索功能
实现效果:引入样式: .res { /*color: Red;*/ background: rgb(215, 48 ,48); color: white; } .result { background: yellow; ...原创 2019-12-05 17:27:14 · 1221 阅读 · 0 评论 -
解决 百度 ueditor编辑器 改变图片大小时 调节框与图片错位 问题
版本:/*! * UEditor Mini版本 * version: 1.2.2 * build: Thu Dec 22 2016 16:36:28 GMT+0800 (CST) */现象:这里调节框与图片错位:修改ueditor.all.js文件的大约17448行为:'top': iframePos.y + imgPos.y - me.editor.wind...原创 2019-11-12 17:03:53 · 2253 阅读 · 1 评论 -
页面搜索的简单实现
这里页面搜索的实现是简单的HTML元素替换,如果使用的是bootstrap的话会有样式丢失的情况出现,需要重新绑下时间:整个body放在一个dom里面:<body> <div id="window_content"> .... </div></body>弹窗在这里:<div style="w...原创 2019-10-30 17:57:34 · 1887 阅读 · 0 评论 -
zTree实现搜索选中事件
效果展示:HTML代码: <div class="oraTree"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class=...原创 2018-07-24 11:36:42 · 1600 阅读 · 0 评论 -
jQuery插件实现 validate
实现效果:HTML代码(表单提交一定要放在form里面):<!-- Tab panes --> <div class="pl20 pr20"> <div class="title mt20">基本信息</div> <form action...原创 2018-07-23 20:29:29 · 285 阅读 · 1 评论 -
避免多次提交表单
$('.J_addActSave_button').attr('disabled', true);原创 2018-07-06 14:47:32 · 172 阅读 · 0 评论 -
js限制文本框只能输入数字HTML
对于有的展示框需要提供可编辑功能的,尤其是在表格里面的操作:本人前端萌新,留着自己用,也供大家参考:这里用的onkeyupHTML:<td th:text="${map.count}" th:id="count+(${indexInc.index}+1)" onkeyup="isNumber(this)" contenteditable="true">&...原创 2018-07-03 16:33:25 · 345 阅读 · 0 评论 -
Spring boot实现动态设置下拉框的值
框架用多了,原生的js忘了怎么写,普通静态页面:如果下拉框 的值是后台动态获取的:HTML部分代码:js代码:function getGoodsTypeList(){ var qryUrl = WEB_ROOT + "/setRecommendGoods/getGoodsTypeList"; $.ajax({ url: qr...原创 2018-05-16 17:39:59 · 8843 阅读 · 0 评论 -
关于jQuery 判空
本人之前比较常用的就是下面这个方式,但是每次都觉的很low、也很麻烦,var A=$("#**).val();if(A==null||A==undefined||A==""){//处理}刚才百度看到别人直接用if判空,比如判断str是否为“”、null、undefined,直接if(str),不知道底层怎么处理,但是暂时看来时可用的;在控制台敲了,也验证是OK的:...原创 2018-05-15 09:04:08 · 3037 阅读 · 0 评论 -
jQuery删除table某一行、某一列的值(不与后台交互)
指定行删除:<td ><a title="删除" onClick="article_del(this)" href="javascript:;">删除</a></td> function article_del(obj) { if (!confirm("是否确认删除")) { return; } ...原创 2018-06-25 11:10:09 · 4920 阅读 · 0 评论 -
用jQuery实现复选框ID获取,
HTML部分:<table id="carouselInfoListTab" class="table table-bordered text-center table-striped table-hover table-th-nowrap mt20 table-td-m" xmlns:th="http://www.w3.org/1999/xhtml"...原创 2018-06-25 10:16:16 · 1677 阅读 · 0 评论 -
css实现在input框中放置小图标的例子
效果:在输入框内加入小图标,主要有两种方法一、使用标签<i>存放图标,利用绝对定位调整位置,图标图层需要在input之上二、在input内直接使用背景图片放在图标,利用background-position调整位置<!doctype html><html lang="en"><head> <meta ch...原创 2019-08-30 20:42:26 · 13826 阅读 · 4 评论 -
js 里面的 || 和 &&
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <script> console.log( 5 && 4 );//当结果为真时,返回第二个为真的值4...原创 2019-10-11 15:06:45 · 144 阅读 · 0 评论 -
zTree实现页面数据筛选
实现效果:页面: <div class="modal-body clearfix pt20 pb20" style="height:350px;"> <div style="position:absolute;right:8px;top:5px;cursor:pointer;" oncli...原创 2018-07-25 12:50:56 · 1703 阅读 · 0 评论 -
Uncaught RangeError: Maximum call stack size exceeded 超出最大调用值(总结)
jQuery这个报错信息不准确,很多时候要自己去检查代码比如这位老铁的:https://www.cnblogs.com/zhu-shixin/p/6193006.html我这边遇到的就是用jQuery插件treeTable的时候报的这个错其实是因为我在参数定义中:$("#sys_menu_tab").treeTable({ expandLeve...原创 2018-07-26 19:05:28 · 1650 阅读 · 0 评论 -
jQuery的treeTable不能自动排序么,后台处理解决方案
先描述下treeTable搭建:HTML代码:<table id="sys_menu_tab" class="table table-striped table-bordered table-condensed"> <tr/> </table>...原创 2018-07-27 09:30:17 · 1179 阅读 · 0 评论 -
jQuery中将左右两个列表框的内容选择性相互移动
在jQuery中将左右两个列表框的内容相互移动,移动的同时进行删除,这里转了大佬的一个纯手写的demo:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <scrip...原创 2019-05-23 10:22:29 · 918 阅读 · 0 评论 -
EasyUI效果--弹层+右击菜单
右击菜单的:https://blog.csdn.net/liuyanlinglanq/article/details/43701049效果:可以写个公共的://一个弹窗function showMyWindow(title, href, width, height, modal, minimizable, max...原创 2019-04-12 20:37:42 · 314 阅读 · 0 评论 -
时间选择控件Wdatepicker
总结;https://blog.csdn.net/wanglei19880622/article/details/8051322https://www.cnblogs.com/goloving/p/7163697.html效果:一些正则实例:示例4-2-1只能选择今天以前的日期(包括今天)<inputid="d421"class="Wdate"type="te...原创 2019-03-30 13:28:33 · 653 阅读 · 0 评论 -
记录一个基于layui的树形下拉选择器
地址:https://wujiawei0926.gitee.io/treeselect/代码地址:https://wujiawei0926.gitee.io/treeselect/docs/doc.html效果1:效果2:原创 2019-03-29 09:52:13 · 8463 阅读 · 6 评论 -
基于chosen.jquery实现下拉框的输入检索
此场景适用于下拉框元素较多时:弊端:只能模糊匹配后面的,不能检索中间的关键字,如果要匹配中间值,源码里面的正则要改一下(在文章最后面解释);效果图:实现:1.包下载:https://github.com/harvesthq/chosen/releases2.引用包:<script type="text/javascript" src=".....原创 2019-03-26 17:22:05 · 1036 阅读 · 2 评论 -
layui city-picker js实现全国地市区域级联选择
效果:;实现:layui官网的文档写的比较详细:https://fly.layui.com/extend/citypicker/这里主要讲一下在第一次使用的时候踩的坑1.使用方法:head部分引用: <script src="/LayuiAdmin/layui/layui_exts/city-picker/city-picker.data.js">...原创 2019-03-26 14:34:59 · 5608 阅读 · 3 评论 -
解决ztree使用报Cannot read property 'substring' of undefined,源码中tId生成失败
在使用ztree的时候遇到的一个坑;看解决方案可以直接跳到最后首先参数配置:按照API里面描述可以直接用,我贴一下我的代码:html: <ul id="treeDemo" class="ztree"></ul>js:function setFontCss(treeId, treeNode) { return t...原创 2019-03-22 16:30:59 · 3394 阅读 · 6 评论 -
js时间戳转日期格式
时间戳或者其他格式的时间转成自己想要的格式:时间戳:var oldTime = 1402233166999; //注意长度其他格式:var oldDate = 'Fri Mar 15 2019 14:15:56 GMT+0800'使用:使用new Date(oldTime)将其他格式的时间参数转换为Date格式,然后取属性拼自己要的字符串,比如:fu...原创 2019-03-15 14:52:41 · 174 阅读 · 0 评论 -
记录一个前后台频繁交互(交互时间较长)导致的用户体验不佳问题的解决方案
此处要引一下bootstrap的包版本好像是bootstrap3,背景是一个批量下发的业务,用户选中要下发的业务之后、点击批量下发按钮会有很长一段时间的等待时间;一位测试MM说:“交互时间太长了,我甚至不知道该等下去还是刷新页面了”关于这个问题,bootstrap3的进度条:<div class="modal-body"> ...原创 2019-03-14 21:49:31 · 1121 阅读 · 0 评论 -
EasyUI Messager消息框,(提示框、确认框)
交互界面不可避免的要用到弹窗和确认框;有时候项目里面没有封装弹出框实在不方便;如果只用浏览器自带的alert()和confirm();用户会怀疑到底这是提示框还是页面报错了;这就比较尴尬了;试下EasyUI吧:效果:弹出框代码:$.messager.alert('提示','这是一个修饰过的弹出框');确认框:效果:点取消:点确定:...原创 2019-03-14 21:30:13 · 3689 阅读 · 0 评论 -
JS控制HTML元素的显示和隐藏,单选框选中
利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。 方法一: 1 2 document.getElementById("EleId").style.visibility="hidden"; document.getElementById("El...原创 2019-01-22 11:02:02 · 3217 阅读 · 0 评论 -
mui 简易弹出层
例子:代码:<!doctype html><html><head> <meta charset="UTF-8"> <title>学生信息编辑</title> <meta name="viewport" content="width=device-width,in...原创 2019-01-04 20:20:30 · 5294 阅读 · 0 评论 -
常用html元素的取值和赋值方法总结(持续更新)
1.获得type类型为TEXT或者AREATEXT的值var textval = $("#text_id").attr("value");var textval = $("#text_id").val();2.获取单选按钮的值var valradio = $("input[type=radio][checked]").val();3.获取一组名为(items)的...原创 2018-11-13 09:19:04 · 1104 阅读 · 0 评论 -
js 判断字符串是否为数字(正整数)
/** * 判断字符串是否为数字 * @param nubmer * @returns {boolean} */function checkRate(nubmer) { //判断正整数/[1−9]+[0−9]∗]∗/ var re = /^[0-9]+.?[0-9]*/;// if (!re.test(nubmer)) { return fals...原创 2018-10-11 10:11:01 · 5300 阅读 · 0 评论 -
jQuery 动态添加样式,动态绑定事件;解决事件函数传参重复Bug
项目用了mui框架,在初始化数据之后需要动态改变样式,并且添加事件//mui封装的初始化逻辑,不必深究,贴出来主要看页面 function loadInitTable() { var div = "<div class=\"mui-row\" style=\"display: none\">\n" + " <div c...原创 2018-08-16 17:55:45 · 327 阅读 · 0 评论 -
jQuery ... ;jQuery关于文字内容溢出用点点点(…)省略号表示
效果:代码:$("div.mui-row").each(function () { //折回改成了…(限制长度) var maxwidth=7; var valueText = $(this).find("h6[name$='value']"); if(val...原创 2018-08-20 18:33:20 · 858 阅读 · 0 评论 -
ztree 数据量较大时实现节点分级懒加载
配置:var setting = { check: { enable: false }, async: { enable: true, type: "get", headers: Util.ge...原创 2019-07-19 19:21:45 · 3793 阅读 · 0 评论