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

Javascript 创建类并动态添加属性及方法的简单实现

2017年02月06日 40 阅读

JavaScript 是一种很强的面向对象的语言，支持创建实例之后再添加属性和方法，虽然是小技巧，用的时候容易忘记，今天写了一个很小的例子，记录在这里，仅供参考。function MyClass（） {//This function is same as a constructeralert（"New Object Created"）;} //Creating Objectvar MyObject = new MyClass （）;NewObject.pr...

探究Vue.js 2.0新增的虚拟DOM

2017年02月06日 44 阅读

你可能早就已经听说了 Vue.js 2.0。一个主要的令人兴奋的新特性就是更新页面的"虚拟DOM"的加入。虚拟 DOM 可以做什么？React 和 Ember 都使用了虚拟DOM来提升页面的刷新速度。为了理解其如何工作，让我们先讨论一下几个概念：更新DOM的花费时间非常长当我们使用 JavaScript 来改变页面的时候，浏览器不得不做一些工作来找到需要的DOM节点，并且做出类似这样的改变：document.getElementById（"myId"）.a...

Vue.js Ajax动态参数与列表显示实现方法

2017年02月06日 44 阅读

Vue.js简介vue是法语中视图的意思，Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。一、动态参数显示 ajax异步请求后，接收到返回的data参数并显示在前端1.1 引入js，也加入了jQuery<script type="text/javascript" src="/js/vue.min.js"></script><script type="text/javascript" src=...

Javascript实现图片懒加载插件的方法

2017年02月06日 44 阅读

前言网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度，具体实现的技术并不复杂，下面分别对其说明。Web 图片的懒加载就是通过读取img元素，然后获得img元素的data-src（也可以约定为其他属性名）属性的值，并赋予img的src，从而实现动态加载图片的机...

Zabbix添加Node.js监控的方法

2017年02月06日 44 阅读

目前网上已有 pm2-zabbix 工具可以实现Zabbix对Node.js的监控报警，Github地址。特征：自动发现通过PM2管理的Node.js进程。报告Nodes.js进程状态、CPU占用率、内存占用以及进程是否重启。监控PM2守护进程自身状态、资源占用和PID改变。已提供易于安装的Zabbix监控项模板。1.Node.js服务器安装 pm2-zabbixnpm install -g pm2-zabbix测试自动发现功能是否正常：pm2-zabbi...

纯JavaScript手写图片轮播代码

2017年02月06日 47 阅读

废话不多说了，直接给大家贴js代码实现手写图片轮播的代码了，代码非常简单，具体代码如下所示：<！DOCTYPE html><html><head><meta charset="UTF-8"><title>js图片轮播切换</title><style type="text/css"> .imgCon{width: 400px;height: 400px;border: 2p...

基于原生js淡入淡出函数封装（兼容IE）

2017年02月06日 42 阅读

在开发的过程中，我们要做淡入淡出效果的话，我们完全可以使用jQuery的fadeTo（）方法。但是我们的目的不只是会用，而是理解程序底层的逻辑。这篇文章主要就是利用原生的javascript实现淡入淡出的效果。构建框架，基本没难度。<！DOCTYPE html> <html><head> <meta charset="UTF-8"> <title>透明度函数的封装</title> &l...

分享javascript、jquery实用代码段

2017年02月06日 44 阅读

本文实例为大家简单分享javascript、jquery实用demo，供大家参考，具体内容如下javascript判断H5页面离开function onbeforeunloadFn（）{ console.log（"离开页面"）; //...code}function showOnbeforeunload（flags）{ if（flags）{ document.body.onbeforeunload = onbeforeunloadFn; }else{ do...

基于AngularJS前端云组件最佳实践

2017年02月06日 44 阅读

AngularJS是google设计和开发的一套前端开发框架，他能帮助开发人员更便捷地进行前端开发。AngularJS是为了克服HTML在构建应用上的不足而设计的，它非常全面且简单易学习，因此AngularJS快速的成为了javascript的主流框架。一、Amazing的AngularAnguarJS的特性方便的REST： RESTful逐渐成为了一种标准的服务器和客户端沟通的方式。你只需使用一行javascript代码，就可以快速的从服务器端得到数据。...

Javascript中内建函数reduce的应用详解

2017年02月06日 46 阅读

前言一般而言，可以通过reduce方法实现的逻辑都可以通过forEach方法来变相的实现，虽然不清楚浏览器的js引擎是如何在C＋＋层面实现这两个方法，但是可以肯定的是reduce方法肯定也存在数组的遍历，在具体实现细节上是否针对数组项的操作和存储做了什么优化，则不得而知。数组的reduce方法的应用reduce方法有两个参数，第一个参数是一个callback，用于针对数组项的操作；第二个参数则是传入的初始值，这个初始值用于单个数组项的操作。需要注意的是，r...

Angular.JS学习之依赖注入$injector详析

2017年02月06日 43 阅读

前言在依赖注入（IoC）之前，我们在程序中需要创建一个对象很简单也很直接，就是在代码中new Object即可，有我们自己负责创建、维护、修改和删除，也就是说，我们控制了对象的整个生命周期，直到对象没有被引用，被回收。诚然，当创建或者维护的对象数量较少时，这种做法无可厚非，但是当一个大项目中需要创建大数量级的对象时，仅仅依靠程序员来进行维护所有对象，这是难以做到的，特别是如果想在程序的整个生命周期内复用一些对象，我们需要自己写一个缓存模块对所有对象进行缓存...

seajs学习教程之基础篇

2017年02月06日 47 阅读

介绍众所周知前端开发模块化已经是大势所趋，目前模块化的规范有很多，众所周知的有commonJS，Module/Wrappings和AMD等，而且ES6也着手开始制定模块化机制的实现。类似于c/c++的include，java中的import关键字，在js中也定义了require关键字，用以引进依赖模块。由于规范的多样性，模块化的实现也是各有各的不同。nodejs遵从的就是commonJS规范，它有着一些形式上的约定： 1、require为函数，该函数接...

NODE.JS跨域问题的完美解决方案

2017年02月06日 46 阅读

这几天公司同事（前端）写页面的时候一直说拿不到想要的JSON，安卓iOS那边是可以拿到的，但他也是新手也不知道为什么只知道是js跨域问题，然后问我我也不懂前端我开始百度，有人说是谷歌浏览器跨域要设置一下，然后我就在谷歌浏览器的目标后面加一个 --disable-web-security但是后来发现依然报错，依然拿不到想要的数据。后来也不停的找找找也没有什么眉目。直到今天百度了一下PHP的跨域启发了我，于是百度找到了node.js的跨域问题，最后我在 app...

Angular表单验证实例详解

2017年02月06日 47 阅读

表单验证我去，我感觉我这个人其实还是一个很傻逼的一个人，老是因为拼错了一个单词或者怎么样就浪费我很长时间，这样真的不行不行，要正确对待这个问题，好了，说正题吧，angular也有表单验证minlength,maxlength,required呀这些个东西，还有也支持h5的那些验证,h5的那些验证，就是type啦，type="email",number,url呀这些，然后现在要用angular来验证，可以定义样式哈，不错，然后怎么验证呢，好的上代码<！...

seajs学习之模块的依赖加载及模块API的导出

2017年02月06日 49 阅读

前言SeaJS非常强大，SeaJS可以加载任意 JavaScript 模块和css模块样式，SeaJS会保证你在使用一个模块时,已经将所依赖的其他模块载入到脚本运行环境中。通过参照上文的demo，我们结合源码分析在简单的API调用的背后，到底使用了什么技巧来实现各个模块的依赖加载以及模块API的导出。模块类和状态类首先定义了一个Module类，对应与一个模块function Module（uri, deps） { this.uri = uri this.d...

Angularjs 设置全局变量的方法总结

2017年02月06日 43 阅读

AngularJS 设置全局变量的三种方法angularjs自身有二种，设置全局变量的方法，在加上js的设置全局变量的方法，总共有三种。要实现的功能是，在ng-app中定义的全局变量，在不同的ng-controller里都可以使用。1，通过var 直接定义global variable，这根纯js是一样的。2，用angularjs value来设置全局变量。3，用angularjs constant来设置全局变量。下面用一个例子，来说明，上面3种方法：...

JS调用某段SQL语句的方法

2017年02月06日 44 阅读

如何通过JS调用某段SQL语句，这样的需求在报表、数据平台开发中很常见。以报表平台FineReport开发为例，例如在点击某个按钮之后，来判断一下数据库条数，再决定下一步操作。那这在后台如何实现呢？解决思路实现这个功能，首先需要了解Finereport内置的公式，SQL函数，这个肯能大家都懂，就不做介绍了。调用FineRepor的内置公式：FR.remoteEvaluate（"具体公式"），返回值为：这个具体公式的结果。例如：var a = FR.remo...

canvas实现手机端用来上传用户头像的代码

2017年02月06日 46 阅读

废话不多说了直接给大家介绍canvas实现手机端用来上传用户头像的代码，具体代码如下所示：<！DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>label{height:40px;width:100px;border:1px solid #666;display:block;text-a...

Bootstrap模态框禁用空白处点击关闭

2017年02月06日 45 阅读

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模态框在默认情况下，点击其他空白区域（通常是遮罩层），模态框会被关闭，那么以下方法就是禁止点击其他区域关闭模态框。$（"#myModal"）.modal（{backdrop: "static", keyboard: false}）;backdrop:static时,空白处不关闭.keybo...

AngularJS双向数据绑定详解简单实例

2017年02月06日 42 阅读

angular的双向数据绑定，个人理解是，通过model建立数据模型，那么视图上的数据就会对应存储在angular程序里，视图上的数据变化会同步到model，model的数据改变也会同步到视图。下面的demo演示：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>hello, AngularJS！</title...

首页 / 脚本样式 / JavaScript

Javascript 创建类并动态添加属性及方法的简单实现

探究Vue.js 2.0新增的虚拟DOM

Vue.js Ajax动态参数与列表显示实现方法

Javascript实现图片懒加载插件的方法

Zabbix添加Node.js监控的方法

纯JavaScript手写图片轮播代码

基于原生js淡入淡出函数封装（兼容IE）

分享javascript、jquery实用代码段

基于AngularJS前端云组件最佳实践

Javascript中内建函数reduce的应用详解

Angular.JS学习之依赖注入$injector详析

seajs学习教程之基础篇

NODE.JS跨域问题的完美解决方案

Angular表单验证实例详解

seajs学习之模块的依赖加载及模块API的导出

Angularjs 设置全局变量的方法总结

JS调用某段SQL语句的方法

canvas实现手机端用来上传用户头像的代码

Bootstrap模态框禁用空白处点击关闭

AngularJS双向数据绑定详解简单实例