Welcome

首页 / 脚本样式 / JavaScript

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

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

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

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

JavaScript中 ES6 generator数据类型详解

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

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

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

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

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

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

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

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

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

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

2017-02-06 16
本文实例讲述了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 20
利用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 18
本文实例讲述了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 17
本文实例讲述了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...

浅谈js中子页面父页面方法 变量相互调用

2017-02-06 17
（1）子页面调用父页面的方法或者变量：window.parent.方法（）或者变量名window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写window.parent.aa（）;//调取aa函数window.parent.bb;//调取bb变量例如：想在子页面中得到id为aaa的文本框的值window.parent.$（"#aaa"）.val（）;//这种写法的前提是引用了jquery window.parent.getElemen...

window.open打开窗口被拦截的快速解决方法

2017-02-06 17
自己遇到的使用window.open打开新窗口被拦截的几种情况（使用的chrome浏览器，其他浏览器未测）：第一次：window.open（www.jb51.net）,打开了新窗口，但是页面并没有加载出来，需要回车才能出来解决方法：页面地址需要加上协议名称http://或者https://第二次：在ajax异步请求成功的回调函数中使用window.open方法，虽然加上了协议名称，但是，却并没有打开新窗口，在地址栏直接显示 被拦截 的字样解决方法：有两种：...

js实现多图左右切换功能

2017-02-06 16
本文实例为大家分享了js多图左右切换功能，供大家参考，具体内容如下效果图：<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href="http://static9.ppl...
<< 141 142 143 144 145 146 147 148 149 150 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图