敲键盘的猫

需求来源：之前有个提交审核表单的业务，表单中含有大量附件图片，大约有20多张吧，为了省事，采用的同步上传，一次需要上传很多照片，本来单张图片限制为200KB，这样子总图片大小约为5MB左右，想想也可以接收。业务上线后，得知用户大部分都是中老年人居多，手机拍照的图片很大，不会压缩。放开图片尺寸上传限制后，上传数据太大，体验很不好，就有了前台图片压缩的需求。业务实现要点：1、上传的图片使用ca

1、new Date(dateStr) ：把字符串转换为Date对象参数：①dateStr {string} ：可转换为Date对象的字符串(可省略时间)；字符串的格式主要有两种：1) yyyy/MM/dd HH:mm:ss （推荐）：若省略时间，返回的Date对象的时间为 00:00:00。2) yyyy-MM-dd HH:mm:ss ：若省略时间，返回的Date对象的时间为 0

typeoftypeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果：number,boolean,string,function,object,undefined。我们可以使用 typeof 来获取一个变量是否存在，如 if(typeof a!="undefined"){aler

转载地址：http://www.cnblogs.com/starof/p/4162354.html一、对象二、通过Object构造函数创建对象三、通过字面量创建对象四、工厂模式五、构造函数模式六、原型模式七、构造函数和原型混合模式八、动态原型模式九、寄生的构造函数模式十、稳妥的构造函数模式

// 取当前页面名称(不带后缀名) function pageName() { var a = location.href; var b = a.split("/"); var c = b.slice(b.length-1, b.length).toString(String).split("."); return c

在写js代码的时候，经常会因为这样或者那样的原因用到全局变量，如果全局变量只在一个js里使用，那就没问题，但如果变量在不同的js文件里出现，这时隐藏的问题就会开始暴露，也许你能很快修复出现的BUG，又或许全无头绪。         先看下边的js文件test1.jsvar a = 1, b = 2, c = a + b;//此时c的值为3html代码如下：a

JavaScriptoninput 事件在用户输入时触发。该事件在 或 元素的值发生改变时触发。提示： 该事件类似于onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发，onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 和 元素。浏览器支持所有主流浏览器都支持 overflow 属

转载地址：http://blog.sina.com.cn/s/blog_60e74b5d01017og5.html1、创建数组var array = new Array();var array = new Array(size);//指定数组的长度var array = new Array(item1,item2……itemN);//创建数组并赋值2、取值、赋值va

checkbox样式 tips尺寸自适应，占用空间小，垂直居中。正则表达式应用格式要求1：a,b,c,d,e正则表达式为：var reg = /^(?:[a-zA-Z],)*[a-zA-Z]$/;格式要求2：a,bc,d,e,f正则表达式为：var reg = /^(?:[a-zA-Z]+,)*[a-zA-Z]+$/;格式要求3：a,b,

转载地址：http://blog.csdn.net/yieryi_/article/details/52078596文本输入框input将输入转换为统一大小写，通常有两种方法：JS和CSS方法。1.JS方式1).JS方式，通过监控key事件来做到。key事件有三种： keydown event ,  keypress event,  keyup eventps：KeyDow

一、防sql注入办法在apache commons-lang(2.3以上版本)中为我们提供了一个方便做转义的工具类，主要是为了防止sql注入，xss注入攻击的功能。总共提供了以下几个方法：1.escapeSql 提供sql转移功能，防止sql注入攻击，例如典型的万能密码攻击' ' or 1=1 ' ' StringBuffer sql = new StringBuffe

转载地址：http://www.haorooms.com/post/js_escape_encodeURIComponent引子浏览器URl地址，上网一定会用到，但是浏览器地址有中文或者浏览器url参数操作的时候，经常会用到encodeURIComponent()和decodeURIComponent()以及encodeURI()等等。关于浏览器参数操作，请看文章http://

转载地址：http://blog.csdn.net/a1023824314/article/details/51989132背景：公司新系统需要实现一个注册功能，需要写一个正则表达式来检验一个密码是否含有小写字母、大写字母、数字、特殊符号的两种及以上答案：[java] view plain copy ^(?![A-Z]+$)(?![a

匹配模式指得是正则表达式引擎将以何种模式匹配字符串。模式名称启用，禁用缺省启用说明UNIX_LINES(?d)启用，(?-d)禁用是启用Unix行模式。在此模式下，只有 '\n'被认为是行结束符。它会影响.,^, 和 $ 的行为。CASE_INSENSITIVE(?i)启用，(?-i)禁用否启用忽略大小写模

相信做web前端或者使用JS的朋友都会遇到需要在新窗口打开页面的情况，现在浏览器大都具有弹出窗口拦截功能，所以传统的window.open()不再那么好用了。借鉴于网上查到的方法和我个人的实践，把弹出新窗口的方法给大伙都介绍一下。第一种、使用原生javascript的window.open()方法（大部分情况下会被浏览自阻止）第二种、模拟表单(form)提交，原理是指定表单的action为

首行缩进2个空格eslint: indentfunctionhello (name) { console.log('hi', name)}字符串使用单引号（除了避免转义）eslint: quotesconsole.log('hello there')$("")禁止出现未使用的变量eslint: no-unused-varsfuncti

/** * ********* 操作实例 ************** * var map = new HashMap(); * map.put("key1","Value1"); * map.put("key2","Value2"); * map.put("key3","Value3"); * map.put("key4","Value4"); * ma

/* filter()对数组中的每个元素都执行一次指定的函数（callback），并且创建一个新的数组，该数组元素是所有回调函数执行时返回值为 true 的原数组元素。它只对数组中的非空元素执行指定的函数，没有赋值或者已经删除的元素将被忽略，同时，新创建的数组也不会包含这些元素。回调函数可以有三个参数：当前元素，当前元素的索引和当前的数组对象。*/// 原始数据var ar

1、JQuery方法$.getScript("./test.js"); //加载js文件$.getScript("./test.js",function(){ //加载test.js,成功后，并执行回调函数 console.log("加载js文件");});2、JavaScript方法function loadScript(url, callback) { var

模块模式可以提供软件架构，为不断增长的代码提供组织形式。JavaScript没有提供package的语言表示，但我们可以通过模块模式来分解并组织代码块，这些黑盒的代码块内的功能可以根据不断变化的软件需求而不断的被添加，替代和删除。模块模式由几种我们已经介绍过的模式共同组成：命名空间模式即时函数模式私有成员与访问控制方法模式依赖声明模式模块模式的第一步是建立一个命名空间。首先我们用先

配置对象通常用在API库的实现中，当程序中需要编写要多次的模块，也可以采用这种模式。这种模式的好处是接口明确，扩展方便。比如，一个 addPerson在设计的最初需要两个参数作为初始化时人的姓名：function addPerson(first,last){...}随着程序的进一步扩展，这个函数需要的参数变多了：function addPerson(firs

1.即时函数的声明方法即时函数（Immediate Functions）是一种特殊的JavaScript语法，可以使函数在定义后立即执行：(function () {    alert('watch out!');}());下面分几部来理解这种写法：橙色部分是一个函数表达式；天蓝色的一对括号代表立即执行它，括号里是执行这个函数需要的参数（这个例子不需要参数）；再

1 含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [, , ]该运算符

cookie中每条cookie的存储空间为4k，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。localStorage的写入，localStorage的写入有三种方法: if(!window.localStorage){ alert("浏览器支持localstorage"); }el

用JavaScript一年多了，闭包总是让人二丈和尚摸不着头脑。陆陆续续接触了一些闭包的知识，也犯过几次因为不理解闭包导致的错误，一年多了资料也看了一些，但还是不是非常明白，最近偶然看了一下 jQuery基础教程 的附录，发现附录A对JavaScript的闭包的介绍简单易懂，于是借花献佛总结一下。1.简单的例子首先从一个经典错误谈起，页面上有若干个div， 我们想给它们绑定一个oncl

FileReader API链接地址：https://developer.mozilla.org/en-US/docs/Web/API/FileReader实例代码： File var result = document.getElementById("result"); var file = document.getElementBy

sort() 方法用于对数组的元素进行排序。语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。sort()对数组排序，不开辟新的内存，对原有数组元

说起js中的with关键字，很多小伙伴们的第一印象可能就是with关键字的作用在于改变作用域，然后最关键的一点是不推荐使用with关键字。听到不推荐with关键字后，我们很多人都会忽略掉with关键字，认为不要去管它用它就可以了。但是有时候，我们在看一些代码或者面试题的时候，其中会有with关键字的相关问题，很多坑是你没接触过的，所以还是有必要说说with这一个关键字。基本说明在js高级程

业务需求：选择短信模板，在可编辑的框内填写内容模板示例：您的验证码是：{xxxxxxxx}，请在{xx}分钟内填写。用户填写页面：思路：将{}外的文字存到一数组中，最后将input标签替{}，即可实现需求。代码如下：/** * 重构模版内容html * @author mr * @since 2017/3/31 * @param 模版内容：eg.你的订单{}暂时无法

\u2E80-\u2EFF：CJK部首补充；\u2F00-\u2FDF：康熙部首；\u3000-\u303F：CJK标点符号；\u31C0-\u31EF：CJK笔划；\u3200-\u32FF：CJK字母及月份；\u3300-\u33FF：CJK特殊符号（日期合并）\u3400-\u4DBF：CJK统一汉字扩展-A\u

在javascript中，可以为某个元素指定事件，指定的方式有以下三种：1、在html中，使用onclick属性2、在javascript中，使用onclick属性3、在javascipt中，使用addEvenListener()方法三种方法的比较（1）在第二、三种方法中，可以向函数传入一个event对象，并读取其相应属性，而方法一不可以。

鼠标事件属性描述DOMonclick当用户点击某个对象时调用的事件句柄。2oncontextmenu在用户点击鼠标右键打开上下文菜单时触发 ondblclick当用户双击某个对象时调用的事件句柄。2onmousedown鼠标按钮被按下。2onmouseenter当鼠标指针移动到元

// firefox 47.0.1 不兼容 window.onbeforeunload = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = '关闭提示';// e.ret

在向js函数中传入字符串参数时，需要使用如下格式：sampleFunction('agrs');而在使用js进行前台页面拼接的时候，不能直接拼接，需要使用单引号或者双引号的转义字符格式。代码如下：trs +='查看详情';JavaScript转义符转义序列字符\b退格\f走纸换页\n换行\r回车

event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子 下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消

/** * 优惠券有效期 * startDate:起始日期 * valueTime：有效天数 */ function transferCouponValueTime(startDate,valueTime){ var date = new Date(startDate); var newDate = new Date(date.getFullYear(),date.get

1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1 Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整 Math.floor(5/2) Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer方法 描述 FF N IEabs

作者：Junsan.Jin邮箱：junsanjin@gmail.comQQ：1305896503本文原始地址：http://www.rsky.com.cn/Article/java/201005/11748.html欢迎转载，请保留作者信息，谢谢。 最近项目使用Spring+Struts2+JPA(Hibernate)的框架进行开发，大量使用了Struts2的标签库

"center">"Start_Time" id="Start_Time" name="Start_Time1" displayFormat="yyyy/MM/dd" /> "center">"End_Time" name="End_Time" displayFormat="yyyy/MM/dd"/>"test" type="text" >"Javascript"> 

这里是几个主要非英文语系字符范围 2E80～33FFh：中日韩符号区。收容康熙字典部首、中日韩辅助部首、注音符号、日本假名、韩文音符，中日韩的符号、标点、带圈或带括符文数字、月份，以及日本的假名组合、单位、年号、月份、日期、时间等。3400～4DFFh：中日韩认同表意文字扩充A区，总计收容6,582个中日韩汉字。4E00～9FFFh：中日韩认同表意文字区，总计收容20,902个中日韩汉