基于jQuery的JavaScript模版引擎JsRender使用指南

2016年07月27日 9 阅读

前言 JsRender是一款基于jQuery的JavaScript模版引擎，它具有如下特点： · 简单直观 · 功能强大 · 可扩展的 · 快如闪电 这些特性看起来很厉害，但几乎每个模版引擎，都会这么宣传。。。 由于工作需要，小菜才接触到此款模版引擎。使用了一段时间，发现它确实比较强大，但小菜觉得有些地方强大的过头了，反倒让人觉得很难理解。 另一方面，JsRender的官方文档比较详细，但其他资料出奇的少，遇到点什么问题，基本搜不到，不仅仅是相关问题搜不到...

JavaScript实现查找字符串中第一个不重复的字符

2016年07月27日 9 阅读

此算法仅供参考，小菜基本不懂高深的算法，只能用最朴实的思想去表达。复制代码 代码如下://找出字符串中第一个不重复的字符// firstUniqueChar（"vdctdvc"）; --> tfunction firstUniqueChar（str）{ var str = str || "", i = 0, k = "", _char = "", charMap = {}, result = {name: "",index: str.length};...

jQuery中:header选择器用法实例

2016年07月27日 10 阅读

本文实例讲述了jQuery中header选择器用法。分享给大家供大家参考。具体分析如下：此选择器能够匹配标题元素，即（h1-h6）。语法结构:复制代码 代码如下:$（":header"）此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:复制代码 代码如下:$（".qiantai:header"）.css（"color","blue"）以上代码能够将类名为qiantai的标题元素中的字体颜色设置为蓝色。如果不和其他选择器配合使用，则默...

jQuery中document与window以及load与ready 区别详解

2016年07月27日 9 阅读

用过JavaScript的童鞋，应该知道window对象和document对象，也应该听说过load事件和ready事件，小菜当然也知道，而且自认为很了解，直到最近出了问题，才知道事情并不是那么简单。首先说说window和document，直观上来讲，window代表的是浏览器窗口，而document代表的是浏览器窗口中加载的dom元素，进一步说，document是window的一个属性，window是最顶级的对象。二者有啥区别呢？很好理解，假设现在有一个...

JavaScript实现列出数组中最长的连续数

2016年07月27日 9 阅读

