Javascript
@朱较瘦
只要还有明天,今天就永远是起跑线~~
展开
-
Javascript闭包(Closure)
阮一峰的网络日志 » 首页 » 档案上一篇:Web service下一篇:纪录片《Code Ru分类: JavaScript学习Javascript闭包(Closure)作者: 阮一峰日期: 2009年8月30日转载 2016-03-30 18:07:38 · 378 阅读 · 0 评论 -
javascript this关键字指向
this指代的情况this有以下4种情况:1、对象.函数的形式调用:object.function();2、普通函数的形式调用:function();3、构造器调用;4、Function.prototype.call或Function.prototype.apply调用;1、“对象.函数”的形式调用函数“对象.函数”方式调用时,函数中的this指代该对象。var原创 2017-05-23 15:23:29 · 319 阅读 · 0 评论 -
JavaScript 扩展方法
JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对某个类的扩展写法来实现。这个东西非常好用,如果将预先写好的方法放到一个js里面引用的话,那么后面写js将非常有趣。// 清除两边的空格 String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ''); }; /原创 2017-05-23 15:53:57 · 2518 阅读 · 0 评论 -
Js模板引擎 TrimPath
当页面中引用template.js文件之后,脚本将创建一个TrimPath对象供你使用。parseDOMTemplate(elementId,optionalDocument) //获得模板字符串代码得到页面中Id为elementId的DOM组件的InnerHTML,将其解析成一个模板,这个返回一个templateObject对象,解析出错时将抛出一个异常。 optionalDocum转载 2017-05-23 16:13:34 · 393 阅读 · 0 评论 -
javascript 位置,尺寸,溢出
一、offsetWidth:元素的宽度,包括边框,内容,内边距。二、offsetHeight:元素的高度,包括边框,内容,内边距。三、offsetLeft:元素的X坐标(相对于最近已定位的祖先元素,如果没有则是窗口)。四、offsetTop:元素的Y坐标(相对于最近已定位的祖先元素,如果没有则是窗口)。五、clientWidth:元素的宽度,不包括边框,只包括内容和内边距。六、转载 2017-05-24 14:50:51 · 322 阅读 · 0 评论 -
JS中的==与===
1.对于string number等基本类型,==和===是有区别的:1)不同类型进行比较,==比较的是转化成同一类型后的值,如果值相等就返回true,===比较的是类型和值,如果类型不同,则即使值相同也返回false2)同类型进行比较,则直接进行值的比较,两者都返回true2.对于Array,Object等高级类型,==和===没有区别,都是进行“指针地址”比较3.基本类型和高级原创 2017-05-25 11:25:10 · 263 阅读 · 0 评论 -
JavaScript RegExp.$1...$9 属性详解
RegExp.$1...$9 属性用于返回正则表达式模式中某个子表达式匹配的文本。类似于C#中Match方法的group。正则表达式中每个小括号内的部分表达式就是一个子表达式。该属性是RegExp全局对象的一个只读属性,所有主流浏览器均支持该属性。语法RegExp.$nn的值介于 [1, 9] 之间,表示第n个子表达式所匹配的文本内容。例如,RegExp.$1表示第一个子表达式原创 2017-05-25 11:40:07 · 2007 阅读 · 0 评论 -
javascript 正则表达式相关方法
1.Regex类Regex实例的五个属性1.global:是否全局搜索,默认是false2.ignoreCase:是否大小写敏感,默认是false3.multiline:多行搜索,默认值是false4.lastIndex:是当前表达式模式首次匹配内容中最后一个字符的下一个位置,每次正则表达式成功匹配时,lastIndex属性值都会随之改变。5.source:正则表达原创 2017-05-25 14:50:15 · 226 阅读 · 0 评论 -
javascript正则表达式基本语法
定义JavaScript种正则表达式有两种定义方式,定义一个匹配类似 的字符串1. 构造函数var reg=new RegExp(']+%>','g');2. 字面量var reg=/]%>/g;g: global,全文搜索,默认搜索到第一个结果接停止i: ingore case,忽略大小写,默认大小写敏感m: multiple lines,多行搜转载 2017-05-25 15:09:36 · 305 阅读 · 0 评论 -
javascript实现继承的几种方式
ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的。原型链 原型链的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。 每一个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的指针。如果:我们让原型对象A等于另一个类型B的实例,那么原型对象A就会有一个指针指向B的原型对象,相应的B的原型对象中转载 2017-05-25 15:39:18 · 489 阅读 · 0 评论 -
vue.js教程
http://pan.baidu.com/share/link?shareid=3687504621&uk=3523552861转载 2017-08-03 15:37:31 · 750 阅读 · 0 评论 -
JS中创建对象的方法总结
1.简单对象字面量方式(适合只创建一个对象的情况) var person = {};//首先创建一个空对象 //为对象加入属性和方法 person.name = "zhangsan"; person.sayName = function () { alert(this.name); };非常简单,但一般情况下不推荐这种方法。JS goo原创 2017-05-24 17:39:05 · 446 阅读 · 0 评论 -
Javascript全局变量的三种声明方式
声明方式一:使用var(关键字)+变量名(标识符)的方式在function外部声明,即为全局变量,否则在function声明的是局部变量。该方式即为显式声明详细如下: var test = 5;//全局变量 var students=students||{};//全局对象 function a(){ var a = 3;//局部变量 alert(a);原创 2017-08-24 16:37:52 · 618 阅读 · 0 评论 -
javascript命名空间的创建方式
一、不用命名空间时的情况:var sayHello = function() { return 'Hello var';};function sayHello(name) { return 'Hello function';};sayHello();最终的输出为:"Hello var"为什么会这样,根据 StackOverFlow 的解释,实际上JavaScri原创 2017-08-24 17:44:43 · 327 阅读 · 0 评论 -
javascript事件处理机制---事件监听、捕获和冒泡
一、事件监听在前端开发中,我们经常需要对某些事件进行监听。这样只要在指定的元素上触发了该事件,就会执行一个回调函数来进行相关的操作。而JavaScript中事件监听的方法总共有三种,分别如下:element.addEventListener(type, listener[, useCapture]); //IE6~8不支持element.attachEvent('on' + ty原创 2017-08-25 17:01:39 · 1658 阅读 · 0 评论 -
javascript event.target 和 event.currentTarget
1、target发生在事件流的目标阶段,而currentTarget发生在事件流的整个阶段(捕获、目标和冒泡阶段)2、只有当目标流处于目标阶段的时候才相同3、而当事件流处于捕获和冒泡阶段时,target指向被点击的对象,而currentTarget指向当前事件活动的对象,通常是事件的祖元素。用最简单的语言总结:target: 代表当前目标对象(事件作用的对象)currentTa原创 2017-08-31 16:17:11 · 1510 阅读 · 0 评论 -
javascript闭包
首先说3点与闭包有关系的东西。一、变量的作用域变量的作用域不难理解。1.函数内部可以访问函数外部的变量,而函数外部不能访问函数内部的变量。2.如果在函数内定义变量的时候,不加var,那么是全局变量(当然函数要被调用过一次,未调用过则报错:变量未定义)。加var,就是局部变量。一个示例说明上面两点。123456789转载 2017-05-23 15:31:55 · 155 阅读 · 0 评论 -
打造自己的Javascript工具类库
基本扩展、工具包// ------------------------ 基本扩展, 字符串,数组等---------------------------------//function extend_base (){ if(!String.prototype.format ){ String.prototype.format = function() {转载 2017-12-15 22:31:17 · 1859 阅读 · 0 评论 -
javascript 中的call 和apply
Javascript的每个Function对象中有一个apply方法:function.apply([thisObj[,argArray]])还有一个类似功能的call方法:function.call([thisObj[,arg1[, arg2[, [,.argN]]]]])各自的定义:apply:应用某一对象的一个方法,用另一个对象替换当前对象。call:调用一个对象的一个方原创 2017-05-23 15:10:33 · 201 阅读 · 0 评论 -
Iframe 异步上传demo
function UploadThumbnail(obj, opts) { var $tdParent = $(obj).parent(); var $parent = $(obj); $parent.wrap('') var $form = $parent.parent();原创 2017-02-09 17:13:40 · 380 阅读 · 0 评论 -
Javascript 将json字符串解析成js 对象的四种方法
1.eval()方法:该方法存在性能和安全方面的问题,不建议使用。function toJson(str){ var json = eval('(' + str + ')'); return json;}2.new Function方法function toJson(str){ var json = (new Function("return " + str))(); r原创 2016-04-27 22:13:45 · 883 阅读 · 0 评论 -
获取浏览器名称和版本号
function GetBrowserInfo() { var agency = navigator.userAgent; var temp; var match = agency.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) ||原创 2016-04-29 21:46:25 · 1410 阅读 · 0 评论 -
Jquery table
http://www.cnblogs.com/nier/archive/2012/03/18/2404836.html转载 2016-05-13 16:07:51 · 255 阅读 · 0 评论 -
Html编码和Uri编码
1.HtmlEncode和 HtmlDecode:Server.HtmlEncode(s):对指定的字符串应用 HTML 编码(将s中的特殊字符编码(转义)后输出);Server.HtmlDecode(s):将编码后的字符串解码成原来的字符串输出。原创 2016-06-06 15:41:12 · 1053 阅读 · 0 评论 -
Javascript面向对象编程
1.模块: var someSharedValue = 10; var myFunction = function(){ //do something } var anotherImportantFunction = function() { //do more stuff } 事实上这段代码有很多毛病,不过我们会专注在讨论全局命名空间的污染问题上。这样原创 2016-07-12 14:47:33 · 257 阅读 · 0 评论 -
Js addEventListener 和 attachEvent
addEventListener 和 attachEvent 可以为某个元素的某个事件多次添加操作。IE8 及以下不支持addEventListener ,使用attachEvent代替。 $(document).ready(function () { var x = $("#btn_test")[0]; if(x.addEventListener)原创 2016-07-12 15:27:17 · 456 阅读 · 0 评论 -
Js 中的preventDefault 和 stopPropagation 方法
1.preventDefault ()用来阻止元素默认行为的发生而发生其他行为,如百度,这是html中最基础的东西,起的作用就是点击百度链接到http://www.baidu.com,这是属于标签的默认行为,如果在点击时候调用preventDefault()方法执行其他行为,则不会跳到百度页面: function stopDefa原创 2016-07-12 16:05:52 · 554 阅读 · 0 评论 -
Js bind\live\delegate\on 事件绑定方式
1.bind()直接绑定在元素上$("a").bind("click",function(){alert("ok");});2.live():$("a").live("click",function(){alert("ok");});通过冒泡的方式来绑定到元素上的,支持动态数据,即通过live绑定的事件对后来通过js动态新增的元素也有效。3.delegate()de原创 2016-07-12 16:57:16 · 1540 阅读 · 0 评论 -
Javascript正则表达式
一、JavaScript正则表达式对象RegExp正则表达式是描述字符模式的对象,用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。1.语法:var patt=new RegExp(pattern,modifiers);或简单写法:var patt=/pattern/modifiers; Pattern(模式)描述了表达式的模式,modifiers(修饰符)用于原创 2016-05-16 14:36:21 · 904 阅读 · 0 评论 -
bootstrap 使用jquery validation 插件 表单验证
http://blog.csdn.net/zoutongyuan/article/details/28094565转载 2016-07-17 10:44:31 · 479 阅读 · 0 评论 -
file表单自动打开默认路径的文件
function onload_12() { //alert(123); $("#file_input").focus(); var WshShell = new ActiveXObject("WScript.Shell"); WshShell.SendKeys("{Tab}");原创 2016-07-27 23:04:38 · 2994 阅读 · 0 评论 -
JS 给类型扩展方法
if (!String.prototype.supplant) { String.prototype.supplant = function (o) { return this.replace(/{([^{}]*)}/g, function (a, b) { var r = o[b];原创 2016-09-10 14:14:56 · 2047 阅读 · 0 评论 -
JS 获取当前Timestamp
function getTimstamp(){ return $.now(); }原创 2016-09-07 16:17:48 · 2429 阅读 · 0 评论 -
JS获取当前请求的Url和参数
var url=window.location.href;//当前请求的urlvar para=window.location.search;//当前请求的url的参数部分//根据参数部分和参数名来获取参数值function GetQueryString(paraPart,name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&原创 2016-10-26 17:53:34 · 12080 阅读 · 1 评论 -
JS日期加减
//增加几天function DateAdd(day, date) { var current = new Date(date); var d = current.getTime() + 1000 * 60 * 60 * 24 * day return new Date(d);}//减去几天function DateMinus(day, date) { v原创 2016-10-26 17:57:48 · 675 阅读 · 0 评论 -
Json 时间格式化
function jsonDateFormat(jsonDate) {//json日期格式转换为正常格式 try {//出自http://www.cnblogs.com/ahjesus 尊重作者辛苦劳动成果,转载请注明出处,谢谢! var date = new Date(parseInt(jsonDate.replace("/Date(", "").replace(")/"原创 2016-10-27 11:45:32 · 1098 阅读 · 0 评论 -
Javascript原生插件开发
js原生插件开发基本雏形:function(window,document){ var MaskShare = function(){ }; MaskShare.prototype = {}; window.MaskShare = MaskShare;}(window,document));举例:点击某个元素,弹出一个遮罩层,点击遮罩层将遮罩层转载 2017-12-15 22:10:14 · 1705 阅读 · 0 评论