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

前端开发必知的15个jQuery小技巧

2017年02月06日 87 阅读

下面这些简单的小技巧能够帮助你玩转jQuery。1、返回顶部按钮通过使用jQuery中的animate 和scrollTop 方法，不用插件就可以创建一个滚动到顶部的简单动画：// Back to top$（".top"）.click（function （e） {e.preventDefault（）;$（"html, body"）.animate（{scrollTop: 0}, 800）;}）;<！-- Create an anchor tag --...

NodeJS遍历文件生产文件列表功能示例

2017年02月06日 92 阅读

本文实例讲述了NodeJS遍历文件生产文件列表功能。分享给大家供大家参考，具体如下：功能需求：在工作中我们可能经常需要知道项目中静态文件列表发布，一个一个去检索写，那就太苦逼了。要想知道里面的文件列表是不是很蛋疼，可能我们也会有dos tree去获取。这里分享一下，通过node，知道文件路径，并配置远程路径，直接copy，发布。新建filelist.js 里面都有注释，我就不哆嗦了.var fs = require（"fs"）;//path模块，可以生产相...

原生js实现类似fullpage的单页/全屏滚动

2017年02月06日 98 阅读

前言单页/全屏滚动页面越来越常见了，它多用于产品介绍、招聘等内容较少的简单页面。针对这种效果也出现了不少 jQuery 插件，本文实现的效果类似于fullpage的单屏滚动，使用原生JS实现，不依赖任何js库；css代码：html,body {height:100%;}body {margin:0px;}div {height:100%;}html代码:<div style="background:#FEE;"></div><...

jQuery加载及解析XML文件的方法实例分析

2017年02月06日 89 阅读

本文实例讲述了jQuery加载及解析XML文件的方法。分享给大家供大家参考，具体如下：1、简述XML（eXtensible Markup Language）即可扩展标记语言，与HTML一样，都是属于SGML标准通用语言。2、 Content-Type很多情况下XML文件不能正常解析都是由于Content-Type没有设置好。如果Content-Type本身就是一个XML文件则不需要设置；如果是由后台程序动态生成的，那么就需要设置Content-Type为“...

jQuery实现的分页功能示例

2017年02月06日 94 阅读

