JavaScript资料,JavaScript文章,JavaScript文档-易库教程

JSON语法五大要素图文介绍

2017年02月06日 21 阅读

JSON语法是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成,下面就进行学习研究，希望本文能教会你更多东西。JSON语法开发内容包括：更容易的设计集成、扩充的部署选项、更为丰富多彩的登录和个性化服务以及更好的数据访问和同步，还可以使用 json_encode（）使来自 PHP 数据库连接的数据可用于 Ajax 应用程序。JSON语法JSON的语法很简单，就是使用大括号"{}"，中括号"[]"，逗号"，"，冒号"："，双引号"“”"。...

js 限制数字 js限制输入实现代码

2017年02月06日 20 阅读

1.只能输入汉字的复制代码代码如下: <input onkeyup="value=value.replace（/[^u4E00-u9FA5]/g,""）" onbeforepaste="clipboardData.setData（"text",clipboardData.getData（"text"）.replace（/[^u4E00-u9FA5]/g,""））"> 2.只能输入数字的复制代码代码如下: <input onkey...

JavaScript中proto与prototype的关系深入理解

2017年02月06日 20 阅读

这里讨论下对象的内部原型（__proto__）和构造器的原型（prototype）的关系。一、所有构造器/函数的__proto__都指向Function.prototype，它是一个空函数（Empty function）复制代码代码如下: Number.__proto__ === Function.prototype // true Boolean.__proto__ === Function.prototype // true String.__p...

将光标定位于输入框最右侧实现代码

2017年02月06日 21 阅读

前端开发过程中，经常需要这样的场景。用JS实现将光标定位于输入框最右侧。场景一：编辑图片的描述文字场景二：Script.aculo.us的Ajax.InPlaceEditor类。双击可编辑，编辑后离开可自动更新该区域。以上场景都需要JS实现将光标定位于输入框最右侧，却不是通过鼠标点入输入框内。我们知道实现最基本的方法是HTMLElement的focus方法。如下复制代码代码如下: <p> <input type="text" value...

JavaScript中“+”的陷阱深刻理解

2017年02月06日 22 阅读

一、两个中括号相加 [] + [] 中括号没有语句块的作用，因此这里的两个中括号就是一个数组。两个数组（对象类型）相加先要将其转换成值类型（基本类型）。 1，转成值类型调用valueOf，[]的valueOf（）还是自己复制代码代码如下: var arr = []; arr.valueOf（） === arr; // true 2，转成字符串，[]的toString是空字符串复制代码代码如下: [].toString（）; // "" Strin...

js动画（animate）简单引擎代码示例

2017年02月06日 21 阅读

用惯了jquery的同学,相信都很欣赏其动画引擎。确实相对比较完善！如果，如果想像力足够丰富的话，相信可以做出超出想像的效果。当然，跟2d库比起来，还是相差相当一段距离。jquery压根也不是专门为动画而设计的。模拟真实世界方面，还是不足的。但在web世界里还是游刃有余的。动画其实一直是flash的专属领地（web区哉）。只是它常常沦为黑客攻击的漏洞所在，而且要装插件，有时候文件实在太大，而且性耗实在是高啊。html5出现后，其实adobe自己都转移阵地到...

无缝滚动改进版支持上下左右滚动（封装成函数）

2017年02月06日 18 阅读

复制代码代码如下:<！DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>无缝滚动——上下</title> <style type="text/css"> *{margin:0;padding:0;} li{list-style:none;} img{border:0;} #scroll...

关于javascript中的typeof和instanceof介绍

2017年02月06日 21 阅读

typeof用来检测给定变量的数据类型（也可叫做基本类型，基本数据类型。包含undefined、boolean、string、number、object、function）var message = "so easy";alert（typeof message）; //"string"alert（typeof 12）; //"number"可以这样记忆：typeof是用来判断不是用new创建的“变量”。instanceof用来检测对象的类型（也可叫做引用类...

在js（jquery）中获得文本框焦点和失去焦点的方法

2017年02月06日 19 阅读

先来看javascript的直接写在了input上复制代码代码如下: <input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if（this.value==""） this.value="楼盘账号";" onFocus="if（this.value=="楼盘账号"） this.value="";" /> <input name="p...

js multiple全选与取消全选实现代码

2017年02月06日 21 阅读

复制代码代码如下:$（"select"）.change（function（）{ var n = $（this）.children（）.length; var obj; var i = 1; $（this）.children（）.each（function（）{ if（i == n） { alert（$（this）.text（））; } i++; }）; }）;综合以上二法，本人轻易得出了自己想要的效果，如下：复制代码代码如下:function sele...

javascript中有趣的反柯里化深入分析

2017年02月06日 21 阅读

写在前面的话：国内对前端的研究在某些方面也不逊色于国外，这篇文章虽然看不太懂，但我很欣赏这种深入研究的精神！反科里化的话题来自javascript之父Brendan Eich去年的一段twitter. 近几天研究了一下，觉得这个东东非常有意思，分享一下。先忘记它的名字，看下它能做什么.不要小看这个功能，试想下，我们在写一个库的时候，时常会写这样的代码，拿webQQ的Jx库举例。我们想要的，其实只是借用Array原型链上的一些函数。并没有必要去显式的构造一个...

