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

js 自带的 map（）方法全面了解

2016年08月20日 15 阅读

1. 方法概述map（）方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。2. 例子2.1 在字符串中使用map在一个 String 上使用 map 方法获取字符串中每个字符所对应的 ASCII 码组成的数组：var map = Array.prototype.mapvar a = map.call（"Hello World", function（x） { return x.charCodeAt（0）; }）// a的值为[72, ...

jQuery3.0中的buildFragment私有函数详解

2016年08月20日 15 阅读

时隔 3 个月，jQuery 团队终于发布了 3.0 Alpha 版本。有两个版本 jQuery compat 3.0 和 jQuery 3.0。jQuery compat 3.0 对应之前的 1.x，兼容更多的浏览器，对于IE支持到 8.0 版本jQuery 3.0 对应之前的 2.x，关注更新的浏览器，对于IE支持到 9.0 版本此外， 3.0还增加了对 Yandex 浏览器的支持，一款来自俄罗斯的浏览器。下面看下jQuery3.0中的buildFr...

jQuery EasyUI Tab 选项卡问题小结

2016年08月20日 13 阅读

需要解决的问题：比如说我先把行政区域的页面打开之后，我又把产品类型管理的页面打开，之后我再产品类型管理里添加了一条数据，当我点击横着的行政区域选项卡时，我需要使用到产品类型管理岗添加的数据，但是在行政区域里不存在那条数据。我就想让这条数据显示出来，所以我就想当我点击横着的选项卡的时候，我就想让刷新一下页面。这时那条数据就会显示出来。主要是我完全不知道我点击横着的选项卡触发的事件。代码如下：html选项卡<div data-options="regi...

浅谈JS继承_寄生式继承 & 寄生组合式继承

2016年08月20日 11 阅读

