Welcome 微信登录

首页 / 脚本样式 / JavaScript

javascript学习小结之prototype

javascript学习小结之prototype

JS中的prototype是JS中比较难理解的一个部分本文基于下面几个知识点:1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。2 javascript的方法可以分为三类:a -> 类方法b -> 对象方法c -> 原型方法例子:function People(name){ //对象属性this.name=nam...
解决JavaScript数字精度丢失问题的方法

解决JavaScript数字精度丢失问题的方法

本文分为三个部分JS 数字精度丢失的一些典型问题JS 数字精度丢失的原因解决方案(一个对象+一个函数)一、JS数字精度丢失的一些典型问题1. 两个简单的浮点数相加0.1 + 0.2 != 0.3 // true这真不是 Firebug 的问题,可以用alert试试 (哈哈开玩笑)。看看Java的运算结果再看看Python2. 大整数运算16位和17位数竟然相等,没天理啊。又如var x = 9007199254740992x + 1 == x // ?看结...
学习JavaScript设计模式(代理模式)

学习JavaScript设计模式(代理模式)

代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问代理模式的用处(个人理解):为了保障当前对象的单一职责(相对独立性),而需要创建另一个对象来处理调用当前对象之前的一些逻辑以提高代码的效率、状态判断等。代理模式中最常用的是虚拟代理和缓存代理一、虚拟代理虚拟代理是把一些开销很大的对象,延迟到真正需要它的时候才去创建执行示例: 虚拟代理实现图片预加载// 图片加载函数var myImage = (function(){var imgNode = d...
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统

基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统

废话不多说了,直接给大家贴js代码了,代码附有注释,感兴趣的朋友一起学习吧。/** * Author: laixiangran. * Created by laixiangran on 2015/12/02. * 检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统 * ******************************************************************** * 各版本浏览器在win...
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)

JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)

//取得用户代理字符串 并全部小写。var ua = navigator.userAgent.toLowerCase();document.write(ua);在上篇文章给大家介绍了基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统,感兴趣的朋友可以点击全文了解详情。1、识别呈现引擎引擎主要包含四种:IE、Gecko、WebKit、Opera2、识别浏览器主流浏览器包含四种:IE、Chrome、Fir...
五种js判断是否为整数类型方式

五种js判断是否为整数类型方式

这篇看看如何判断为整数类型(Integer),JavaScript中不区分整数和浮点数,所有数字内部都采用64位浮点格式表示,和Java的double类型一样。但实际操作中比如数组索引、位操作则是基于32位整数。方式一、使用取余运算符判断任何整数都会被1整除,即余数是0。利用这个规则来判断是否是整数。function isInteger(obj) { return obj%1 === 0}isInteger(3) // trueisInteger(3.3)...
JavaScript测试工具之Karma-Jasmine的安装和使用详解

JavaScript测试工具之Karma-Jasmine的安装和使用详解

1.Karma介绍Karma是Testacular的新名字,在2012年google开源了Testacular,2013年Testacular改名为Karma。Karma是一个让人感到非常神秘的名字,表示佛教中的缘分,因果报应,比Cassandra这种名字更让人猜不透!Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuous integ...
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween

jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween

在jQuery内部函数Animation中调用到了createTweens()来创建缓动动画组,创建完成后的结果为: 可以看到上面的缓动动画组有四个原子动画组成。每一个原子动画的信息都包含在里面了。 仔细查看createTweens函数,实际上就是遍历调用了tweeners ["*"]的数组中的函数(实际上就只有一个元素)。function createTweens( animation, props ) {jQuery.each( props, fu...
ztree获取选中节点时不能进入可视区域出现BUG如何解决

ztree获取选中节点时不能进入可视区域出现BUG如何解决

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。zTree 的特点编辑● zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载● 采用了延迟加载技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀● 兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器● 支持 JSON 数据● 支持静态和 Ajax 异步加载节点数据● 支持...
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法

解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法

最近在做博客的目录功能,发现一个在现代浏览器间的一个bug,或是称之为差异,即页面滚动值(scrollTop)的获取与设定。在此之前先说一下关于页面元素的坐标获取,这张图的经典性不必再提。实现滚动到某位置功能一个最主要的功能就是实现点击标题页面滚动,因为我们要滚动到页面某个标题,所以需要计算出滚动这个元素的具体绝对位置,而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量,此处不适用。此处应使用浏览器原生提供的 getBoundin...
继续学习javascript闭包

继续学习javascript闭包

一、什么是闭包?官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话,因为他描述的太学术。其实这句话通俗的来说就是:JavaScript中所有的function都是一个闭包。不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”。看下面这段代码:function a() {var i = 0;function b() { a...
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题

详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题

最近做了个项目,其中有一目录功能,发现一个在现代浏览器间的一个bug,或是称之为差异,即页面滚动值(scrollTop)的获取与设定。在此之前先说一下关于页面元素的坐标获取,这张图的经典性不必再提。实现滚动到某位置功能博客目录的一个最主要的功能就是实现点击标题页面滚动,因为我们要滚动到页面某个标题,所以需要计算出滚动这个元素的具体绝对位置,而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量,此处不适用。此处应使用浏览器原生提供的 ...
<< 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 >>