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

JS读写CSS样式的方法汇总

2017年02月06日 38 阅读

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

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

2017年02月06日 39 阅读

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

json与jsonp知识小结（推荐）

2017年02月06日 38 阅读

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

关于JSON与JSONP简单总结

2017年02月06日 35 阅读

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

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

2017年02月06日 35 阅读

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

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

2017年02月06日 42 阅读

大家看下如下代码，猜猜执行结果：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中的六种迭代器

2017年02月06日 37 阅读

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中事件处理概览与原理的全面解析

2017年02月06日 40 阅读

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

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

2017年02月06日 35 阅读

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

解决wx.onMenuShareTimeline出现的问题

2017年02月06日 38 阅读

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

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

2017年02月06日 37 阅读

一、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的@功能）

2017年02月06日 34 阅读

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

利用Javascript实现BMI计算器

2017年02月06日 38 阅读

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

JavaScript中获取时间的函数集

2017年02月06日 35 阅读

下面给大家介绍下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教程之环境设置

2017年02月06日 34 阅读

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

超实用的javascript时间处理总结

2017年02月06日 34 阅读

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

AngularJS教程之MVC体系结构详解

2017年02月06日 35 阅读

模型 - 视图 - 控制器或MVC，MVC是普遍的叫法，是一种软件设计模式，用于开发Web应用程序。模型- 视图 - 控制器模式是由以下三部分组成：模型/Model - 一个负责维护数据模式的最低水平。视图/View - 负责显示所有或数据到用户的部分。控制器/Controller - 软件代码控制Model和View之间的相互作用。MVC是受欢迎的，因为它隔离了应用逻辑从用户界面层和支持的关注点分离。这里的控制器接收用于该应用程序的所有请求，制备视图所需...

AngularJS教程之简单应用程序示例

2017年02月06日 44 阅读

按以下步骤来创建AngularJS应用第1步：加载框架作为一个纯粹的JavaScript框架，它可以使用<script>标签来添加。<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>第2步：使用ng-app指令定义AngularJS应用<div ng-app="">...<...

用NodeJS实现批量查询地理位置的经纬度接口

2017年02月06日 35 阅读

实现步骤1、查询接口网站上这种类型的接口还不少，笔者直接找了百度地图的接口做，接口文档，调用的API是Geocoding API中的地理编码服务请求示例：对北京市百度大厦进行地理编码查询http://api.map.baidu.com/geocoder/v2/?ak=E4805d16520de693a3fe707cdc962045&callback=renderOption&output=json&address=百度大厦&city=北京市这里面...

AngularJS指令详解及示例代码

2017年02月06日 33 阅读

AngularJS指令用于扩展HTML。这些都是先从ng- 前缀的特殊属性。我们将讨论以下指令：ng-app - 该指令启动一个AngularJS应用。ng-init - 该指令初始化应用程序数据。ng-model - 此指令定义的模型，该模型是变量在AngularJS使用。ng-repeat - 该指令将重复集合中的每个项目的HTML元素。ng-app指令ng-app 指令启动一个AngularJS应用。它定义根元素。它会自动初始化或启动加载包含Angu...

首页 / 脚本样式 / JavaScript

JS读写CSS样式的方法汇总

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

json与jsonp知识小结（推荐）

关于JSON与JSONP简单总结

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

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

总结javascript中的六种迭代器

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

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

解决wx.onMenuShareTimeline出现的问题

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

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

利用Javascript实现BMI计算器

JavaScript中获取时间的函数集

AngularJS教程之环境设置

超实用的javascript时间处理总结

AngularJS教程之MVC体系结构详解

AngularJS教程之简单应用程序示例

用NodeJS实现批量查询地理位置的经纬度接口

AngularJS指令详解及示例代码