js
ole_triangle_java
这个作者很懒,什么都没留下…
展开
-
vue 统一异常处理
import Vue from 'vue'import axios from 'axios'import router from '@/router'import qs from 'qs'import merge from 'lodash/merge'import { clearLoginInfo } from '@/utils'import { Message } from 'element-ui'const http = axios.create({ timeout: 1000 .原创 2020-09-05 13:12:03 · 1381 阅读 · 0 评论 -
JS判断元素是否在数组内
一、JQuery如果是用JQuery的话,可以用inArray()函数:jquery inarray()函数详解jquery.inarray(value,array)确定第一个参数在数组中的位置(如果没有找到则返回 -1 )。determine the index of the first parameter in the array (-1 if not foun转载 2018-03-19 10:31:27 · 276 阅读 · 0 评论 -
使用jQuery中trigger()方法自动触发事件
一、常用事件在页面加载完成时 自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点$("input").trigger("click").focus();还有一种简写方式:$("input").click();还有其它事件就不一一列出了。 二、自定义事件$("#btn").on("myClick",func转载 2018-03-05 19:38:19 · 13793 阅读 · 0 评论 -
JQuery - Sizzle选择器引擎原理分析
说明:14年学习的jquery源码,搬到这里供大家交流。原文地址:https://segmentfault.com/a/1190000003933990一、前言Sizzle原来是jQuery里面的选择器引擎,后来逐渐独立出来,成为一个独立的模块,可以自由地引入到其他类库中。我曾经将其作为YUI3里面的一个module,用起来畅通无阻,没有任何障碍。Sizzle发展到现在,以jQuery1.8为分水...转载 2018-02-26 08:47:39 · 234 阅读 · 0 评论 -
dragsort html拖拽排序 的应用
/** * * * 设置参数的说明: * drag:开始拖拽的回调 * beforeExchange: 当被拖拽元素, 和相邻的元素交换位置前的回调方法,如果回调方法返回 false 那么会阻止位置的交换, 回调的入参(exchangeItem(将要交换位置的元素)) * afterExchange: 当被拖拽元素, 和相邻的元素交换位置后的回调方法, 回调的入参(与拖拽元素交换位置的...原创 2018-02-11 11:56:23 · 1492 阅读 · 0 评论 -
jquery实现表格拖拽排序
1、引入:jQuery文件和jquery-ui.js<script src="@{'/public/javascripts/jquery-1.11.1.min.js'}" charset="UTF-8"></script><script src="@{'/public/javascripts/jquery-ui.min.js'}" charset="UTF-8&quo转载 2018-02-23 15:11:33 · 2653 阅读 · 1 评论 -
table鼠标移动拖动点击排序
鼠标移动点击顺序排序.tr-hover { background-color: #CCC; }.tr-selected { background-color: #666; } .tr-border { border: solid 1px #F00; } 序号 姓名 性别转载 2018-02-23 15:10:18 · 268 阅读 · 0 评论 -
深入学习JavaScript: apply call方法 详解(转)
我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一下几个问题:1. apply和call的区别在哪里2.转载 2018-02-23 09:21:43 · 121 阅读 · 0 评论 -
jquery--call()&apply()函数
1. 定义call方法 语法:call([thisObj[,arg1[,arg2[,[,..argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisOb...转载 2018-02-22 15:34:31 · 2009 阅读 · 0 评论 -
正则表达式之?、(?:pattern)、(?!pattern)、(?=pattern)理解及应用
今天朋友问我一个问题,是这样子的,通过正则表达式匹配html标签input包含hidden的字符串,具体如下:[java] view plain copy"<input type=\"hidden\" id=\"xxx\" name=\"xxx\" value=\"xxx\" /><input type=\"text\" id=\"xxx\&quo转载 2018-03-19 10:38:33 · 21263 阅读 · 5 评论 -
javascript常用方法函数收集
收集了一些比较常用的javascript函数。字符串长度截取js 代码:function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/, strre = ""; for (var i = 0; i < str.length; i++) { if...转载 2018-03-19 13:11:16 · 237 阅读 · 0 评论 -
怎么用css控制border成为三角形
布局div,并命名id="tri",用CSS来控制div,在style里面,使用border属性对div进行控制,#tri{width: 0px;height: 0px; border-top: 400px solid red; border-right: 400px solid blue; border-bottom: 400px solid green;...转载 2019-01-22 15:55:49 · 234 阅读 · 0 评论 -
全面理解Javascript闭包和闭包的几种写法及用途
一、什么是闭包和闭包的几种写法和用法1、什么是闭包闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包的特点: 1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。 2. 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。 简单的说,Javascript允许使用内部函数---即函数定...转载 2019-01-19 10:13:13 · 132 阅读 · 0 评论 -
防止html注入
1.防止html注入背景:提交订单时测试数据通常会有html标签,例如名称字段:<html>名称</html>,这样对于查询再显示出来会有问题,因此需要对html代码进行转义(1)后台转义String s = HtmlUtils.htmlEscape("<div>hello world</div><p> </p>");转载 2018-07-11 13:15:26 · 1280 阅读 · 0 评论 -
设置google浏览器不缓存JS
Google浏览器中,F12,控制台,选择右上的设置(settings)。最简单的步骤。F12,打开控制台。然后,F1 ,打开控制台 设置。找到 Network转载 2018-04-04 16:55:53 · 2489 阅读 · 0 评论 -
HTTP Status 400
出现HTTP Status 400大多是因为,jsp的form表单提交的字段类型和后台接收字段类型不匹配造成的(例如,form中为String,后台接收为Date)Java与Http协议引言 http(超文本传输协议)是一个基于请求与响应模式的、无状态的、应用层的协议,常基于TCP的连接方式。HTTP转载 2018-03-28 20:53:43 · 2932 阅读 · 0 评论 -
URLEncoder和URLDecoder中特殊字符的处理方案 URL传值问题
在Java中,我们会经常对一些中文字符进行URL编码,这样的就可以在数据传递中解决中文乱码的现象。 但是在对于一些特殊字符的URLEncoder编码后 在通过URLDecoder解码处理会出现丢失,乱码的现象。造成这样现象的原因主要是:URL编码没有对其进行转码。其解决的办法是:十六进制值 以下8个特殊字符URL编码没有对转载 2018-04-03 13:54:14 · 1795 阅读 · 0 评论 -
Jquery string 和 json相互转换的方法
第一种方式:使用js函数eval();testJson=eval(testJson);是错误的转换方式。正确的转换方式需要加(): testJson = eval("(" + testJson + ")");eval()的速度非常快,但是他可以编译以及执行任何javaScript程序,所以会存在安全问题。在使用eval()。来源必须是值得信赖的。需要使用更安全的json解析器。在服务器不严格的编码...转载 2018-03-21 13:26:36 · 1667 阅读 · 0 评论 -
Ajax Session失效跳转登录页面的方法
在Struts应用中,我们发出的请求都会经过 相应的拦截器进行相关处理,一般都会有一个用户登录拦截(Session失效拦截);一般请求的话,如果Session失效时,我们会跳到登录页面,可是如果我们采用AJAX请求时,将会返回登录页面的HTML代码,这肯定不是我们想要的,那么我们如何解决呢?请看以下步骤:一、建立拦截器?123456789101112131415161718192021222324...转载 2018-03-19 13:16:18 · 549 阅读 · 0 评论 -
e.target与e.currentTarget的作用
要说清楚这个东西,还不太好阐述呢,所以,先看看下面的代码:[html] view plain copy> html> head lang="en"> meta charset="UTF-8"> title>title> style type="text/css" rel="styl转载 2018-02-22 13:49:57 · 232 阅读 · 0 评论 -
Map的5种遍历方法
//循环遍历map的方法 public class MapF { public static void main(String[] args) { Map tempMap = new HashMap(); tempMap.put("a","12"); tempMap.put("b","34"); tempMap.put("c","56"); //转载 2018-03-01 15:07:47 · 176 阅读 · 0 评论 -
JavaScript中的call、apply、bind深入理解
一、函数的三种角色首先要先了解在函数本身会有一些自己的属性,比如:length:形参的个数;name:函数名;prototype:类的原型,在原型上定义的方法都是当前这个类的实例的公有方法;__proto__:把函数当做一个普通对象,指向Function这个类的原型函数在整个JavaScript中是最复杂也是最重要的知识,对于一个函数来说,会存在多种角色:function转载 2018-02-22 10:06:57 · 248 阅读 · 0 评论 -
javascript中replace使用方法总结
这篇文章主要为大家详细介绍了javascript中replace的使用方法,使用replace和正则表达式共同实现字符串trim方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下ECMAScript提供了replace()方法。这个方法接收两个参数,第一个参数可以是一个RegExp对象或者一个字符串,第二个参数可以是一个字符串或者一个函数。现在我们来详细讲解可能出现的几种情况。1. 两个参数都转载 2018-01-18 10:56:24 · 308 阅读 · 0 评论 -
HTML控制文本框只能输入数字和小数点,并且只能保留小数点后两位 金额转换,阿拉伯数字的金额转换成 面试题
1.给文本框添加一个onkeyup='clearNoNum(this)'点击事件2.建立clearNoNum方法[javascript] view plain copyfunction clearNoNum(obj) { obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符 obj.value =转载 2018-01-17 13:14:53 · 2878 阅读 · 0 评论 -
浅谈JavaScript中按键事件的e.keyCode || e.which || e.charCode
1、浏览器的按键事件浏览器有3种按键事件——keydown,keypress和keyup,分别对应onkeydown、onkeypress和onkeyup3个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown-->keypress-->keyup。[html] view plain copyinput type转载 2018-01-17 16:06:44 · 967 阅读 · 0 评论 -
html javaScript 只能输入数字
/**获取组件选中的内容 */function getSelectText(obj) { if (window.getSelection) { if (obj.selectionStart != undefined && obj.selectionEnd != undefined) { return obj.value.substring(obj原创 2018-01-17 16:05:23 · 220 阅读 · 0 评论 -
使用中文输入法时对键盘事件的处理
最近很久没有更新博客了,不是没有东西写,而是没有时间写。公司项目上事情比较多,又在工会谋了份差事;家里房子装修,尽管有老爸盯着,但很多时候还是要自己跑来跑去。所以有时候有了写博客的想法,却老是坐不下来细细写。这些就算为自己这段时间的荒废找个小小的借口吧。其实最主要的问题还是在于自己对博客的定位。之前一直想每篇博客都尽量找到一些比较好的主题,写的比较详细,这样看起来比较专业。但是这样要求的话转载 2018-01-17 13:22:48 · 3479 阅读 · 1 评论 -
JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
第一: 限制只能是整数?1<input type = "text"name= "number"id = 'number'onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" />转载 2018-01-17 13:17:16 · 4206 阅读 · 0 评论 -
jQuery简单实现遍历的方法
// each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ]; $.each(arr1, function(i,val){ alert(i); alert(val); }); // 处理json数据,例如ajax的返回值 var obj = { one:1, two:2, thr转载 2018-02-02 13:39:32 · 183 阅读 · 0 评论 -
jquery中把字符串转换为数字
其实在jquery里把字符串转换为数字,用的还是js,因为jquery本身就是用js封装编写的。比如我们在用jquery里的ajax来更新文章的阅读次数或人气的时候,就需要用到字符串转换为数字的功能了,先来看看JS里把字符串转换为数字的函数命令:1:parseInt(string) : 这个函数的功能是从string的开头开始解析,返回一个整数,说起来比较笼统,下面来看几个转载 2018-02-02 13:42:31 · 794 阅读 · 0 评论 -
jquery 对 Json 的各种遍历
原文链接:http://caibaojian.com/jquery-each-json.html概述JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。转载 2018-02-02 13:44:54 · 135 阅读 · 0 评论 -
Ajax全局加载框(Loading效果)的配置
在Ajax进行后台数据请求的过程中,我们有时候会希望用户能知道页面后台还在做一些事情,这时候就需要给用户一个非常明确的提示,也就是我们所谓的进度条废话完成~实现原理:Jquery可以对ajax进行全局的设置,实现类似于C#中面向切面的效果,即对在Ajax提交之前和提交完成之后,我们均可以对其进行一系列的操作,所以我们可以在ajax开始的时候,把Loading框显示出来,在a转载 2018-02-28 17:04:44 · 530 阅读 · 0 评论 -
九个 Console 命令,让 js 调试更简单
一、显示信息的命令 1: 2: 3: 4: 常用console命令 5: 6: 7: 8: 9: console.log('hello'); 10: console.info('信息'); 11: console.error('错误'); 12:转载 2018-02-28 10:52:29 · 130 阅读 · 0 评论 -
jQuery的$.fn使用
jquery中文网为您提供jQuery的$.fn使用等资源,欢迎您收藏本站,我们将为您提供最新的jQuery的$.fn使用资源$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。如扩展$.fn.abc()那么你可以这样子:$(“#div”).abc();通常使用extend方法扩展,详细请看API.$.fx是指jquery的特效。如果使用显示、滑动、淡入淡出...转载 2018-02-13 15:49:12 · 202 阅读 · 0 评论 -
jQuery中$.fn的用法示例介绍
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了.转载 2018-02-13 15:47:35 · 168 阅读 · 0 评论 -
jQuery 自定义选择器 于大等于和小于等于
jQuery.expr[":"].le = function(elem,i,match){ return elem.rowIndex < match[3] - 0 || elem.rowIndex == match[3] - 0;};jQuery.expr[":"].ge = function(elem,i,match){ return elem.rowIndex > matc...原创 2018-02-26 15:29:03 · 3341 阅读 · 0 评论 -
将Select转变为支持输入内容对Select的Option进行筛选的js
/** * 将Select转变为支持输入内容对Select的Option进行筛选的js * var $select = $("select["+TriangleDefinition.HTML_DEF_ATTR_KEY_FILTER_SELECT+"]").filterSelect(); $(selectDOMRouteProcess).filterSelectReloadOption()...原创 2018-02-11 11:57:44 · 401 阅读 · 0 评论 -
layer的一种用法,页面多选时用地址传递值过多时,用弹出层画一个form表单,然后通过提交表单传值
/*** * 导出外发加工单调用的方法 */function exportFunc(exportType){ var purchaseOrderIds = ""; $('input:checkbox[id^=primaryId]:checked').each(function() { var purchaseOrderId = $(this).val(); purchase原创 2018-01-29 14:00:31 · 523 阅读 · 0 评论 -
layer的一种用法,自己画出弹出框样式
/**导出报表类型选择 弹出框 */ function selectExportType(){ var template = ''; template += ' '; template += ' '; template += ''; template += ''; template += ' '; template += ' '; tem原创 2018-01-29 13:46:52 · 404 阅读 · 0 评论 -
Jquery的html方法里包含特殊字符的处理,类似双引号之类的
在使用jquery的html()方法时,有时候里面添加的html代码含有一些特殊字符,需要进行转义。如下例子:[html] view plain copypre name="code" class="javascript">inst_html = "; inst_html += "javascript:showme('"+i转载 2018-01-22 15:50:53 · 489 阅读 · 0 评论