5.寄生式继承与寄生构造函数和工厂模式类似，创建一个仅用于封装继承过程的函数，该函数在内部以某种方式来增强对象，最后返回对象。function createAnother（original）{ var clone = Object.create（original）; //通过调用函数创建一个新对象 clone.sayHi = function（）{//以某种方式来增强这个对象alert（"Hi"）; };return clone;//返回这个对象}var ...

JS读写CSS样式的方法汇总

2016年08月20日 15 阅读

为了日后方便查询，本人翻阅了一些资料总结了以下方法，仅限原生JS，如有不对的地方欢迎指出！只求大家看完觉得有学到点什么就OK了！一、可以通过DOM节点对象的style对象（即CSSStyleDeclaration对象）来读写文档元素的CSS样式如：var elm = document.getElementById（"test"）; elm.style.color = "black";二、通过Element对象的getAttribute（）、setAttri...

浅谈JS继承_借用构造函数 & 组合式继承

2016年08月20日 13 阅读

2.借用构造函数为解决原型中包含引用类型值所带来的问题，我们使用一种叫做借用构造函数（constructor stealing）的技术（又叫伪造对象或经典继承）。这种技术的基本思想：在子类构造函数内部调用超类型构造函数。通过使用apply（）和call（）方法可以在新创建的子类对象上执行构造函数。function SuperType（）{this.colors = ["red", "blue", "green"];}function SubType（）...

json与jsonp知识小结（推荐）

2016年08月20日 18 阅读

json1. json 的值可以是下面这些类型：① 数字（整数或浮点数），比如123，1.23② 字符串（在双引号中）③ 逻辑值（true 或 false）④ 数组（在方括号中）⑤ 对象（在花括号中）⑥ null2. json解析方法① eval（"（" + jsondata + "）" ）; 使用时永远是不安全的，代码注入② JSON.parse（jsondata）;JSONLint json：字符串校验工具3. jQuery 实现ajaxjQuery....

关于JSON与JSONP简单总结

2016年08月20日 15 阅读

一、什么是jsonJSON（JavaScript Object Notation）是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaS...

深入理解（function（）{... }）（）;

2016年08月20日 12 阅读

1.他叫做立即运行的匿名函数（也叫立即调用函数）2.当一个匿名函数被括起来，然后再在后面加一个括号，这个匿名函数就能立即运行起来！有木有很神奇哦~3.要使用一个函数，我们就得首先声明它的存在。而我们最常用的方式就是使用function语句来定义一个函数4.Function 对象 Function对象是JavaScript里面的固有对象，所有的函数实际上都是一个Function对象。我们先看看，Function对象能不能直接运用构造函数创建一个新的函数呢？...

你知道setTimeout是如何运行的吗？

2016年08月20日 12 阅读

大家看下如下代码，猜猜执行结果：var start = new Date;setTimeout（function（）{ console.log（"时间流逝了:"+（new Date - start）+"毫秒"）;}, 200）;while （new Date - start < 1000） {}console.log（1）;function doSoming（）{ setTimeout（function（）{console.log（"时间又流逝了:"...

总结javascript中的六种迭代器

2016年08月20日 22 阅读

1.forEach迭代器forEach方法接收一个函数作为参数，对数组中每个元素使用这个函数，只调用这个函数，数组本身没有任何变化//forEach迭代器function square（num）{document.write（num + " " + num*num + "<br>"）;}var nums = [1,2,3,4,5,6,7,8];nums.forEach（square）;在浏览器中输出的结果是：2.every迭代器every方法接...

DOM中事件处理概览与原理的全面解析

2016年08月20日 14 阅读

事件是一种异步编程的实现方式，本质上是程序各个组成部分之间的通信，DOM支持大量的事件；本文通过这几点向大家详细解析事件处理的基本原理：事件类型、事件目标、事件处理程序、事件对象、事件传播最后再向大家介绍Event对象；一、事件类型（event type）：是一个用来说明发生了什么类型事件的全小写的字符串，如‘mouseover"传统事件类型：表单事件，Window事件，鼠标事件，键盘事件，DOM事件， HTML5事件，触摸屏和移动设备事件等二、事件目标（...

JavaScript里 ==与===区别详解

2016年08月20日 14 阅读

1、对于string,number等基础类型，==和===是有区别的1）不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等2）同类型比较，直接进行“值”比较，两者结果一样2、对于Array,Object等高级类型，==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型，==和===是有区别的1）对于==，将高级转化为基础类型，进行“值”比较2）因为类型不同，===结果为false以上所述是小编...

解决wx.onMenuShareTimeline出现的问题

2016年08月20日 14 阅读

wx.onMenuShareTimeline使用注意事项我在开发测试过程中,发现使用wx.onMenuShareTimeline无效果,没有显示我定义的图片、title和链接,经过调试发现原因如下：1.图片大小要大于300pix才能显示2.这个方法必须先config成功，然后再wx.ready里才能调用。我直接放到$（function（）{}）里执行，实践证明是不行的。wx.config（{debug: true, // 开启调试模式,调用的所有api的返...

javascript验证手机号和实现星号（*）代替实例

2016年08月20日 13 阅读

一、JavaScript替换手机号中间4位// 匹配手机号首尾，以类似“123****8901”的形式输出"12345678901".replace（/（d{3}）d{4}（d{4}）/, "$1****$2"）;示例<！doctype html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" cont...

jQuery弹出下拉列表插件（实现kindeditor的@功能）

2016年08月20日 14 阅读

这几天有个工作需求，就是在富文本输入区域（kindeditor）可以有@功能，能够容易提示用户名的（像在qq群组@人一样）。在网上找了一个叫bootstrap-suggest的插件，却不能满足我的需求，于是我决定在该插件上改良，主要是下面几点：1. @内容的输入，能够匹配多个属性值。2. 选中列表值后，是成块插入kindeditor的（方便删除，也利于区分文本）。3. 修正输入偶数关键字@功能失效问题。前言在一开始，我用bootstrap-suggest（...

利用Javascript实现BMI计算器

2016年08月20日 14 阅读

前言BMI指数（英文为Body Mass Index），是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准，当我们需要比较及分析一个人的体重对于不同高度的人所带来的健康影响时，BMI值是一个中立而可靠的指标。本文将介绍如何用JavaScript实现这个计算器，下面一起看看。话不多说，直接上代码<！DOCTYPE html><html><head lang="en"><meta charset="UTF-8"&...

JavaScript中获取时间的函数集

2016年08月20日 15 阅读

下面给大家介绍下js获取时间的函数集。$（function（）{var mydate = new Date（）;var t=mydate.toLocaleString（）;$（"#time"）.text（t）;$（"#time"）.load（"Untitled-1.html"）; }）;获取JavaScript 的时间使用内置的Date函数完成var mydate = new Date（）;mydate.getYear（）; //获取当前年份（2位）myd...

AngularJS教程之环境设置

2016年08月20日 11 阅读

在本章中，我们将讨论如何设置AngularJS库在Web应用程序开发中使用。我们还将简要地研究了目录结构和它的内容。当打开链接https://angularjs.org/，会看到有两个选项下载AngularJS库：GitHub下载 - 单击此按钮去到GitHub，并获得所有最新的脚本。下载 - 或点击此按钮，屏幕下方会看到：此屏幕给出了使用角JS如下的各种选项：下载和本地主机文件有两种不同的选择：旧版和最新。名字本身是自我说明。旧版版本已经低于1.2.x版...

超实用的javascript时间处理总结

2016年08月20日 13 阅读

前言大家在前端Javascript开发中常会遇到处理日期时间的问题，经常会拿来一大堆处理函数才能完成一个简单的日期时间显示效果。为了提高网站的开发速度，可以把主代码封装在一个单独的函数里面，在需要的时候直接调用，下面看看给大家总结的一些时间处理类。大家需要的时候直接调用就可以了。var myDate = new Date（）;myDate.getYear（）;//获取当前年份（2位）myDate.getFullYear（）;//获取完整的年份（4位,197...

首页 / 脚本样式 / JavaScript

js 自带的 map（） 方法全面了解

jQuery3.0中的buildFragment私有函数详解

jQuery EasyUI Tab 选项卡问题小结

浅谈JS继承_寄生式继承 & 寄生组合式继承

JS读写CSS样式的方法汇总

浅谈JS继承_借用构造函数 & 组合式继承

json与jsonp知识小结（推荐）

关于JSON与JSONP简单总结

深入理解（function（）{... }）（）;

你知道setTimeout是如何运行的吗？

总结javascript中的六种迭代器

DOM中事件处理概览与原理的全面解析

JavaScript里 ==与===区别详解

解决wx.onMenuShareTimeline出现的问题

javascript验证手机号和实现星号（*）代替实例

jQuery弹出下拉列表插件（实现kindeditor的@功能）

利用Javascript实现BMI计算器

JavaScript中获取时间的函数集

AngularJS教程之环境设置

超实用的javascript时间处理总结

js 自带的 map（）方法全面了解