本文实例讲述了jQuery实现的分页功能。分享给大家供大家参考，具体如下：1、分页栏HTML码<div class="g-cf g-pagerwp"><div style="visibility:hidden" class="g-pager"></div></div>2、CSS样式文件.g-cf:after {clear: both;content: "";display: table;}.g-cf {zoo...

angularJS 指令封装回到顶部示例详解

2017年02月06日 100 阅读

关于angularJS如何回到顶部，还是直接code吧！1.构建指令，使用registerDirective构建指令添加到内部的hasDirectives对象内，以方便后面在全局查找指令的时候进行匹配。/** **回到顶部 **/define（["app"], function （app） {app（）.registerDirective（"backToTop", function （） { return { restrict: "E", link: fu...

利用JS实现文字的聚合动画效果

2017年02月06日 126 阅读

前言所谓文字聚合效果，原理就是将容器分为若干的小块，然后每个小块设置 background-poisition ，最后添加css3动画就可以了，去掉注释，也就仅仅20行的代码。先来看看效果图：js代码如下：//c为列数，r为行数，把box划分成多少个小块 var box = document.querySelector（".boxWrap1"）,c=4,r=8; //每个小块的宽高 var w = box.offsetWidth/c,h = box.off...

node.js基于mongodb的搜索分页示例

2017年02月06日 89 阅读

mongodb模糊查询并分页1.建立数据库代码如下：var mongoose = require（"mongoose"）;var shortid = require（"shortid"）;var Schema = mongoose.Schema;var IndexDataSchema = new Schema（{_id: {type: String,unique: true,"default": shortid.generate},type: String...

JS实现点击表头表格自动排序（含数字、字符串、日期）

2017年02月06日 100 阅读

效果图如下：Demo演示地址：点击这里主要的JS代码如下：var tbody = document.querySelector（"#tableSort"）.tBodies[0];var th = document.querySelector（"#tableSort"）.tHead.rows[0].cells;var td = tbody.rows;for （var i = 0;i < th.length;i++）{th[i].flag = 1;th[...

通过jsonp获取json数据实现AJAX跨域请求

2017年02月06日 93 阅读

AJAX（异步的 JavaScript 和 XML）是用于创建快速动态网页的一种技术，它在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页，ajax 使用XMLHttpRequest对象在后台与服务器交换数据，XMLHttpRequest 是 AJAX 的基础，它允许客户端 JavaScript 通过 HTTP请求连接到远程服务器。但是，由于受到浏览器的限制，这种方法不可以进行跨域访问，如果使用这种方法进行跨域访问则会出现安全问题。不过，我们可以...

全面总结Javascript对数组对象的各种操作

2017年02月06日 101 阅读

数组数组定义：简而言之就是一组有序的数据集合，其索引为从0开始且自然增长的整数，其元素值可以是任何js数据！并且包含一个名为length的属性，该属性表示数组元素的个数！一、定义数组，有三种定义方式：方式一：var arr=new Array（）; arr[0]=“11”; arr[1]=“22”; arr[2]=“33”; 方式二：var arr=new Array（“11”,“22”,“33”）; 方式三：var arr=[“11”,“22”,“33”...

loading动画特效小结

2017年02月06日 85 阅读

话不多说，请看代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>lodading动画效果上</title> <link rel="stylesheet" href="style.css"/> <style> .box{ width: 100%; padding:3%; bo...

Javascript中字符串和数字的操作方法整理

2017年02月06日 92 阅读

1、length – 返回字符串的长度‘abcd".length; //4 2、Math.ceil（num） – 向上取整，不管小数点后面是多少，哪怕.00001，也会向上进一位。Math.ceil（25.9）; //26 Math.ceil（25.5）; //26 Math.ceil（25.1）; //26 3、Math.floor（num） – 向下取整，不管小数点后面是多少，哪怕.99999，也会向下减一位。Math.floor（25.9）; //2...

JavaScript中匿名函数的递归调用

2017年02月06日 84 阅读

不管是什么编程语言，相信稍微写过几行代码的同学，对递归都不会陌生。以一个简单的阶乘计算为例：function factorial（n） { if （n <= 1） {return 1;} else {return n * factorial（n-1）;}}我们可以看出，递归就是在函数内部调用对自身的调用。那么问题来了，我们知道在Javascript中，有一类函数叫做匿名函数，没有名称，怎么调用呢？当然你可以说，可以把匿名函数赋值给一个常量：con...

JavaScript 详解预编译原理

2017年02月06日 92 阅读

JavaScript 预编译原理今天用了大量时间复习了作用域、预编译等等知识看了很多博文，翻开了以前看过的书（好像好多书都不会讲预编译）发现当初觉得自己学的很明白，其实还是存在一些思维误区（很多博文具有误导性）今晚就整理了一下凌乱的思路先整理一下预编译的知识吧，日后有时间再把作用域详细讲解一下大家要明白，这个预编译和传统的编译是不一样的（可以理解js预编译为特殊的编译过程） JavaScript是解释型语言，既然是解释型语言，就是编译一行，执行...

Bootstrap 下拉多选框插件Bootstrap Multiselect

2017年02月06日 103 阅读

引入文件：<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/><link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"/><script type="text/javascript" src="js/bootstrap-multiselect.js"...

Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例

2017年02月06日 86 阅读

00.混乱的前端界Angular1.x确实是个学习成本很高的框架，刚开始实习那会儿，前端啥也不懂，工头说用Angular，我们这群小弟也只能硬着头皮学。在这之前，前端的东西大部分都用的jQuery，而Angular正好是和jQuery的思维是相反的，开发过程中遇到了不少坑。而Angular团队也放弃了1.x开始开发和React神似的2.0版本，唉，真是沧海桑田啊。01.Angular vs jQueryAngular模块化和解耦的思路确实值得一学，但是相对...

JavaScript 事件对内存和性能的影响

2017年02月06日 98 阅读

虽说事件处理程序可以为现代 Web 页面添加很强的交互能力，但是不分青红皂白就添加大量的事件处理程序绝对是一种愚蠢的行为。我们来分析一下：事件处理程序本质上是一种函数，是一种对象，存放在内存中，设置大量的事件处理程序会使内存中的对象变多，Web 程序的性能会变得越来越差，用户体验很不好。为了更好地利用好事件处理程序，便出现了事件委托，用来提升性能。事件委托事件委托（event delegation）：把若干个子节点上的相同事件的处理函数绑定到它的父节点上去...

前端分页功能的实现以及原理（jQuery）

2017年02月06日 109 阅读

分页场景常见于电商网站，比如说淘宝天猫的评论区，分页功能一般是后台实现，前端请求就完事了。现闲得无聊，就写出来玩玩，只实现功能，并未封装。基于jq实现分页功能，大致分为以下几步：定义一个分页方法，可多次调用参数设置请求数据页面跳转方法创建非数字按钮和数据内容区创建数字按钮首屏加载调用结构层只需要一个容器<div class="pagination-nick"></div>一、定义分页方法function paginationNick...

jQuery DateTimePicker 日期和时间插件示例

2017年02月06日 178 阅读

jQuery UI很强大，其中的日期选择插件Datepicker是一个配置灵活的插件，我们可以自定义其展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。日期选择插件是一个配置灵活的插件，你可以定义它的展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等文档和下载地址：1、jQuery-Timepicker-Addon的下载地址：http://xiazai.jb51.net/201701/yuanma/jQue...

首页 / 脚本样式 / JavaScript

前端开发必知的15个jQuery小技巧

NodeJS遍历文件生产文件列表功能示例

原生js实现类似fullpage的单页/全屏滚动

jQuery加载及解析XML文件的方法实例分析

jQuery实现的分页功能示例

angularJS 指令封装回到顶部示例详解

利用JS实现文字的聚合动画效果

node.js基于mongodb的搜索分页示例

JS实现点击表头表格自动排序（含数字、字符串、日期）

通过jsonp获取json数据实现AJAX跨域请求

全面总结Javascript对数组对象的各种操作

loading动画特效小结

Javascript中字符串和数字的操作方法整理

JavaScript中匿名函数的递归调用

JavaScript 详解预编译原理

Bootstrap 下拉多选框插件Bootstrap Multiselect

Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例

JavaScript 事件对内存和性能的影响

前端分页功能的实现以及原理（jQuery）

jQuery DateTimePicker 日期和时间插件示例