Welcome 微信登录

首页 / 脚本样式 / JavaScript

全面解析Bootstrap中scrollspy(滚动监听)的使用方法

全面解析Bootstrap中scrollspy(滚动监听)的使用方法

bootstrap源码分析之scrollspy(滚动侦听)源码文件:Scrollspy.js实现功能1、当滚动区域内设置的hashkey距离顶点到有效位置时,就关联设置其导航上的指定项2、导航必须是 .nav > li > a 结构,并且a上href或data-target要绑定hashkey3、菜单上必须有.nav样式4、滚动区域的data-target与导航父级Id(一定是父级)要一致<div id="selector" class=...
全面解析Bootstrap中tab(选项卡)的使用方法

全面解析Bootstrap中tab(选项卡)的使用方法

本文实例为大家介绍实现tab选项卡的应用,此插件相对比较简单,具体内容如下源码文件:tab.js实现原理:1、单击一个元素时,首先将原来高亮的元素取消2、然后给被单击元素进行高亮3、如果单击元素是下拉框中某个选项,则选中本身,还要选中下拉框5、如果定义了动画,先执行动画,然后回调源码分析:1、Show方法,是在单击一个元素的时候触发,会触发如下四个事件 1.1、Hiden.bs.tab:隐藏上一个元素 1.2、Show.bs.tab:显示当前元素 1.3、...
浅谈bootstrap源码分析之tab(选项卡)

浅谈bootstrap源码分析之tab(选项卡)

实现tab选项卡的应用,此插件相对比较简单源码文件:tab.js实现原理1、单击一个元素时,首先将原来高亮的元素取消2、然后给被单击元素进行高亮3、如果单击元素是下拉框中某个选项,则选中本身,还要选中下拉框5、如果定义了动画,先执行动画,然后回调源码分析:1、Show方法,是在单击一个元素的时候触发,会触发如下四个事件1.1、Hiden.bs.tab:隐藏上一个元素1.2、Show.bs.tab:显示当前元素1.3、Hideen.bs.tab:隐藏上一个元...
node-http-proxy修改响应结果实例代码

node-http-proxy修改响应结果实例代码

最近在项目中使用node-http-proxy遇到需要修改代理服务器响应结果需求,该库已提供修改响应格式为html的方案:Harmon,而项目中返回格式统一为json,使用它感觉太笨重了,所以自己写了个可解析和修改json格式的库,期间也遇到了之前未关注的问题:http传输编码、node流的相关处理。下面是实现代码:var zlib = require("zlib");var concatStream = require("concat-stream");...
jquery ajax结合thinkphp的getjson实现跨域的方法

jquery ajax结合thinkphp的getjson实现跨域的方法

本文实例讲述了jquery ajax结合thinkphp的getjson实现跨域的方法。分享给大家供大家参考,具体如下:jquery中post的应该是不能跨域,网上说get的可以跨域,但是我试了一下也不行,然后就进行最后的拼搏getjson,结果成功,哈哈js处写作:$.getJSON("/index.php/Index/test",function(data){alert(data.dd);});语法:jQuery.getJSON(url,[data],...
对象转换为原始值的实现方法

对象转换为原始值的实现方法

首先,我们要明白原始值得概念原始值存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。引用值存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处————引用了w3c里的概念原始值,简单点理解就是 null undefined string number Boolean 这些对象转换为boolean相对简单所有的对象(包括数组和函数)都转换成true,包装对象从也是对象,也转换为...
基于JS实现省市联动效果代码分享

基于JS实现省市联动效果代码分享

在日常项目开发阶段经常见到下拉框二级联动效果,尤其是涉及地区、品种等有多级选项时。比如说:常见的省市联动下拉框,在选择省份时,城市列表也会更随改变。思路:1,所谓联动效果,是指出发父级的数据变化时,会影响到关联性子级数据元素的变化。下面是造的省市的数据:var linkDatas = {provinces:[{"code":"0","name":"请选择"},{"code":"1","name":"北京"},{"code":"2","name":"天津"}...
深入理解JavaScript单体内置对象

深入理解JavaScript单体内置对象

JavaScript中定义了两个单体内置对象:Global和Math。Global对象Global对象是JavaScript中最特别的一个对象。不属于任何其他对象的属性和方法,最终都是它的属性和方法。实际上,没有全局变量或全局作用域,所有在全局作用域中定义的属性和函数,都是Global对象的属性。Global对象包含了一些有用的方法:1.URI编码方法Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码...
浅谈String.valueOf()方法的使用

浅谈String.valueOf()方法的使用

前面的话关于类型转换,对象常见的两个方法是toString()和valueOf()。实际上,这两个方法也可以应用在包装类型上。前面已经介绍过toString()方法,本文将介绍valueOf()方法,该方法返回原值【1】undefined和null没有valueOf()方法undefined.valueOf();//错误null.valueOf();//错误【2】布尔型数据true和false返回原值true.valueOf();//truetypeof ...
浅谈Sublime Text 3运行JavaScript控制台

浅谈Sublime Text 3运行JavaScript控制台

Node.js是一个基于Chrome JavaScript运行时建立的平台,小巧方便搭建。运行的端口可以在浏览器上运行,显示效果,但每次用浏览器也挺麻烦,我们这里讲的是在sublime text2中配置,是的js在sublimetext2中运行,再也不用切换到浏览器了。1.首先安装node.js,直接去官网下载,然后安装,点击下一步就好了,如果需要更改安装路径,选择好安装路径即可。安装完以后,运行 node -v 如果显示出版本号,则说明安装成功。2.这时...
省市联动效果的简单实现代码(推荐)

省市联动效果的简单实现代码(推荐)

下拉框二级联动效果在日常应用场景中经常会碰到,尤其是涉及地区、品种等有多级选项时。例如:常见的省市联动下拉框,在选择省份时,城市列表也会更随改变。思路:1,所谓联动效果,是指出发父级的数据变化时,会影响到关联性子级数据元素的变化。下面是造的省市的数据:var linkDatas = {provinces:[{"code":"0","name":"请选择"},{"code":"1","name":"北京"},{"code":"2","name":"天津"},...
JavaScript 对象字面量讲解

JavaScript 对象字面量讲解

在编程语言中,字面量是一种表示值的记法。例如,"Hello, World!" 在许多语言中都表示一个字符串字面量(string literal ),JavaScript也不例外。以下也是JavaScript字面量的例子,如5、true、false和null,它们分别表示一个整数、两个布尔值和一个空对象。JavaScript还支持对象和数组字面量,允许使用一种简洁而可读的记法来创建数组和对象。考虑以下语句,其中创建了一个包含两个属性的对象(firstName...
node.js cookie-parser 中间件介绍

node.js cookie-parser 中间件介绍

之前加入了一个学习笔记本群,通过学习笔记来分享学习成果。也在这里发一份吧。当我们在写web的时候,难免会要使用到cookie,由于node.js有了express这个web框架,我们就可以方便地去建站。在使用express时,经常会使用到cookie-parser这个插件。今天我们来分析一下这个插件。这个插件通常当作中间件使用,app.use(cookieParser()), 这样就可以处理每一个请求的cookie。从名字上看,这就是一个解释Cookie的...
<< 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 >>