JavaScript
文章平均质量分 64
东明之羞
原创+优化=我
展开
-
前端定时循环任务管理工具类
在设计到数字平台监控系统,经常需要一定的时间间隔去调用接口,在vue项目中,如果多个页面涉及到定时调用接口,就会出现重复多次创建定时器,如果项目组的小伙伴不注意定时器的销毁,就会造成资源浪费和一些奇怪的现象,因此需要一个统一的定时器来管理调用接口。......原创 2022-06-14 15:30:35 · 520 阅读 · 1 评论 -
javascript深度复制,适合大部分数据情况,可多层嵌套对象,有其他不支持的类型,请留言,我会进行完善
javascript变量复制,适合大部分数据情况,保留function 、new Boolean()等数据/** * JS 复制函数 * @param {Object} val */const copy = function(val) { if (!['[object Object]','[object Array]'].includes(Object.prototype.toString.call(val))) { return val; } const weakMap = new W原创 2021-11-03 14:22:25 · 325 阅读 · 0 评论 -
mui分页控件数据绑定封装
1.效果图 2.调用HTML和js list-news-notice.html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello MUI</title> <meta name=原创 2018-07-19 20:19:57 · 3271 阅读 · 0 评论 -
Javascript回车跟换焦点
1.回车方法 function keyDown(docs,callback) { docs.onkeydown = function(e) { if (!e) e = window.event; //火狐中是 window.event if ((e.keyCode || e.which) == 13) { ...原创 2018-08-13 11:51:36 · 658 阅读 · 0 评论 -
JavaScript动态加载效果
效果图1.html<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta name="viewport" content="width =device-width, initial-scale=1" /> <meta http-equiv="Conten原创 2018-08-13 13:56:30 · 1897 阅读 · 0 评论 -
jquery,插件固定表格表头
当表格数据较多时,会导致表头随内容滚动,影响使用,因此使用jQuery做一个插件,目前比较粗糙,不过可以达到相同效果效果图使用方式:引入jquery文件 <script type="text/javascript" src="jquery-1.10.1.min.js"></script> 引入插件脚本<script type="t...原创 2018-09-25 19:57:20 · 2771 阅读 · 0 评论 -
弹出层中div固定在底部【有滚动条】
再在弹出层中,如果有滚动条的情况下,要是元素固定在底部时,不能使用position:fixed,fixed属性是相对浏览起来说的,对弹出层已经明显不再使用。如下图如果使用fixed就会使小图出现在浏览器的右下角,而不是弹出层的右下角这种情况下只能使用 js监听滚动条位置,来处理div位置效果图代码简单的例子,所以html和javascript代码放一起了&lt;html&gt; ...原创 2018-10-22 18:42:52 · 3521 阅读 · 0 评论 -
Jquery加载动画
效果图一、使用方法$.openLoadForm([可选参数])显示加载动画[可选参数]1.不传参数的情况下,默认显示 加载中,请稍后。2.传递参数 string会将将显示文字替换成传递的值。3.传递参数 object即{ gif:'wait.gif', msg:'加载中,请稍后' }将使用自己定义的动画和文字返回值 string当前加载层的唯一Id(16位)**示例**【 任选一...原创 2018-11-01 23:12:24 · 6318 阅读 · 1 评论 -
jQuery拖动改变元素宽度
效果图代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>元素拖动改变大小</title></head><body> &原创 2018-11-21 11:21:12 · 1848 阅读 · 0 评论 -
移动端 精简mui.css,实现mui的弹出层(不使用mui.js,只包含弹出层)
使用mui的样式,实现mui的弹出层(不使用mui.js),精简代码,实现弹出效果,不受其他plus等影响原创 2019-03-12 11:05:29 · 3249 阅读 · 0 评论 -
js下拉加载数据插件
一.效果图(其中未设置数据加载动画,请自行设置)二.使用<!--引用js--><script src='drop.down.ref.js'></script> <script> var count = 0; ref.refresh(function () { //自行设置数据加载动画,此处不提供 //start animati...原创 2019-05-06 19:17:06 · 796 阅读 · 0 评论 -
javascript根据固定长度分词
Javascript 根据固定长度分词[简单分词]效果待分字符:这是一个要进行分词的字符串呀。//2个单词分词var res= ["这是", "是一", "一个", "个要", "要进", "进行", "行分", "分词", "词的", "的字", "字符", "符串", "串呀", "呀。", "。", ""]//3个单词分词var res=["这是一", "是一个", "一个要",...原创 2019-09-30 18:03:43 · 416 阅读 · 0 评论 -
Javascript自旋执行一段代码,直到得到指定的结果或达到最大次数才结束
Javascript自旋隔段时间执行一段代码,直到得到指定的结果或达到最大次数才结束。一.调用1.最大自旋100次,每次间隔1秒。在满足条件时无论是否达到最大自旋次数,都会终止自选旋。intervalResult(100,1000,function(){ if(一个表达式){ //满足条件后执行其他事情 return true; } return false;});2.最...原创 2019-10-03 00:12:31 · 771 阅读 · 0 评论 -
javscript 日期相关操作,今天,昨天,本周,本月,本年
假如当前日期是2018-7-71.得到当前日期 getdatenow() //"2018-7-7 21:46"getdatenowd(0) //"2018-7-7"2.得到当前日期的前几天 ,假如前一天。同样只有+数字即可getdatenowd(-1) //"2018-7-6"3.得到当前日期所在本周的日期,从周一到今天getdatenoww(); //[...原创 2018-07-07 21:55:20 · 260 阅读 · 0 评论 -
JavaScript 得到地址参数
/** * 得到地址栏参数 * @param {Object} key */function urlParam(key) { var _request = "{'" + window.location.href.replace(/.*[?]/, "").replace(/&/g, "','").replace(/=/g, "':'") + "'}"; _reque..原创 2018-07-16 11:06:29 · 460 阅读 · 0 评论 -
js 数字转人民币大写
数字转人民币大写功能原创 2017-10-03 13:14:01 · 918 阅读 · 0 评论 -
JS数据获取工具类(一)
JS数据获取工具类(一)前期准备页面<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta name="viewport" content="width =device-width, initial-scale=1"原创 2018-04-23 00:57:45 · 538 阅读 · 0 评论 -
JavaScript页面内Table搜索
页面内搜索,不需要再次数据库查询,将选择符合条件的添加变成红色字体效果图css .searchSpan { color:#d2b48c }html<table id="dataTable" class="t1" style=" width: 99%;"> <thead> <tr>..原创 2018-05-03 14:20:58 · 2342 阅读 · 0 评论 -
JavaScript前台数据验证(:数字,小数,身份证号,电话号码,邮箱,,汉字,英文字母,数字字母、"_" 和 " -" , 汉字字母和‘_’,汉字字母数字和'_')
前台数据输入验证,是一门技术活,经常会有动不动写好多方法来验证数据,这样的做法感觉工作重复且底下,因此写入了一个JavaScript插件,只需要引入,添加2段代码,添加需要验证的文本框即可,方便快捷。效果图js文件 点击打开链接 https://download.csdn.net/download/qq_28254093/10393740具体用法(1):引入文件: <script type=...原创 2018-05-05 11:42:04 · 810 阅读 · 0 评论 -
JavaScript 模板引擎
做的一个模板引擎绑定Json数据的一个模板引擎,小巧便捷,简单易懂,适合json小数据效果图HTML<table id="table1" class="t1" > <thead> <tr> <th>编号</th>原创 2018-05-05 23:45:09 · 211 阅读 · 0 评论 -
web 前台页面内弹出框(二)
本文已经不推荐在使用了,有更加优秀的 ,详情参考layui弹出层 前端当前页面编辑一些数据时,往往会用到弹出窗口,但每个页面单独修改有显得比较麻烦,因此,可以建立一个公用的方法,去掉用就可以了;先上效果图CSS.form-panel { }.form-title { font-size: 14pt; paddin...原创 2018-04-27 17:54:29 · 2271 阅读 · 0 评论 -
web 前台页面内弹出框(三)可拖动
本文已经不推荐在使用了,有更加优秀的 ,详情参考layui弹出层 参考文章:点击打开链接 https://blog.csdn.net/mixi9760/article/details/52059047向大神致敬 修改web前台页面内弹出框(二)点击打开链接 的OpenDetial()方法//弹出保存窗口function OpenDetial(id, url,...原创 2018-04-27 19:31:59 · 1805 阅读 · 0 评论 -
Layui弹出层 加载 做编辑页面
先上效果图基本准备,引入layui的layui.css,layui.js文件 <link rel="stylesheet" href="../../../Publics/others/layui/css/layui.css" media="all"> <script src="../../../Publics/others/layui/layui.js">&a原创 2018-05-19 14:30:55 · 18424 阅读 · 6 评论 -
layui加载表格,绑定新增,编辑删除,查看按钮事件
使用layui框架的时候,总会重复的写相关代码,感觉很是苦恼,所以进行分装,只需要关注业务方面即可如下图,提供新增,编辑,查看等功能js方法/** * 页面内弹出编辑窗口 //需要引入 layui.js layui.css文件 * @param {} title 标题 不显示为false * @param {} area 大小 ["400px","500px"] 或者 "400px"---&...原创 2018-05-19 17:24:44 · 36781 阅读 · 3 评论 -
用HTML做窗体程序界面
使用winform自带的控件webBrower实现,现在已【不再推荐】这种方式,这种方式受到限制比较多,而且这种方式的兼容并不是很好。一直在追寻可以开发出精美界面的的winfom程序方式,使用Electron+HTML用winform做后台,大力推荐。大致使用思路是:使用 Electron作为App的展示方式,用C#来处理逻辑代码,通过websocket来打通两者,【文章点击我,或者加群(90...原创 2018-05-20 15:59:33 · 19251 阅读 · 0 评论 -
Javascript 判断是移动端还是PC端
1.首先需要利用浏览器的user-Agent值,进行判断2.举例说明user-Agent的值的区别常用移动端user-Agent的值 /**移动端userAgent值 常用 * Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Versio...原创 2018-07-09 16:22:22 · 4413 阅读 · 0 评论 -
javascript创建app程序的TabBar
此处的TabBar使用Javascript,未曾使用mui等,如果不是需要的请绕道先上图1.在HTML页面上准备一个容器<div id="bottom"></div>2.在之后引入最下面的js文件比如: <script type="text/javascript" src="../scripts/tabTool.js"></script>原创 2018-07-09 19:43:52 · 1141 阅读 · 0 评论 -
web 前台页面内弹出框(一)
本文已经不推荐在使用了,有更加优秀的 ,详情参考layui弹出层 前端当前页面编辑一些数据时,往往会用到弹出窗口,但每个页面单独修改有显得比较麻烦,因此,可以建立一个公用的方法,去掉用就可以了;先上效果图上图就是效果图,如果不是你想找的类型,请绕道。 1.创建方法 function OpenDetial(id, url, title, wi...原创 2017-09-15 21:53:22 · 11114 阅读 · 0 评论