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

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

2017年02月06日 35 阅读

方法一：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库冲突的解决方法

2017年02月06日 38 阅读

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局部刷新的思路

2017年02月06日 35 阅读

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

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

2017年02月06日 34 阅读

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

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

2017年02月06日 36 阅读

废话不多说，直接给大家贴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集合

2017年02月06日 32 阅读

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

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

2017年02月06日 34 阅读

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

JavaScript中 ES6 generator数据类型详解

2017年02月06日 36 阅读

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中错误导致进程阻塞的办法

2017年02月06日 36 阅读

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

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

2017年02月06日 34 阅读

在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搭建静态文件服务器的简单方法

2017年02月06日 34 阅读

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

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

2017年02月06日 39 阅读

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

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

2017年02月06日 35 阅读

非常不多说，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实现图片剪裁并预览效果

2017年02月06日 35 阅读

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

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

2017年02月06日 34 阅读

本文实例讲述了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"&...

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

2017年02月06日 33 阅读

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

JS使用正则表达式过滤多个词语并替换为相同长度星号的方法

2017年02月06日 35 阅读

本文实例讲述了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"><...

JavaScript中的冒泡排序法

2017年02月06日 40 阅读

利用sort（）冒泡排序：var arr = [5,39,8,1,2,13,55];arr = arr.sort（function（a,b）{return a-b}）;console.log（arr）;//1,2,5,8,13,39,55 不声明第三个变量冒泡排序：第一层遍历数组的个数（要遍历多少次），第二次遍历（共要循环几次）a = 10; //第一个元素b = 5; //下一个元素if（a>b）{ a = a+b; // a（15） = 10 ...

JS获取url参数、主域名的方法实例分析

2017年02月06日 33 阅读

本文实例讲述了JS获取url参数、主域名的方法。分享给大家供大家参考，具体如下：<script>alert（location.hostname）alert（location.port）alert（location.pathname）alert（location.search）</script><script>function winsx（url） //URL传递的参数{ var winurl =url?url:（...

JS图片等比例缩放方法完整示例

2017年02月06日 34 阅读

本文实例讲述了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"><head><meta...

首页 / 脚本样式 / JavaScript

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简单生成两个数字之间随机数的方法

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

JS使用正则表达式过滤多个词语并替换为相同长度星号的方法

JavaScript中的冒泡排序法

JS获取url参数、主域名的方法实例分析

JS图片等比例缩放方法完整示例