Javascript URI 解析介绍

2017年02月06日 12 阅读

解析URI是一个有意思的东西，之前没有意识到，原来这东西也可以这么复杂。URI在维基百科中对于URI的解释是这样子的:复制代码 代码如下:在计算机术语中，统一资源标识符（Uniform Resource Identifier，或URI）是一个用于标识某一互联网资源名称的字符串。 该种标识允许用户对网络中（一般指万维网）的资源通过特定的协议进行交互操作。URI由包括确定语法和相关协议的方案所定义。引自网络上对于URI组成的解释，而这些可以在稍后对于URI的解...

Javascript中this关键字的一些小知识

2017年02月06日 12 阅读

Javascript应该是现在最流行的跨平台语言之一，一直在玩前端的一些有意思的东西，发现竟然没有掌握好这门语言。有点舍本逐末，于是想趁着现在这有空的时候好好补充一点遗漏的东西。this的隐性绑定一开始这是我很迷惑的东西，刚开始看到的时候，不理解。而后，在相似的情况下，又能用类似的方法解决同样的问题。便试着理清这其中的知识，方便于查找。这是一个Javascript语言上设计的错误，但是似乎这个错误是不可避免的，函数是对象，数组是对象等等。引用《Javasc...

Javascript中的高阶函数介绍

2017年02月06日 12 阅读

这是一个有趣的东西，这或许也在说明Javascript对象的强大。我们要做的就是在上一篇说到的那样，输出一个Hello,World，而输入的东西是print（"Hello"）（"World"），而这就是所谓的高阶函数。高阶函数高阶看上去就像是一种先进的编程技术的一个深奥术语，一开始我看到的时候我也这样认为的。Javascript的高阶函数然而，高阶函数只是将函数作为参数或返回值的函数。以上面的Hello,World作为一个简单的例子。复制代码 代码如下:v...

Javascript中的call（）方法介绍

2017年02月06日 12 阅读

在Mozilla的官网中对于call（）的介绍是:复制代码 代码如下:call（） 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法.Call（） 语法复制代码 代码如下:fun.call（thisArg[, arg1[, arg2[, ...]]]）Call（） 参数thisArg复制代码 代码如下:在fun函数运行时指定的this值。需要注意的是，指定的this值并不一定是该函数执行时真正的this值，如果这个函数处于非严格...

Javascript中的Callback方法浅析

2017年02月06日 12 阅读

什么是callback复制代码 代码如下:回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用为调用它所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。这个解释看上去很复杂，于是找到了知乎上一个更好的解释复制代码 代码如下:你到一个商店买东西，刚好你要的东西没有货，于是你在店员那里留下了你的电话，过了几...

Javascript中的apply（）方法浅析

2017年02月06日 12 阅读

之前我们说过 Javascript Call 方法，这次我们就说说和Call方法类似的apply方法。apply vs call两者间的不同在于:传递的是参数，还是参数数组这个是call的用法复制代码 代码如下:theFunction.call（valueForThis, arg1, arg2, ...）而这个则是apply复制代码 代码如下:theFunction.apply（valueForThis, arrayOfArgs）故而复制代码 代码如下:a...

Javascript中的方法链（Method Chaining）介绍

2017年02月06日 13 阅读

在寻找如何设计一个Javascript API的时候，发现了Method Chaining这个东西，方法链，看上去似乎很强大，也挺有意思的，而这个东西也是过去我们经常看到的。。Javascript Method Chaining在维基百科上有这样的解释:复制代码 代码如下:Method chaining, also known as named parameter idiom, is a common syntax for invoking multipl...

Javascript中的匿名函数与封装介绍

2017年02月06日 13 阅读

