javascript
文章平均质量分 61
linbooooo1987
5年上市公司前端开发经验,java后台系统开发,
熟练运用photoshop 图像处理软件、Axure原型设计工具。
掌握HTML / CSS,对Web标准有良好认识,确保各浏览器兼容性。
精通JavaScript脚本语言,熟练使用jQuery / ExtJS / Mootools / Node.js。
掌握Ajax原理,HTTP协议,可对脚本执行性能调优。
掌握JavaEE体系结构(JSP,Servlet),理解常见架构S2SH 等
认真,代码风格严谨工整。有责任心,能承担一定的压力。
展开
-
Ajax的Get和Post的请求用法
1、创建一个xmlHttpRequest对象function createXmlHttpReq() { var xmlHttpReq = null; if (window.ActiveXObject) { //IE5 IE6是以ActiveXObject的方式引入XMLHttpRequest的 xmlHttpReq = new Act原创 2012-02-05 19:22:42 · 1000 阅读 · 0 评论 -
原生js获取鼠标X、Y轴坐标
function mousePosition(evt){ evt = evt || window.event; //Mozilla if(evt.pageX || evt.pageY){ return { x : evt.pageX,y : evt.pageY} } //IE return { x : evt.clientX + document.body.scrollLef原创 2012-06-15 16:40:31 · 8702 阅读 · 2 评论 -
javascript 正则表达式数量词,字符串方法(match,search,replace,split),贪婪模式,惰性模式总结
1、正则表达式数量词 var str = "Google"; var pattern = /Google/; alert(pattern.test(str)) var str = "Go#gle"; var pattern = /Go.gle/; //.匹配除换行符和\n和回车符之外的任何单个字符 alert(pattern.test(str)) var s原创 2012-11-05 17:13:40 · 1720 阅读 · 0 评论 -
javascript 单例/单体模式(Singleton)
首先,单例模式是对象的创建模式之一,此外还包括工厂模式。单例模式的三个特点:1,该类只有一个实例2,该类自行创建该实例(在该类内部创建自身的实例对象)3,向整个系统公开这个实例接口Java中大概是这个样子public class Singleton{ private Singleton(){} private static Singleton instance = nu转载 2012-11-28 18:01:46 · 844 阅读 · 0 评论 -
jquery+json省市二级联动下拉
1.html代码: 请选择省份 请选择城市 2.定义的json数组:[{ "name" :"山东省", "id" : "001", "items" : [{ "parentNode" : "山东省", "name" : "济南市", "id" : "00101" }, {原创 2012-02-05 19:15:32 · 13084 阅读 · 0 评论 -
安装node.js+express for win7的Web开发环境配置
1.安装 node.js。进入官网的下载地址:http://www.nodejs.org/download/ 。选择Windows Installer或者选择Windows Installer (.msi) 32-bit,下载安装包。下载完成后,双击安装。2.安装 Express。通过nmp包管理器进行安装,安装分为:全局安装:自动安装到“C:\Users\[当前用户]原创 2013-09-05 17:43:15 · 4889 阅读 · 0 评论 -
javascript方法的链式调用
function $(){ var elements = []; for(var i = 0,len = arguments.length; i < len; i++){ var element = arguments[i]; if(typeof element === 'string'){ element = document.getElementById(element);原创 2013-09-04 15:13:59 · 717 阅读 · 0 评论 -
Javascript访问静态变量
function add(i){ return i+add.invokeTimes++; } add.invokeTimes = 0; //定义静态变量 //通过函数名直接访问 count(0); alert(add.invokeTimes); // 3 //通过对象实例访问 var o1 = add(1); //var o2 = new add(sdfgs);原创 2013-09-28 14:28:12 · 1904 阅读 · 0 评论 -
javascript利用闭包this实现继承
(function(t){ t.i = 10; t.Hammer = function(){ alert("Constuctor") }; })(this),function(t,e){ Hammer.init = function(){ Hammer(); alert("override"); }; Hammer.init(); }();大致的代码原创 2013-10-22 18:05:00 · 1224 阅读 · 2 评论 -
基于Jquery+Ajax+Json实现分页显示
1.后台action产生json数据。List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, endDate);int totalRows = blackList.size();StringBuffer sb = new StringBuffer(); sb.app原创 2012-04-06 10:12:05 · 42854 阅读 · 8 评论 -
javascript工具函数汇总2013
function int(str){ return parseInt(str, 10);}/* * 判断目标参数是否Array对象 */function isArray(source){ return '[object Array]' == Object.prototype.toString.call(source);}/* * 解析目标URL中的参数成json对象原创 2013-11-16 20:29:50 · 849 阅读 · 0 评论 -
JavaScript,IE与非IE之间的差别(未完待续)
JavaScript,IE与非IE兼容性研究原创 2013-11-18 16:02:29 · 1050 阅读 · 0 评论 -
jquery计算出left和top,让一个div水平垂直居中
if($("#center").css("position")!="fixed"){ $("#center").css("position","absolute"); var dw = $(window).width(); var ow = $("#center").outerWidth(); var dh = $(window).height();原创 2013-12-21 12:10:53 · 9929 阅读 · 1 评论 -
javascript 基础总结1
1.Array 对象unshift方法的使用,向数组的开头添加一个或多个元素。var arr = new Array()arr[0] = "M"arr[1] = "A"arr[2] = "S"document.write(arr.unshift("W") + "") //打印 W,M,A,Sdocument.write(arr) // 打印42. 正则 \b原创 2012-09-23 23:20:23 · 563 阅读 · 0 评论 -
prototype用法总结
function classA(a,b,c){ if(a)this.a = a; if(b)this.b = b; if(c)this.c = c; this.reset = function(){ for(var each in this){ delete this[each]; } }}classA.prototype.a = 10;classA.prototyp原创 2012-09-24 19:24:35 · 490 阅读 · 0 评论 -
关于JavaScript中apply与call的用法意义及区别
1. call方法,调用一个对象的一个方法,以另一个对象替换当前对象。var name = "Window";function planA(){ this.name = "I'm A";};function planB(){ this.name = document.getElementById("username").value;};function execute原创 2012-09-27 17:18:05 · 1112 阅读 · 0 评论 -
使用Date.parse()方法,判断两个日期的前后
function compareDate(){ var startDate = document.getElementById("startdate").value; var endDate = document.getElementById("enddate").value; var arr1 = startDate.spl原创 2012-02-05 19:34:26 · 3733 阅读 · 0 评论 -
jquery解析json异步功能树
1.html代码: 2.定义的json格式:json对象一般用双引号,并且文件编码方式为utf-8[{"id":"01","name":"中国","items":[{"id":"0101","name":"北京市","items":[{"id":"0101","name":"东城区"}]}]},{"id":"02","name原创 2012-02-05 19:02:22 · 3322 阅读 · 1 评论 -
ExtJS4中GridPanel组件简单例子
Ext.onReady(function(){ var data = [ ['张三','中国银行',27], ['李四','工商银行',29], ['王五','北京银行',30] ]; var mystore = new Ext.data.ArrayStore({ fields : [ { name : 'name'}, { name : 'company'},原创 2012-02-24 16:22:05 · 2934 阅读 · 0 评论 -
原生javascript在textarea光标处插入表情字符
/** * 在光标的位置插入图片 * @param {Object} myField textarea的Id * @param {Object} myValue 插入的字符 */function AddOnPos(myField, myValue) { //IE support if (document.selection)原创 2012-03-08 14:05:38 · 2564 阅读 · 2 评论 -
对javascript正则表达式的总结
1、javascript 正则对象创建和用法 var pattern = new RegExp("cat"); var pattern = /cat/;2、常用的 test exec match search replace split 6个方法1) test 检查指定的字符串是否存在,返回 true || false var data = "原创 2012-02-05 19:17:08 · 710 阅读 · 0 评论 -
chrome developer tool 调试技巧
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-ex转载 2012-06-09 12:26:21 · 785 阅读 · 0 评论 -
javascript 闭包理解
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } f1(); // 999另一方面,在函数外部自然原创 2012-06-11 20:28:01 · 545 阅读 · 0 评论 -
jquery textlimit.js显示TEXTAREA中剩余字符(不支持光标位置改变时触发事件)
/* * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass '-1' as speed if you don't want the char-deletion effect. (don't just put 0) * Examp原创 2012-06-13 10:30:50 · 2144 阅读 · 0 评论 -
javascript面向对象、私有作用域、闭包浅谈
1.理解嵌套函数、作用域和闭包a.外部函数读取内部变量function f1(){ var age = 25; var getAge = function(){ return ++age; } return getAge;}var result = f1();alert(result());alert(result());函数getAge嵌套在函数f1的内原创 2012-07-03 17:02:01 · 1364 阅读 · 1 评论 -
Struts2与ExtJs Grid结合使用json格式数据
1.引入struts2核心jar包,与jsonplugin-0.32.jar2.配置struts.xml文件 /json_grid.jsp 配置struts.i18n.encoding常量,不再使用GBK编码,而是UTF-8编码,这是回为AJAX的POST请求都是以UTF-8的方式进行编码的。原创 2012-03-19 13:46:01 · 5783 阅读 · 1 评论 -
再谈javascript图片预加载技术
比onload更快获取图片尺寸lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子:var imgLoad = function (url, callback)转载 2012-08-19 13:42:35 · 789 阅读 · 0 评论 -
jquery高级方法描述与应用
jquery,addBack()、animate()、clone()方法,callbacks对象,Deferred对象常用方法介绍原创 2014-01-08 17:15:29 · 2323 阅读 · 0 评论