深入理解JavaScript系列（14） 作用域链介绍（Scope Chain）

2017年02月06日 22 阅读

前言 在第12章关于变量对象的描述中，我们已经知道一个执行上下文 的数据（变量、函数声明和函数的形参）作为属性存储在变量对象中。 同时我们也知道变量对象在每次进入上下文时创建，并填入初始值，值的更新出现在代码执行阶段。 这一章专门讨论与执行上下文直接相关的更多细节，这次我们将提及一个议题——作用域链。 英文原文：http://dmitrysoshnikov.com/ecmascript/chapter-4-scope-chain/ 中文参考：http://...

深入理解JavaScript系列（15） 函数（Functions）

2017年02月06日 19 阅读

介绍 本章节我们要着重介绍的是一个非常常见的ECMAScript对象——函数（function）,我们将详细讲解一下各种类型的函数是如何影响上下文的变量对象以及每个函数的作用域链都包含什么，以及回答诸如像下面这样的问题：下面声明的函数有什么区别么？（如果有，区别是什么）。 原文：http://dmitrysoshnikov.com/ecmascript/chapter-5-functions/ 复制代码 代码如下: var foo = function （...

深入理解JavaScript系列（16） 闭包（Closures）

2017年02月06日 21 阅读

介绍 本章我们将介绍在JavaScript里大家经常来讨论的话题 —— 闭包（closure）。闭包其实大家都已经谈烂了。尽管如此，这里还是要试着从理论角度来讨论下闭包，看看ECMAScript中的闭包内部究竟是如何工作的。 正如在前面的文章中提到的，这些文章都是系列文章，相互之间都是有关联的。因此，为了更好的理解本文要介绍的内容，建议先去阅读第14章作用域链和第12章变量对象。 英文原文：http://dmitrysoshnikov.com/ecmasc...

jquerymobile checkbox及时刷新才能获取其准确值

2017年02月06日 17 阅读

解决办法： 复制代码 代码如下: $（"input[type="checkbox"]"）.bind（"click",function（） { $（this）.prop（"checked"）.checkboxradio（"refresh"）; // 绑定事件及时更新checkbox的checked值 }）; 如果要用js去改变checkbox的值时也要及时刷新。 复制代码 代码如下: $（"input [type="checkbox"]"）.attr（"c...

dtree 网页树状菜单及传递对象集合到js内，动态生成节点

2017年02月06日 18 阅读

在winform端，树状菜单是非常有用的，实现这个是非常便捷的，所以我想到在页面放入一个树状菜单的。我选择了dtree这个工具，网络上还有很多方法实现页面树状菜单的，不过我觉得这个比较好用的，而且配置比较简单，运用上上手很快。dtree是纯js的，所以不用导入jar包，并且配置只要在js内配置就好了。而且现在网络上有很多高手修改后的改良版，加了checkbox，更加方便。在开发过程中，最难的就是数据的交互的，因为dtree是纯js的，所以不存在和后台交互的...

JavaScript中的null和undefined解析

2017年02月06日 20 阅读

在JavaScript开发中，被人问到：null与undefined到底有啥区别？一时间不好回答，特别是undefined，因为这涉及到undefined的实现原理。于是，细想之后，写下本文，请各位大侠拍砖。总所周知：null == undefined但是：null ！== undefined 那么这两者到底有啥区别呢？请听俺娓娓道来...null这是一个对象，但是为空。因为是对象，所以 typeof null 返回 "object" 。null 是 Ja...

xScrollStick 跟随滚动条漂浮的JS特效

2017年02月06日 22 阅读

这是一个跟随滚动条漂浮的JS特效，就是说滚动条滚动而元素相对屏幕位置不变 网上有很多类似的效果，本代码比较起来有如下优点： 1. 兼容IE6.0+ & FF1.5+ 2. 使用非常简单，属于菜鸟最爱的那种拿来就能用的，见下面说明 3. 元素之间不会起冲突，一页中可以有n个特效，多元素使用无代码冗余 缺点有： 1. 只能在声明为xHTML的文档中使用 2. 元素最好放在body下 3. 滚动时不可避免的会有闪烁（已经比较轻微，但追求完美者可能觉得不爽） 使用...

javascript针对DOM的应用实例（一）

2017年02月06日 21 阅读

我相信可能大部分人来这里学javascript主要还是想用这个结合页面中的DOM元素做一些实际有用的交互效果。所以我这里只教大家最实际，最有用的javascript应用。但是前提大家最好有一些javascript或者jquery的编程的基础。好废话不多说了。 今天第一篇，就教大家如何用javascript获取页面中的dom元素。这个很重要。我会对照JQuery来讲。 如果页面中的元素是ID属性 <div id="dom"></div>...

javascript针对DOM的应用分析（二）

2017年02月06日 20 阅读

其实在原生的也JS也有这些属性。和JQ几乎相同但是比JQ少一些。但是用起来却比JQ麻烦一点。主要因为FF浏览器，因为FF会把你的换行也当做一个DOM元素。比如说 复制代码 代码如下: <div id = "dom"> <div></div> <div></div> </div> 我用原生的JS获取ID为dom的元素下的子元素。用我第一章说的方法就是var a = document.g...

javascript针对DOM的应用分析（三）

2017年02月06日 21 阅读

如果这个DOM元素没有样式也就谈不上操作了。2.我们也可以直接用JS动态的向html里写入DOM元素。 今天这章我们就讲这两个应用 （一）对html里现有的DOM元素进行操作。 我上面说了，对现有的DOM元素进行操作，无非就是对样式的操作。所以我们首先就要能获取这个DOM元素的样式。在讲获取DOM元素的样式之前。先要说下DOM元素的样式链接方式。有三种。 一是直接在html文档里写入样式例如 <div style="width:300px;heigh...

javascript针对DOM的应用分析（四）

2017年02月06日 18 阅读

下面我就写几个给大家看看 一，点击传参方法 复制代码 代码如下: <script> function tab（dom）{ var list = document.getElementById（"list"）.getElementsByTagName（"li"）; var con = document.getElementById（"con"）.getElementsByTagName（"div"）; for（var i=0;i<list....

javascript针对DOM的应用分析（五）

2017年02月06日 19 阅读

其实这个应该不列入JS教程的范畴。应为FF，IE6以上浏览器都支持fixed这个固定属性。唯独IE6不支持。所以我为了可恶的IE6。我这里就出一篇教程吧。而且这种效果也可以锻炼同学们的计算能力。以后很多效果都需要你的计算能力。哈哈 固定居中。或者固定在任何地方思想几乎是一样的。只你要算法清楚了。效果写起来就轻而易举了。先贴代码 body,div{padding:0px;margin:0px;} #gd{width:100px;height:10...

你需要知道的10个最佳javascript开发实践小结

2017年02月06日 18 阅读

尽管很多的开发人员都乐于颂扬javascript，但是仍旧有人看到它的阴暗面。 使用很多javascript代码的web页面会加载很慢，过多的使用javascript使得网页丑陋和拖沓。很快如何有效地使用javascript成为一个非常火热的话题。 这里让我们列出10个最佳javascript实践，帮助你有效地使用javascript。 1. 尽可能的保持代码简洁 可能大家都听到过了N遍这个代码简洁问题了。作为一个开发人员你可能在你的代码开发过程中使用了很...

5个最佳的Javascript日期处理类库分享

2017年02月06日 20 阅读

在大家日常网站开发和web应用开发中，我们往往需要有效的调用Javascript处理日期和时间格式相关的函数，在Javascript中已经包含了部分最基本的内建处理方法。当然如果大家有时间的话，完全可以自己开发和编写需要的方法，但是有效的使用别人已经开发好的类库肯定是一个更好的处理方式，没有必要什么都原创吧，君子善假于物也。今天这里我们收集了5个最佳的日期处理函数类库，希望对于大家有帮助，如果你喜欢我们的文章，请大家给我们留言，谢谢！1. XDate 这个...

Moment.js 不容错过的超棒Javascript日期处理类库

2017年02月06日 19 阅读

使用这个类库，可以帮助你有效的处理相关日期。希望大家喜欢！ 主要特性： 3.2kb超轻量级 独立类库，意味这你不需要倒入一堆js 日期处理支持UNIX 时间戳，String，指定格式的Date 日期处理：加，减日期 日期显示：包括相对时间显示的日期显示选项 其它内建的功能，例如，保存，timezone offset和i18n支持 可以作为node.js的一个模块 完整的文档介绍 如何使用？ 复制代码 代码如下: var now = moment（）; co...

jQuery UI Autocomplete 1.8.16 中文输入修正代码

2017年02月06日 19 阅读

找到如下代码 复制代码 代码如下: }）.bind（"blur.autocomplete", function （c） { if （！a.options.disabled） { clearTimeout（a.searching）; a.closing = setTimeout（function （） { a.close（c）; a._change（c） }, 150） } }） 改为 复制代码 代码如下: }）.bind（"blur.autocomple...