javascript SpiderMonkey中的函数序列化如何进行

2017年02月06日 20 阅读

在Javascript中,函数可以很容易的被序列化（字符串化）,也就是得到函数的源码.但其实这个操作的内部实现（引擎实现）并不是你想象的那么简单.SpiderMonkey中一共使用过两种函数序列化的技术:一种是利用反编译器（decompiler）将函数编译后的字节码反编译成源码字符串,另一种是在将函数编译成字节码之前就把函数源码压缩并存储下来,用到的时候再解压还原. 如何进行函数序列化在SpiderMonkey中,能将函数序列化的方法或函数有三个:Fun...

php图像生成函数之间的区别分析

2017年02月06日 20 阅读

新手对php图像生成函数imagecreatetruecolor（）和imagecreate（）又不解之处，首先来看看官方对这两个函数的解释： resource imagecreatetruecolor （ int $x_size , int $y_size ）返回一个图像标识符，代表了一幅大小为 x_size 和 y_size 的黑色图像。 resource imagecreate （ int $x_size , int $y_size ）返回一个图...

javascrpt绑定事件之匿名函数无法解除绑定问题

2017年02月06日 20 阅读

经常听到有人说，匿名函数绑定事件不好控制啊，无法解除绑定啊等等等等，一直很奇怪谁说的不能解除绑定。下面来实现click事件2次后，自动解除绑定。看代码：复制代码代码如下: var dom=document.getElementById（"test"）,clickt=0; dom.addEventListener（"click",function（e）{ clickt++; alert（"你摸了我"+clickt+"下了。最多摸2下哦"）; if（c...

缓动函数requestAnimationFrame 更好的实现浏览器经动画

2017年02月06日 18 阅读

写缓动函数用到requestAnimationFrame函数，之前了解过一些，但总觉得又不是很了解，所以翻译一篇老外的文章，以便学习分享。 requestAnimationFrame是什么？以前我们做动画需要一个定时器，每间隔多少毫秒就做出一些改变。现在有个好消息：浏览器厂商已经决定提供一个专门做动画的方法，即requestAnimationFrame（），而且基于浏览器的层面也能更好的进行优化。但是呢，这只是一个做动画的基础API，即不基于DOM元素的...

JavaScript之Getters和Setters 平台支持等详细介绍

2017年02月06日 21 阅读

来自John Resig早年的文章，大致翻译了一下，以作备忘。令人高兴的是，我想我终于可以说，“现在，JavaScript的Getters和Setters使用非常广泛，它和每个JavaScript开发者的切身利益息息相关”。靠，我为了说这句话已经等了很久了。首先，我们先来快速了解什么是Getters和Setters，以及它们为什么很有用。然后，我们来看看现在都有哪些平台支持Gettets和Setters。 Getters和Setters Getters...

js写一个弹出层并锁屏效果实现代码

2017年02月06日 21 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content...

javascript操作JSON的要领总结

2017年02月06日 21 阅读

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。本文主要是对JS操作JSON的要领做下总结。在JSON中，有两种结构：对象和数组。 1. 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”...

定义JavaScript二维数组采用定义数组的数组来实现

2017年02月06日 22 阅读

1. javaScript没有提供直接定义二维数组的方法，但可以使用定义数组的数组来定义JavaScript二维数组：例如定义一个 4X3二维数组a可以采用如下方法： var a=new Array（）; a[0]=new Array（）; a[1]=new Array（）; a[2]=new Array（）; a[3]=new Array（）; 下面是一个事例复制代码代码如下: <！DOCTYPE html> <html xmln...

Javascript获取窗口（容器）的大小及位置参数列举及简要说明

2017年02月06日 18 阅读

Javascript获取窗口（容器）的大小及位置一系列的东西比较多，容易混淆，在这里列举及简要说明下：属性方法说明： clientX 相对文档的水平坐标; clientY 相对文档的垂直坐标; offsetX 相对容器的水平坐标; offsetY 相对容器的垂直坐标; scrollWidth 获取对象的滚动宽度; scrollHeight 获取对象的滚动高度; scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 ; sc...

首页 / 脚本样式 / JavaScript

JSON语法五大要素图文介绍

js 限制数字 js限制输入实现代码

JavaScript中__proto__与prototype的关系深入理解

将光标定位于输入框最右侧实现代码

JavaScript中“+”的陷阱深刻理解

js动画（animate）简单引擎代码示例

无缝滚动改进版支持上下左右滚动（封装成函数）

关于javascript中的typeof和instanceof介绍

在js（jquery）中获得文本框焦点和失去焦点的方法

js multiple全选与取消全选实现代码

javascript中有趣的反柯里化深入分析

javascript SpiderMonkey中的函数序列化如何进行

php图像生成函数之间的区别分析

javascrpt绑定事件之匿名函数无法解除绑定问题

缓动函数requestAnimationFrame 更好的实现浏览器经动画

JavaScript之Getters和Setters 平台支持等详细介绍

js写一个弹出层并锁屏效果实现代码

javascript操作JSON的要领总结

定义JavaScript二维数组采用定义数组的数组来实现

Javascript获取窗口（容器）的大小及位置参数列举及简要说明

JavaScript中proto与prototype的关系深入理解