迷惑了一会儿不同JS库的封装后，终于有了点头绪。大致就是:复制代码 代码如下:创建一个自调用匿名函数，设计参数window，并传入window对象。而这个过程的目的则是，复制代码 代码如下:使得自身的代码不会被其他代码污染，同时也可以不污染其他代码。jQuery 封装于是找了个早期版本的jQuery，版本号是1.7.1里面的封装代码大致是下面这样的复制代码 代码如下:（function（ window, undefined ） {var jQuery = ...

JavaScript中的闭包介绍

2017年02月06日 12 阅读

所谓的闭包应该是指: 内部函数读取当前函数以外的变量，即创建时所处的上下文环境。复制代码 代码如下:function hello（）{ var char = "hello,world"; function print（）{ console.log（char）; }; return print（）;}需要注意的是这里的print函数引用了外部hello函数的char变量，于是在这里我们能够返回一个复制代码 代码如下:hello,world而这个功能在某种意义...

Javascript中的arguments与重载介绍

2017年02月06日 12 阅读

因为语言上的设计错误，arguments可以被当成一个数组。复制代码 代码如下:function zero （） { console.log（arguments[0]）;}也会有复制代码 代码如下:function zero （） { for（var i=0;i<arguments.length;i++）{ console.log（arguments[i]）; }}它利用了Javascript的一个事实，即Javasc而这里的arguments变量给...

JavaScript中的立即执行函数表达式介绍

2017年02月06日 14 阅读

我们习惯看到这样的匿名函数复制代码 代码如下:（function（）{ console.log（"test"）;}）（）;之前一直叫的是自执行的匿名函数（self-executing anonymous function）发现原来还有一种叫法是: 立即调用函数表达式 （IIFE，Immediately-Invoked Function Expression）立即调用函数表达式相比于自执行匿名函数，立即调用函数表达式的意思来得更明确一些。自执行函数有下面的...

JavaScript中的DSL元编程介绍

2017年02月06日 12 阅读

在看JavaScript Template源码的时候，发现有一个很有意思的用法用来生成函数，想到这不就是元编程么?JavaScript 元编程复制代码 代码如下:元编程（Metaprogramming）是指某类计算机程序的编写，这类计算机程序编写或者操纵其他程序（或者自身）作为它们的数据，或者在运行时完成部分本应在编译时完成的工作。JavaScript eval复制代码 代码如下:eval（） 函数可计算某个字符串，并执行其中的的 JavaScri...

JavaScript DSL 流畅接口（使用链式调用）实例

2017年02月06日 13 阅读

认真研究了一会DSL，发现了这么几件有趣的事，JavaScript用得最多的一个东西怕是链式调用 （方法链，即Method Chaining）。 有意思的是Martin Flower指出:复制代码 代码如下:I"ve also noticed a common misconception - many people seem to equate fluent interfaces with Method Chaining. Certainly chaini...

js完美实现@提到好友特效（兼容各大浏览器）

2017年02月06日 12 阅读

要求1.输入@时，弹出匹配的好友菜单2.光标进入包含有"@好友"的标签时，弹出菜单3.按backspace删除时，如果光标前面是包含有"@好友"的标签，弹出菜单4.兼容ie,firefox.具体做法针对要求一，很自然的会想到对输入框绑定事件。这里要绑定mousedown,而不是mouseup.因为如果是mouseup的话，用event.preventDefault（）是无法阻止键盘输入@的。另外，这里在事件回调中用return false也是起不了作用的。...

浅谈js中的闭包

2017年02月06日 12 阅读

首先我们先来看一段代码:复制代码 代码如下:<a href="javascript:void（0）;">111</a><a href="javascript:void（0）;">222</a><a href="javacsript:void（0）;">333</a>var a=document.getElementsByTagName（"a"）; function b（）{ f...

jquery中JSON的解析方式

2017年02月06日 13 阅读

考虑都考虑的是服务器返回的是JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。复制代码 代码如下:var data=" { root: [ {name:"1",value:"0"}, {name:"6101",value:"西安市"}, {name:"6102",value:"铜川市"}, {name:"6103",value:"宝鸡市"}, {name:"6104",value:"咸阳市"...

jquery中radio checked问题

2017年02月06日 12 阅读

今天太鬼火了为这个难问题搜了一下午了到最后还是csdn的朋友给了我正确的答案，谢谢这位朋友// $（"#ISOK1"）.checked = "checked";// $（"#ISOK1"）.attr（"checked", true）;//$（"#Radio1"）.attr（"checked", true）;// $（"#Radio1"）.checked = "checked";$（"#ISOK1"）[0].checked = true;另外感谢另外一位网友...

解决Jquery向页面append新元素之后事件的绑定问题

2017年02月06日 12 阅读

我先看jq api文档没有找到方法，无果只好到网上找些资料，果然找到live方法。 其实很简单： 1.这是项目要求达到的效果，当我没用live事件，只用了简单的hover事件时：hover事件没有加载进来，没有我想要的边框效果，效果图如下复制代码 代码如下: /*经过用户技能标签增加样式*/ $（function（）{ $（".s-edited"）.hover（function（）{ $（this）.toggleC...

详解addEventListener的三个参数之useCapture

2017年02月06日 14 阅读

addEventListener 有三个参数：第一个参数表示事件名称（不含 on，如 "click"）；第二个参数表示要接收事件处理的函数；第三个参数为 useCapture，本文就讲解它。复制代码 代码如下: <div id="outDiv"> <div id="middleDiv"> <div id="inDiv">请在此点击鼠标。</div> </div></div><di...

JavaScript控制table某列不显示的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下：1、table代码复制代码 代码如下:<table id="mytable" border="0" width="1400" align="center" cellpadding="3" cellspacing="1" bgcolor="#dfdfdf"> <tbody id="tbody1" style="background: ...