JavaScript打开word文档的实现代码（c#）

2017年02月06日 17 阅读

在C#中打开word文档其实不算太难，方法也比较多。 一.C#中打开word文档方法 复制代码 代码如下: //在项目引用里添加上对Microsoft Word 11.0 object library的引用 private void button1_Click（object sender, System.EventArgs e） { //调用打开文件对话框获取要打开的文件WORD文件，RTF文件，文本文件路径名称 OpenFileDialog opd = ...

基于jquery的不规则矩形的排列实现代码

2017年02月06日 21 阅读

这个东西让我想起了俄罗斯方块，这个实现起来很简单，容器里面所有的块元素用绝对定位排列，如果能放的下就放在这里，如果放不下了，在队列中找到能放得下的元素放置， 实在找不到，则换行排列下一行，具体思路是这样。代码里有详细的注释直接看代码吧。 下面是一个demo: http://demo.jb51.net/js/2012/sortRect/代码打包下载 sortRect.rar复制代码 代码如下: <！DOCTYPE html> <html&g...

浏览器解析js生成的html出现样式问题的解决方法

2017年02月06日 24 阅读

我实现的功能是添加标签，无刷新地添加到标签列表的最后，见下图中第二行，样式明显有问题 我反反复复地检查了chrome console的html结构，都是一样一样的，在IE和FF下我也认真比较过的，还是没有区别。见下图 同样的html结构，同样的style，竟然展现的样式差异很大，一时没了想法，像个无头苍蝇。索性我就把console下的html复制到notepad++进行对比，看出了一点端倪，见下图。左侧为js生成的html，右侧为页面（.aspx）中的ht...

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

2017年02月06日 20 阅读

问题的产生 在写JS的过程中，为了调试我们常常会写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS的运行情况，但发布时又因为IE不支持console，又要去掉这些代码，一不小心就会出错。 本文分享自己昨晚写的一个console类来试图解决这一问题。当然，更好的做法是把测试代码分开写，那样就不会有这个问题。 解决思路 如何解决IE下不兼容的问题呢...