使用jQuery或者原生js实现鼠标滚动加载页面新数据

2017年02月06日 13 阅读

相信很多人都见过瀑布流图片布局，那些图片是动态加载出来的，效果很好，对服务器的压力相对来说也小了很多，用鼠标操作的时候相信都见过这样的效果：进入qq空间，向下拉动空间，到底部时，会动态加载剩余的说说或者是日志 ，今天我们就来看看他们的实现思路和js控制动态加载的代码。下面的代码主要是控制滚动条下拉时的加载事件的，无论是加载图片还是加载记录数据 都可以。加载jQuery库后我们可以这样使用： $（window）.scroll（function （） {var...

JavaScript实现图片滑动切换的代码示例分享

2017年02月06日 12 阅读

假设我们这里有1到5五张bmp图片，那么控制图片切换显示的核心代码可以为：<script> var i=1; var img = new Array（）; img[0] = "1.bmp"; img[1] = "2.bmp"; img[2] = "3.bmp"; img[3] = "4.bmp"; img[4] = "5.bmp"; function playImg（）{ i=i+1; var imgs = document.getElemen...

使用JavaScript脚本判断页面是否在微信中被打开

2017年02月06日 12 阅读

1、根据User-Agent判断// Js获取User-Agent window.navigator.userAgentif（window.navigator.userAgent.match（/MicroMessenger/i） == "micromessenger"）// Php获取User-Agent echo $_SERVER["HTTP_USER_AGENT"];if（strpos（$_SERVER["HTTP_USER_AGENT"],"Micr...

javascript实现label标签跳出循环操作

2017年02月06日 12 阅读

出场：首先我们来说说为什么需要label标签，虽然我们已经知道有break，continue跳出循环，但如果是多重循环那么它们就显的无能为力了，所以就出现了label这个标签来为我们服务。我们先来看看单独使用break的情况for（var i=0;i<4;i++）{for（var j=0;j<4;j++）{if（i===1&&j===1）{break;}else{console.log（"i:"+i+"--j:"+j）;}}}运行结果：i:0-...

在React框架中实现一些AngularJS中ng指令的例子

2017年02月06日 11 阅读

首先设定一段Angularjs代码的ng-class：<i class="header-help-icon down" ng-class="{up:showMenu}"></i> 比较容易理解的Angularjs ng-class设置样式代码，那我们使用React怎么去实现它呢？首先在state设置一个变量比如： isShowLoginMenu，在不同场景改变它的值，然后在绑定在class样式上面<i className={"...

JavaScript实现数据类型的相互转换

2017年02月06日 12 阅读

所有语言都有类型转化的能力，javascript也不例外，它也为开发者提供了大量的类型转化访法，本文为大家分享js实现数据类型的相互转换，具体内容如下字符串转换数字var a = "1";console.log（+a）;console.log（a++）;console.log（-a+3）;console.log（parseInt（a））;console.log（parseFloat（a））;console.log（Number（a））;数字转换字符串var...

Node.js程序中的本地文件操作用法小结

2017年02月06日 12 阅读

Node最引以为傲的就是它有一个非常小的核心。有一些语言绑定了完整的POSIX API，而 Node实现了尽可能少的绑定，并通过同步、异步或流API形式暴露他们。这种方法意味着，操作系统中有一些非常方便的功能，需要在Node中重建。这是一个教你如何使用文件系统软件包的实用教程。引用文件与文件系统的交互很重要的一点是要指向正确的文件。由于NPM的包使用相对路径引用，所以你不能把路径写死在代码。有两个主要方式来以确保包能引用到正确的文件：// 使用 `path...

一波JavaScript日期判断脚本分享

2017年02月06日 12 阅读

1、比较两个日期先后 var x = new Date（"2015-05-25"）; var y = new Date（"2015-05-25"）;if （x.getTime（） == y.getTime（）） {It"ll be true; } 2、是否在两个日期之间var beforeSpringDate, afterSpringDate;for （var i = 0; i < springFestivalDays.length; i++） {b...

浅谈javascript中的call、apply、bind

2017年02月06日 11 阅读

在JavaScript中，call、apply和bind 是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向，从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解，并列出几个经典应用场景。call（thisArgs [,args...]）该方法可以传递一个thisArgs参数和一个参数列表，thisArgs指定了函数在运行期的调用者，也就是函数中的this对象，而参数列表会被传入调用函数中。thisArgs的取...

详解JS正则replace的使用方法

2017年02月06日 11 阅读

在讲replace的高级应用之前，我们先简单梳理一下JS正则中的几个重要的知识点，以帮助你对基础知识的回顾，然后再讲解JS正则表达式在replace中的使用，以及常见的几个经典案例。一、正则表达式的创建JS正则的创建有两种方式： new RegExp（） 和 直接字面量。//使用RegExp对象创建var regObj = new RegExp（"（^s+）|（s+$）","g"）;//使用直接字面量创建var regStr = /（^s+）|（s+$）/...

javascript数组去重小结

2017年02月06日 11 阅读

前言最近为了换工作，准备下面试，开始回顾复习JavaScript相关的知识，昨天下午想到了数组去重的相关方法，干脆整理出几篇JavaScript算法文章，以备后用，此系列文章不定篇数，不定时间，想到哪写到哪，不保证正确性，不保证高效率，只是谈谈个人理解，如有错误，请诸位斧正。关于去重数组去重是一个比较常见的算法考察点，实现去重的方式无外乎通过唯一性和非唯一性。简单来讲就是挑出唯一的或者删除不唯一的。以下所有算法都是我自己瞎命名的，请无视之。循环匹配去重顾名...

不定义JQuery插件 不要说会JQuery

2017年02月06日 11 阅读

一、导言 有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写（"#"），（"#"），（"."），写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。二、普及JQuery知识知识1：用JQuery写插件时，最核心的方法有如下两个：$.extend（object） 可以理解为JQuery 添加一个静态方法。$.fn.extend（object） 可以理解为JQuery实例添加一个方...

js日期插件dateHelp获取本月、三个月、今年的日期

2017年02月06日 11 阅读

最近看了一些关于面向对象的知识，最近工作中在做统计查询的时候需要用到本月、近三个月、今年的日期范围，所以下面用用面向对象的思想写了一个获取日期的插件，大家可以借鉴使用。直接通过new DateHelp就可以调用了var myDate = new DateHelp（{date:"2015-02-01",//从此日期开始计算format:"yyyy/MM/dd"}）;myDate.getThisMonth（）;myDate.getThreeMonth（）;my...

论JavaScript模块化编程

2017年02月06日 11 阅读

JavaScript模块化编程的重要性JavaScript的原型是java，它也是一种面向对象编程语言，属于一种弱类型语言，它具有更大的灵活性。以往在编写javascript代码时，都是直接编写一个个.js文件，然后用script标签在html页面中引用，这样就会带来几方面的问题：1、出现大量的全局变量 js在每个地方都可以定义一个全局变量，编写不符合规范将导致大量全局变量的出现，最终程序将难以维护。2、js加载顺序要按照代码的依赖顺序 最简单的，例如a....

基于JavaScript实现快速转换文本语言（繁体中文和简体中文）

2017年02月06日 11 阅读

一般商业网站都有一个语言的需求，就是为了照顾使用正体中文的国人，会特地提供一个切换到正体中文的选项（或曰“繁体中文”）。传统做法是在服务端完成的，即通过某些控件或者过滤器转换文本语言。这里笔者介绍一种简单可行的方法，不是在服务端而是利用前端的 JavaScript 就可以切换正体中文。如下图，我们把切换按钮放在页脚（当然你也可以放置在“导航”或者其他更醒目的位置）。由于页面假设设定均使用 Unicode 字符集，于是一般不用考虑 GB2312/BIG5 字...

javascript特殊日历控件分享

2017年02月06日 12 阅读

本文为大家分享了一个炫酷的js日历控件，供大家参考，具体内容如下引用JSLit.js 下载 JSLite.io，兼容 JSLite 和 jQuery安装方法页面引用 JSLite 或者jQuery<div id="JSLiteCalenbar4"><input type="text"></div><script type="text/javascript" src="../JSLite.js"></sc...

JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招

2017年02月06日 12 阅读

一般商业网站都有一个语言的需求，就是为了照顾使用正体中文的国人，会特地提供一个切换到正体中文的选项（或曰“繁体中文”）。传统做法是在服务端完成的，即通过某些控件或者过滤器转换文本语言。这里笔者介绍一种简单可行的方法，不是在服务端而是利用前端的 JavaScript 就可以切换正体中文。大概六年前我还专门写过这议题的博文，这篇也是奠基在那篇文章（旧文也是参考了一高手代码）之上，《对 JavaScript 繁简字切换的小改进》。时过境迁，有必要把代码进行更新一...

基于jquery编写分页插件

2017年02月06日 12 阅读

扩展JQuery很容易，作为一个练习，编写一个简单的分页插件，代码量不大，直接看代码好了：$.fn.mypagination = function（totalProperty,opts）{ opts = $.extend（{ perPage:10, callback:function（）{ } },opts||{}）;return this.each（function（）{ function numPages（）{ return Math.ceil（tot...

利用JQuery写一个简单的异步分页插件

2017年02月06日 11 阅读

写了一个Jquery异步分页插件，拿出来分享一下，有不完善之处请指教。以用户分页为例，先看一下效果，首先是第一页：下一页或者点击第二页后：点击尾页后：效果还可以吧？来看看具体怎么用，首先后台要有一个Page模型：Page.java：public class Page {/** * 当前页号 */private int currPageNum = 1;/** * 总记录数 */private int totalRowSize = 0;/** * 每页记录数 ...

jquery+json实现分页效果

2017年02月06日 12 阅读

Json作为一种轻量级的数据交换格式,由于其传输数据格式的方便性，今天偶然想将其应用于分页实现，分页做为web开发一个长久的话题，其应用的高效与重要性就不多说了本文主要技术:反射机制，Json数据格式，jquery为了应用的通用性，首先要根据反射机制，能将要返回的任意类型的结果对象转化成Json类型的格式。public static String toJSON（Object obj） {HashMap map = new HashMap（）;Class c...