原始题目：给定一个无序的整数序列， 找最长的连续数字序列。例如：给定[100, 4, 200, 1, 3, 2],最长的连续数字序列是[1, 2, 3, 4]。小菜给出的解法：复制代码 代码如下:function maxSequence（array,step）{ var _array = array.slice（）, //clone array _step = 1, _arrayTemp = [], i = 0; var parseLogic = { //...

纯JavaScript实现获取onclick、onchange等事件的值

2016年07月27日 10 阅读

今天小菜处理下拉菜单级联问题时，想获取HTML标签中某个事件的内容，也就是值，比如从<select id="city" onchange="javascript:test（）;"></select>中获取javascript:test（）;。小菜想通过事件中的信息，确定下一级的菜单，但是这个貌似很简单的问题，却让小菜纠结了一番。 稍微懂点JQuery的童鞋，可能会尝试这样获取：复制代码 代码如下:$（document）.ready（...

jQuery中:animated选择器用法实例

2016年07月27日 11 阅读

本文实例讲述了jQuery中:animated选择器用法。分享给大家供大家参考。具体分析如下：此选择器匹配所有正在执行动画效果的元素。可以使用animate（）方法创建自定义动画。语法结构:复制代码 代码如下:$（":animated"）此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:复制代码 代码如下:$（"li:animated"）.css（"background-color","blue"）以上代码能够将正在执行动画下过的l...

jQuery中用dom操作替代正则表达式

2016年07月27日 11 阅读

在B/S结构客户端越来越“胖”的今天，作为一名全端程序员，您很可能会在前端操作html字符串，注意，是操作html字符串，不是操作当前页面的html。 举个例子，百度推出的在线HTML富文本编辑器Ueditor，可以在线制作富文本文档，功能堪比精简版的Microsoft Word。虽然Ueditor身披百度的光环，但实际效果不太让人满意，我们需要二次处理一下它生成的html字符串，比如把所有图片的宽度设成90%。 通过某个方法，我们可以拿到文本编辑器中的h...

jQuery实现ichat在线客服插件

2016年07月27日 10 阅读

ichat是一款开源免费在线客服jQuery插件，通过该插件，您可以自由的定制属于自己的在线客服代码。ichat充分吸收传统在线客服插件的优点，并加上自身的独特设计，使得ichat可定制性异常强大。ichat追求简单实用，走小清新路线，以便能够适应大多数网站风格。ichat几乎全部由配置生成，使用简便，不需要写html，但需要写js，因为配置是json对象。ichat体积小巧，代码高效，兼容性良好，采用jQuery插件封装，与原有系统零冲突。效果预览图：更...

JavaScript实现防止网页被嵌入Frame框架的代码分享

2016年07月27日 12 阅读

最近，国内开始流行另一种流氓行为：使用框架（Frame），将你的网页嵌入它的网页中。比如，有一家网站号称自己是”口碑聚合门户”，提供全国各个网上论坛的精华内容。但是，其实它就是用框架抓取他人的网页，然后在上面加上自己的广告和站标，这同盗版书商有何不同？！防止方法，在复制代码 代码如下:</body>之前加入这段代码：复制代码 代码如下:<script type="text/javascript">if （ top.location ...

JavaScript中的类（Class）详细介绍

2016年07月27日 9 阅读

在JavaScript中，可以使用类（Class）来实现面向对象编程（Object Oriented Programming）。不过，JavaScript中的类与Java中的有所不同，其相应的定义和使用也不一样。JavaScript中类的定义在JavaScript中，所有从同一个原型对象（prototype）处衍生出来的对象组成了一个类；也就是说，JavaScript中的类是一个对象集合的概念，如果两个对象它们的prototype相同，那么它们就属于同一个...

JavaScript中的闭包（Closure）详细介绍

2016年07月27日 11 阅读

闭包是JavaScript中一个重要的特性，其最大的作用在于保存函数运行过程中的信息。在JavaScript中，闭包的诸多特性源自函数调用过程中的作用域链上。函数调用对象与变量的作用域链对于JavaScript中的每一次函数调用，JavaScript都会创建一个局部对象以储存在该函数中定义的局部变量；如果在该函数内部还有一个嵌套定义的函数（nested function），那么JavaScript会在已经定义的局部对象之上再定义一个嵌套局部对象。对于一个函...

JavaScript中的方法调用详细介绍

2016年07月27日 9 阅读

JavaScript中，如果function属于一个对象，那么通过对象来访问该function的行为称之为“方法调用”。与普通的函数调用不同的是，在进行方法调用时，function中的this指代将发生变化 — this将指代用于调用该function的对象（该对象将成为方法调用的invocation context）：复制代码 代码如下:var x = 99;var sample = { x:1, act:function（a）{ this.x = a*...

JavaScript中的类数组对象介绍

2016年07月27日 9 阅读

JavaScript中，数组是一个特殊的对象，其property名为正整数，且其length属性会随着数组成员的增减而发生变化，同时又从Array构造函数中继承了一些用于进行数组操作的方法。而对于一个普通的对象来说，如果它的所有property名均为正整数，同时也有相应的length属性，那么虽然该对象并不是由Array构造函数所创建的，它依然呈现出数组的行为，在这种情况下，这些对象被称为“类数组对象”。以下是一个简单的类数组对象：复制代码 代码如下:va...

jQuery中:first选择器用法实例

2016年07月27日 11 阅读

本文实例讲述了jQuery中first选择器用法。分享给大家供大家参考。具体分析如下：此选择器匹配指定元素集合中的第一个元素。语法结构:复制代码 代码如下:$（":first"）在使用中一般要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:复制代码 代码如下:$（"li:first"）.css（"color","green"）以上代码能够将li元素集合中的第一个li元素中的字体颜色设置为绿色。如果不和其他选择器配合使用，则默认状态是和*选择器配合...

JavaScript中的数组操作介绍

2016年07月27日 9 阅读

JavaScript中的数组对象自带了一些方法，可以通过使用这些方法来对数组进行操作。join（）可以使用join（）方法将数组中的成员合并到一个字符串中：复制代码 代码如下:var o = [1,2,3];console.log（o.join（））;//1,2,3console.log（o.join（" "））;//1 2 3var emptyArray = new Array（10）;console.log（emptyArray.join（"-"））;...

JavaScript 实现打印,打印预览,打印设置

2016年07月27日 9 阅读

WebBrowser是IE内置的浏览器控件，无需用户下载.一、WebBrowser控件<object ID="WebBrowser" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>二、WebBrowder控件的方法 //打印WebBrowser1.ExecWB（6,1）;//打印设置WebBrowser1.ExecWB（8...

JavaScript中数组成员的添加、删除介绍

2016年07月27日 9 阅读

JavaScript中，由于数组长度是可变的，因此可以通过直接定义新的成员而将其添加到数组中：复制代码 代码如下:var o = [2,3,5];o[3] = 7;console.log（o）;//[2,3,5,7]除了这种方法，还可以通过使用push（）语句来达到相同的目的：复制代码 代码如下:o.push（11）;console.log（o）;//[2,3,5,7,11]o.push（13,17）;console.log（o）;//[2,3,5,7,1...

JavaScript中的数组特性介绍

2016年07月27日 9 阅读

与Java语言不同，JavaScript中的数组拥有三个特性：1.无类型。数组的成员可以是任何类型，同一个数组也可以由很多不同类型的成员所组成。2.长度可变。数组的长度是可以动态变化的，因此在JavaScript中不存在数组访问的越界问题。3.不连续性。数组中成员的位置可以是连续的（0, 1, 2, 3…），也可以是不连续的。任何数组都有一个名为length的属性，在数组成员连续的情况下，length值与数组成员数目一致；当数组成员不连续时，length值...

JavaScript中的对象序列化介绍

2016年07月27日 9 阅读

与Java语言一样，JavaScript中可以对对象进行序列化和反序列化，藉此对对象进行保存。ECMAScript 5标准中，JavaScript中的对象序列化是通过JSON.stringify（）来实现的，而反序列化则通过JSON.parse（）来实现：复制代码 代码如下:var o = {x:1, y:29, z:42};var s = JSON.stringify（o）;console.log（s）;//{"x":1,"y":29,"z":42}va...