
javascript
残月飞鹰
QQ:870488643
展开
-
rgba转16进制
/** * rgba转16进制 * @param color * @returns {string} */ function hexify(color) { var values = color .replace(/rgba?\(/, '') .replace(/\)/, '') .replace(/[\s+]/g, '') .split(','); var a = parseFloat(values[3] || 1), .原创 2022-02-23 01:03:25 · 3604 阅读 · 0 评论 -
常用javascript方法集合
//数组去重function unique1(arr) { return [...new Set(arr)]}//找元素的第n级父元素function parents(ele, n) { while (ele && n) { ele = ele.parentElement ? ele.parentElement : ele.parentNode; n--; } return ele;}//获得滚动条的滚动距离.原创 2021-11-15 19:47:49 · 835 阅读 · 0 评论 -
js自动计算金额单位
//自动计算金额单位 var _Handle_Money = function(num) { // 首先先声明一个金额单位数组 var AmountUnitlist = ["元", "万元", "亿"]; // 将数字金额转为字符串 var strnum = num.toString(); // 声明一个变量用于接收金额单位 var AmountUnit = ''; // 循环遍历单位数组 for(var i =.原创 2021-08-20 21:26:57 · 1594 阅读 · 0 评论 -
JSON.stringify会把日期减少8小时,有时区的问题
Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.getHours(), //小时 "m+" : this.getMinutes.原创 2021-04-27 20:18:30 · 1488 阅读 · 2 评论 -
H5移动端长按事件
$.fn.longPress = function(fn) { var timeout = undefined; var $this = this; for(var i = 0;i<$this.length;i++){ $this[i].addEventListener('touchstart', function(event) { timeout = setTimeout(fn, 800); //长按时间超过800ms,则执行传入的方...原创 2021-02-21 13:08:23 · 946 阅读 · 0 评论 -
H5页面悬浮球,可拖动
H5页面悬浮球,可拖动$(document).ready(function() { //设置样式 $("body").css({"margin":0,"padding":0}); $(".homepage-btn").css({//初始化HOME图标到屏幕右上角 "left":($(window).width()-$(".homepage-btn").width()-10) + "px" , "top":"85%" }) setTimeout('$(".homepage-b原创 2020-12-05 17:19:27 · 2288 阅读 · 0 评论 -
js解决前端页面table表格合并行
(function ($) { $.fn.extend({ //表格合并单元格,colIdx要合并的列序号,从0开始 "rowspan": function (colIdx) { return this.each(function () { var that; $('tr', this).each(function (row) { $('t.原创 2020-11-26 16:58:10 · 928 阅读 · 0 评论 -
正则表达式
邮箱验证:String p = "^\\w+(\\.\\w+){0,2}@\\w+(\\.\\w+)*\\.[a-zA-Z]{2,3}$";var passPattren = /^(?!^\d+$|^[a-zA-Z]+$)(?:[a-zA-Z\d]{8,12})$/;//8到12位 数字加字母 不含特殊符号的密码规则passwordPattern = /^(?=.*[a-zA-Z]+)(?=.*[0-9]+)[a-zA-Z0-9]+$/;//必须是英文字母和数字的组合,字母区分大小写var .原创 2020-11-24 15:30:57 · 179 阅读 · 0 评论 -
js 判断字符串以***结尾
String.prototype.endWith=function(endStr){ var d=this.length-endStr.length; return (d>=0&&this.lastIndexOf(endStr)==d)}原创 2020-11-24 15:28:44 · 2124 阅读 · 0 评论 -
谷歌浏览器对访问iframe等嵌套类跨站页面,默认禁止跨域访问
解决方式1:手动设置chrome浏览器中搜索下面地址:chrome://flags/#same-site-by-default-cookieschrome://flags/#cookies-without-same-site-must-be-secure这两项设置为Disabled,并重启浏览器解决方式2:降低chrome浏览器版本解决方式3:可使用国产浏览器 eg:QQ浏览器等解决方式4:后台处理cookies,没试过...原创 2020-10-16 15:26:51 · 5851 阅读 · 0 评论 -
将文本中的网址、邮箱自动匹配并追加超链接,支持ip+端口+项目名的url匹配
//将文本中的网址、邮箱自动匹配并追加超链接,支持ip+端口+项目名的url匹配var reg = /(((https|http|ftp|rtsp|mms)?:\/\/)?(([0-9a-z_!~*\'().&=+$%-]+: )?[0-9a-z_!~*\'().&=+$%-]+@)?(([0-9]{1,3}.){3}[0-9]{1,3}|([0-9a-z_!~*\'()-]+...原创 2020-04-14 18:11:37 · 500 阅读 · 0 评论 -
js 转换某个时间距离当前时间的间隔 【刚刚、1分钟前、半个小时前...】
/** * @Memo 时间工具类 * * @Author songyf * @Date Aug 22,2019 * * @Readme 调用方式:eg: $("#id").html(plugin.convertTime("2019-08-23 15:00:00")); $("#id").html(plugin.convertTime(new D...原创 2019-09-04 16:22:56 · 1834 阅读 · 0 评论 -
Cookie工具类 对页面查询条件进行保存记忆
/** * @Memo Cookies工具类 * * @Author songyf * @Date Aug 31,2019 * * @Readme 对客户Cookies进行增删改查操作 * */;(function(win,undefined) { "use strict" var _win; var Cookies = { /...原创 2019-08-31 22:45:47 · 410 阅读 · 0 评论 -
html5页面横向柱状图
关于横向柱状图,不使用各种插件的情况下,用CSS3+DIV+Javascript实现,效果图如下:css相关样式:/**滚动条样式**/::-webkit-scrollbar { width: .6em;}::-webkit-scrollbar-track { } ::-webkit-scrollbar-thumb { border:1px solid #419BF9...原创 2019-08-18 00:35:26 · 3253 阅读 · 0 评论 -
关于echarts横向柱子特殊效果
项目上有个特殊的需求,需要做出echarts横向柱子,柱子上边有个小人随着柱子的百分比移动,柱子右边显示百分比,柱子左边显示标签值,实现的效果如下图:横向柱子实现思路:整个页面的效果图如下:实现思路:整个横向柱子以一个div包着,将这个div分成3个区域:左、中、右;左边分成上下2个div ;分别填充label标签,也就是每根柱子的说明中间也是分成上下2部分,上边...原创 2019-08-18 00:06:21 · 881 阅读 · 0 评论 -
js字符串转日期
//字符串转日期 function stringToDate(dateStr,separator){ if(!dateStr){ return null; } if(!separator){ separator="-"; } var dateArr = dateStr.s...原创 2019-08-20 13:34:06 · 2465 阅读 · 0 评论 -
js 日期增加加天数计算
//日期加天数计算 date:时间戳, days:天数 默认1天function AddDate(date, days) { if (!days) { days = 1; } var date = new Date(date); date.setDate(date.getDate() + days); ret...原创 2019-08-20 13:30:28 · 4233 阅读 · 0 评论 -
js 判断浏览器类型 包含兼容模式判断
$(function() { alert(Browser.client.name+ " " +Browser.client.version + " " + Browser.client.type);});var Browser=Browser || (function(window){ var document = window.document, nav...转载 2019-04-30 14:34:04 · 3536 阅读 · 0 评论 -
js 数字转大写
//数字转大写function moneyToCapital(n) { if(n==0){ return "零"; } if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return ""; var unit = "千百拾亿千百拾万千百拾元角分", str = ""; n +=...原创 2019-05-05 20:33:24 · 2980 阅读 · 1 评论 -
chrome和ie 浏览器对checkbox选中状态获取
<input type="checkbox" onclick="checkAll(this)">function checkAll(obj){ //chrome obj.checked : true / false //ie obj.status : true / false }原创 2019-04-26 23:29:03 · 1694 阅读 · 0 评论 -
通过js获取DOM的childNodes,在IE和Chrome上的区别
区别是:IE是将一个完整标签作为一个节点。Chrome除了将完整标签作为节点之外,把一个标签的结束符“>”到下一个标签的起始符“<”之间的内容(除注释外,包括任何的文字、空格、回车、制表符)也算是一个节点。这样的话就会导致js获取childNodes在Chrome上会比IE上多。处理办法:删除这些没用的节点function delNode(parentNode){...原创 2019-04-17 10:32:55 · 785 阅读 · 0 评论 -
浏览器禁用回退事件
pushHistory(); window.addEventListener("popstate", function(e) { pushHistory(); }, false); function pushHistory() { var state = { title: "title", url: "#" }; window.histor转载 2018-03-30 08:53:08 · 377 阅读 · 0 评论 -
js 技术
1、单行评级五角星代码:var rate = 1;//rate的值取0~5 即可看到效果console.log("★★★★★☆☆☆☆☆".slice(5-rate,10-rate));2、输出sbconsole.log((!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]);//sb3、输出nbco翻译 2018-01-03 13:57:24 · 581 阅读 · 0 评论 -
使用jquery的validate提交表单 出现死循环
使用jquery的validate提交表单 出现死循环 在submitHandler方法里加上return false;即可解决。//校验表单$(function(){ $("#form-category-add").validate({ rules:{ }, messages : { } }, onkeyup:原创 2017-12-27 09:49:03 · 979 阅读 · 0 评论 -
js 删除数组指定下标或指定对象
/** *删除数组指定下标或指定对象 */Array.prototype.remove = function(obj) { for (var i = 0; i var temp = this[i]; if (!isNaN(obj)) { temp = i; } if (temp翻译 2017-12-01 10:22:24 · 4925 阅读 · 0 评论 -
将form表单的数据统一转成json串
将form表单的数据统一转成json串翻译 2017-11-15 10:38:59 · 418 阅读 · 0 评论 -
取得页面链接跳转的参数 返回JSON格式
//取得跳转的参数 返回JSON格式function getRequestArgs() { var url = location.search; //获取url中"?"符后的字串 var args = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1)原创 2017-03-09 13:41:36 · 712 阅读 · 0 评论 -
手机app页面Toast提示框
模仿android里面的Toast效果,小白一枚原创 2017-03-03 17:08:45 · 3509 阅读 · 3 评论 -
js脚本添加CSS样式引用
js脚本添加CSS样式引用原创 2017-02-14 14:30:46 · 1098 阅读 · 0 评论 -
js验证输入是否是特殊字符
/**验证输入框是否非法字符 是非法字符 则返回true**/ function checks(newName){ var regEn = /[`!@#$%^&*()_+<>?:"{},.\/;'[\]]/im, regCn = /[·!#¥(——):;“”‘、,|《。》?、【】[\]]/im; if(regEn.test(newName) || regCn.test(ne翻译 2018-03-30 08:55:31 · 9129 阅读 · 0 评论 -
onload js函数不执行的原因分析及解决方法
onload js函数不执行的原因分析及解决方法,点击下方链接https://blog.youkuaiyun.com/aboy123/article/details/45989833原创 2018-03-30 09:47:45 · 3402 阅读 · 0 评论 -
js 页面关闭前需要做的操作,如刷新父页面等
window.onbeforeunload = function (e) { e = e || window.event; var y = window.event.clientY; if (y <= 0//点击浏览器或者选项卡的关闭按钮 || y >= Math.max(document.body ? document.body.client...原创 2019-04-08 15:47:28 · 521 阅读 · 0 评论 -
使用iframe嵌套页面,在点击父页面的链接时,子页面动态变化
使用iframe嵌套页面,在点击父页面的链接时,(1)不会刷新;(2)可以刷新。原因不详(1)self.parent.frames["frameId"].document.location.href = url;(2)window.self.parent.document.getElementById("frameId").src = url; ...原创 2018-08-07 17:12:14 · 2939 阅读 · 0 评论 -
js 截取字符串后几位,字符串反转
function getStr(str){//截取后8位//return str.match(/.*(.{8})/)[1] ;//截取后2位return str.match(/.*(.{2})/)[1] ;}原创 2018-07-02 16:17:48 · 8272 阅读 · 0 评论 -
web系统设计缺陷漏洞:防止修改响应包,造成逻辑漏洞
背景: 使用SSM做的web系统,在进行渗透测试的时候暴露出漏洞:设计缺陷:修改响应包,扰乱系统正常逻辑设计缺陷/逻辑漏洞包括: 1 修改数值; 2 验证码爆破; 3 修改相应包; 4 修改密码; 5 服务端无有效性校验;整改方案:(此方案还是有缺陷) 1 首先保证所有功能在服务器端做有效性校验。例如,应该填写数字的地方不允许保存别的字符等。 ...原创 2018-08-02 15:43:19 · 3498 阅读 · 3 评论 -
RSA1024bit加减密算法
填充方式是:PKCS1_PADDING 字符集是:gb2312秘钥位数是: 1024bit秘钥格式是:PKCS#8页面使用公钥加密 加密算法是jsencrypt.min.js页面写法如下: var encrypt = new JSEncrypt(); encrypt.setPublicKey(publicKey);// publicKey表示从后...原创 2018-06-14 14:04:10 · 2966 阅读 · 1 评论 -
web项目异常关闭浏览器判断方法(刷新还是关闭)
var _beforeUnload_time = 0,_gap_time = 0;var is_fireFox = navigator.userAgent.indexOf("Firefox") > -1; //是否是火狐浏览器window.onunload = function() { _gap_time = new Date().getTime() - _beforeUnload_tim转载 2018-04-26 16:56:26 · 2263 阅读 · 0 评论 -
js自执行函数
1 用自执行函数来包装代码格式APP = function(){ var a,b; //变量a、b外部不可见 return { add : function(c){ a + b + c; }, format: function(){ //...... ...转载 2018-04-02 09:00:05 · 297 阅读 · 0 评论 -
判断一个对象是否是JSON对象
if(typeof(obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length){alert('是JSON对象');}原创 2018-03-30 09:58:32 · 12441 阅读 · 0 评论 -
java后台查询出来的日期用JS解析
java后台查询出来的日期用JS解析。类似于下面这种格式:{"date": 14,"day": 2,"hours": 13,"minutes": 12,"month": 1,"nanos": 0,"seconds": 41,"time": 1136451566000,"timezoneOffset": -480,"year": 117}原创 2017-02-14 11:26:12 · 1167 阅读 · 0 评论