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

Js调用Java方法并互相传参的简单实例

2016年08月18日 22 阅读

Js通过PhoneGap调用Java方法并互相传参的。一、JAVA代码写一个类，该类继承自Plugin并重写execute方法。import org.json.JSONArray;import android.app.Activity;import android.app.AlertDialog;import android.content.ActivityNotFoundException;import android.content.DialogInt...

js接收并转化Java中的数组对象的方法

2016年08月18日 17 阅读

在做项目时，要向ocx控件下发命令，就要在js中得到java中的对象，然后拼成一种格式，下发下去。。。当对象是一个时比较简单，但如果对象是一个数组时，就略显麻烦了。开始我以为有简单的方式，可以直接进行内容的转化，后来发现不可以，网上说js与java没有桥接的东西，所以呢：我的解决方案是：在action层，将java的对象数组转化为Json串，而在js中，再把json转化为数组对象。1.将java的对象数组转化为Json串：要用到两个类：net.sf.jso...

JavaScript性能优化总结之加载与执行

2016年08月18日 19 阅读

前言无论当前 JavaScript 代码是内嵌还是在外链文件中，页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久，浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于，脚本可能会改变页面或 JavaScript 的命名空间，它们对后面页面内容造成影响。一个典型的例子就是在页面中使用document.write（），例如清单 1清单 1 JavaScript 代码内嵌示例<html>&...

JavaScript性能优化之函数节流（throttle）与函数去抖（debounce）

2016年08月18日 13 阅读

函数节流，简单地讲，就是让一个函数无法在很短的时间间隔内连续调用，只有当上一次函数执行后过了你规定的时间间隔，才能进行下一次该函数的调用。函数节流的原理挺简单的，估计大家都想到了，那就是定时器。当我触发一个时间时，先setTimout让这个事件延迟一会再执行，如果在这个时间间隔内又触发了事件，那我们就clear掉原来的定时器，再setTimeout一个新的定时器延迟一会执行，就这样。以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，...

JS获取字符串实际长度（包含汉字）的简单方法

2016年08月18日 17 阅读

方法一：var jmz = {};jmz.GetLength = function（str） {///<summary>获得字符串实际长度，中文2，英文1</summary>///<param name="str">要获得长度的字符串</param>var realLength = 0, len = str.length, charCode = -1;for （var i = 0; i < len; i...

jQuery多个版本和其他js库冲突的解决方法

2016年08月18日 21 阅读

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题，这个问题 jquery早早就有给我们预留处理方法了，下面一起来看看解决办法。1.同一页面jQuery多个版本或冲突解决方法。<！DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><title>jQuery测试页</title></head>&l...

jQuery 翻页组件yunm.pager.js实现div局部刷新的思路

2016年08月18日 20 阅读

前端的翻页插件有很多，bootstrap的翻页界面看起来就不错，做起来也易于上手，但应用于项目中的翻页实现还有有几个难点，分别是：如何封装一个翻页插件，如题中的yunm.pager.js。涉及到的div局部刷新该如何做。在没给大家介绍正文之前，先给大家展示下效果图，如果感觉还不错，请继续往下阅读：翻页的总体流程涉及到的知识点很多，这篇文章我们也主要来关注以上两点，其余的内容，请自悟。一、如何定义局部刷新的div翻页时，我们一般只会刷新页面中涉及到翻页的父级...

jQuery的图片轮播插件PgwSlideshow使用详解

2016年08月18日 23 阅读

0 PgwSlideshow简介 PgwSlideshow是一款基于Jquery的图片轮播插件，基本布局分为上下结构，上方为大图轮播区域，用户可自定义图片轮播切换的间隔时间，也可以通过单击左右方向按键实现图片切换；下方为要轮播的所有图片的缩略图展示，可直接单击缩略图快速切换图片。PgwSlideshow主要有以下特点：•体验度很好的响应式设计•支持桌面及移动设备•身形矫健，压缩后的文件只有不到4KB•你可以自...

Nodejs抓取html页面内容（推荐）

2016年08月18日 20 阅读

废话不多说，直接给大家贴node.js抓取html页面内容的核心代码了。具体代码如下所示：var http = require（"http"）;var iconv = require（"iconv-lite"）;var option = { hostname: "stockdata.stock.hexun.com",path: "/gszl/s601398.shtml"}; var req = http.request（option, function（r...

基于MVC5和Bootstrap的jQuery TreeView树形控件（一）之数据支持json字符串、list集合

2016年08月18日 18 阅读

本文支持两种方式的数据，一种为List集合，一种为json字符串。先来介绍一下后台返回list集合（推荐使用此方法）：控制器代码如下：public static List<TC_DictionaryInfo> DInfo = new List<TC_DictionaryInfo>（）;/// <summary>/// TreeView视图/// </summary>/// <returns><...

基于MVC5和Bootstrap的jQuery TreeView树形控件（二）之数据支持json字符串、list集合

2016年08月18日 18 阅读

在上篇给大家介绍了基于MVC5和Bootstrap的jQuery TreeView树形控件（一）之数据支持json字符串、list集合。这种方式其实还是利用list集合的方式传给前台，只不过在前台做了一些小小的变化，而控制器代码也进行了部分的优化，值的一提的是：没用的ajax前后台交互舍弃掉了。控制器代码如下：//实例化公共静态字典表集合public static List<TC_DictionaryInfo> DInfo = new List...

JavaScript中 ES6 generator数据类型详解

2016年08月18日 19 阅读

1. generator简介generator 是ES6引入的新的数据类型，看上去像一个函数，除了使用return返回， yield可以返回多次。generator 由function* 定义, （注意*号）,2. 示例函数无法保存状态，有时需要全局变量来保存数字；2.1"use strict";function next_id（）{var id = 1;while（id<100）{yield id;id++;}return id;}// 测试:...

防止Node.js中错误导致进程阻塞的办法

2016年08月18日 19 阅读

前言在Node.js中，当某个回调函数发生了错误，整个进程都会崩溃，影响后面的代码执行。Node.js这样处理，是因为在发生未被捕获的错误时，进程的状态就不确定。之后也就无法正常工作了。如果错误始终不处理的话，就回一直抛出意料之外的错误，这样不利于调试。防止错误导致的进程阻塞的方法主要有如下两种：一. try-catchtry-catch允许进行异常捕获，并让代码继续执行下去：例如：当函数抛出错误时，代码就停止执行了：（function（） { var a...

利用JavaScript阻止表单提交的两种方法

2016年08月18日 25 阅读

在JavaScript中，阻止表单默认提交行为的方法有两种，分别是：（1） return false示例代码<form name="loginForm" action="login.aspx" method="post"> <button type="submit" value="Submit" id="submit">Submit</button></form><script> var subm...

在windows上用nodejs搭建静态文件服务器的简单方法

2016年08月18日 20 阅读

在windows上用nodejs搭建一个静态文件服务器，即使你一点基础没有也能学会nodejs静态文件服务器的搭建，本文介绍的非常详细，很适合零基础入门的朋友学习。首先安装nodejs:•新建一个node文件夹•下载node.exe到该文件夹•下载npm然后解压到该文件夹•现在node文件夹是这样的•把该目录加入到path环境变量•在命令行执行node -vnpm -v如果得到了版本号...

分享JS数组求和与求最大值的方法

2016年08月18日 14 阅读

前言面试遇到一个问题：JS数组求和函数。我第一想到的就是数组循环。然而我觉得面试官问这个问题一定不是想考这个人人皆知的方法。当时机智的我竟然想到了递归函数不断加和数组的项，然而折腾了好久都没调好方法，事实证明这并不是最优解。最后面试官问我有没有见过reduce（），真木有哇。所以回来查资料，Array.reduce（）是ES5新增的新属性，相似的还有Array.reduceRight（）。下文来总结一下数组求和的方法。最粗暴的方法：循环获取通过for循环一...

JS数组去掉重复数据只保留一条的实现代码

2016年08月18日 14 阅读

非常不多说，js数组去掉重复数据的代码如下所示：var arr = [1,2,3,4,5,6,1,6,7,2];var newArr = [];for（var i =0;i<arr.length-1;i++）{ if（newArr.indexOf（arr[i]） == -1）{ newArr.push（arr[i]）; }}下面再给大家分享高效率去掉js数组中重复项 Array类型并没有提供去重复的方法，如果要把数组的重复元素干掉，那得自...

JS实现图片剪裁并预览效果

2016年08月18日 21 阅读

今天又疯狂学习了web前端的图片剪裁效果，可以有个区域来框住图片的某一部分，并可以预览框住的部分效果图如下：看着是不是很炫呢简单介绍下实现方法吧1.布局就是左右两块div,右边的好说，主要是左边的，左边的用绝对布局的方式分了3层，最下面一层是一个半透明的图片，中间一层是原图，但被剪切成只有一块，也只显示这一块，可以用clip:rect方法实现，然后最上面一层就是自己写的一个边框，在边框上加了8个点，分别给这8个点定义位置。2.然后JS代码用了鼠标的点击事件...

JS简单生成两个数字之间随机数的方法

2016年08月11日 29 阅读

本文实例讲述了JS简单生成两个数字之间随机数的方法。分享给大家供大家参考，具体如下：运行效果截图如下：完整代码如下：<！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"&...

关于数据与后端进行交流匹配（点亮星星）

2016年08月11日 32 阅读

1.在项目中碰到了商品评价页面，里面有关于对商品的星星评价，当时的我只是把效果写出来了（就是用户点击几颗星星亮就显现几颗亮），当我做好页面交给后端同事的时候，他说我这样做没有意义他没法做，那时我的脑子有些懵了。后来后端同事说他来捣腾算了，作为一名21世纪的阳光好青年怎么能够把自己的任务都让同事来帮忙完成呢~通过同事一番指教和自己的探索，总算明白了这里面的关系，下面我通过自己的话来说明这个程序应该怎么写，要具备哪些操作。a，先上图：b:上面图片评价一个亮了5...

首页 / 脚本样式 / JavaScript

Js调用Java方法并互相传参的简单实例

js接收并转化Java中的数组对象的方法

JavaScript性能优化总结之加载与执行

JavaScript性能优化之函数节流（throttle）与函数去抖（debounce）

JS获取字符串实际长度（包含汉字）的简单方法

jQuery多个版本和其他js库冲突的解决方法

jQuery 翻页组件yunm.pager.js实现div局部刷新的思路

jQuery的图片轮播插件PgwSlideshow使用详解

Nodejs抓取html页面内容（推荐）

基于MVC5和Bootstrap的jQuery TreeView树形控件（一）之数据支持json字符串、list集合

基于MVC5和Bootstrap的jQuery TreeView树形控件（二）之数据支持json字符串、list集合

JavaScript中 ES6 generator数据类型详解

防止Node.js中错误导致进程阻塞的办法

利用JavaScript阻止表单提交的两种方法

在windows上用nodejs搭建静态文件服务器的简单方法

分享JS数组求和与求最大值的方法

JS数组去掉重复数据只保留一条的实现代码

JS实现图片剪裁并预览效果

JS简单生成两个数字之间随机数的方法

关于数据与后端进行交流匹配（点亮星星）