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

用js实现放大镜的效果的简单实例

2017年02月06日 10 阅读

第一次发博客，还有点小激动，本人现在正在天津上大学，希望以后从事前端这一行业，学习的时间不长，写博客为了记录自己的学习过程和收获，当然也算是巩固。可能写的东西不会像大牛那样高大上，只是一些基本的内容，当然我也会收藏一些我认为好的，不错的文章（其实最主要是我能看懂。。。。）。我相信以后自己也能够写出高大上的东西。加油！废话说的有点多，说正事。前几天看了一段潭州教育的教学视频，其中的老师是用JQuery实现放大镜的效果（老师讲的是在是太慢，各种乱扯，跳着看的）...

浅析JavaScript 箭头函数 generator Date JSON

2017年02月06日 10 阅读

ES6 标准新增了一种新的函数： Arrow Function（箭头函数）。 x => x *x 上面的箭头相当于: function （x）{ return x*x; }箭头函数相当于匿名函数，并且简化了函数定义。一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return： x =>{ ...

在IE8上JS实现combobox支持拼音检索功能

2017年02月06日 10 阅读

最近在ie8碰到一个js问题，需要实现（ie8）使用拼音或者拼音首字母来检索select中的内容，原来的combobox只能支持汉字输入检索，现在需要进行改进，现在我将一步一步的实现方法记录下来，功能简单，也可能有bug和不足，供学习参考。（本文只是提供思路学习和备份，实际情况需要在ie8或者ie兼容模式上使用，所以没有考虑到别的浏览器）目录结构：test|--js|--index.html在index页面中添加index.html<！DOCTYPE...

AngularJS上拉加载问题解决方法

2017年02月06日 9 阅读

项目中始终存在一个问题:当在搜索栏输入关键词后（见图1），按照既定的业务逻辑应该是服务端接收到请求后，首先返回查询的前7条数据，待客户端出现上拉加载时，继续查找另外7条数据。但实际情形是不确定的，在服务端控制台（见图2）可看到begno一直到了126，也就是相当于客户端往服务端请求了127次，这是一个令人无法忍受的结果。图1 客户端搜索栏图2 服务端控制台可以断定是客户端的业务逻辑出现了问题。返回到客户端，查看源码逻辑，修改如下:控制器$scope.med...

基于BootStrap的图片轮播效果展示实例代码

2017年02月06日 9 阅读

先给大家展示下bootstrap图片轮播图，效果如下所示，如果大家感觉效果还不错，请继续往下阅读，参考实现代码。废话不多说了，直接给大家贴代码了，具体代码如下所示：<！DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><...

jQuery中选择器的基础使用教程

2017年02月06日 9 阅读

其实选择器就像开罐器一样，会用这个工具的人，自然吃的到甜头，但不会用这个工具的人，不管罐头里面的面筋土豆有多美味，吃不到就是吃不到，就如同jquery再怎么强大，也只能看着荧幕，而不知该如何下手，不过虽然选择器不难，也容易上手，但老实说，我用了一年多下来，还是觉得自己只有用皮毛而已，所以希望藉着这一系列的笔记，让自己能更长进一些DOM怎么吃DOM可以说是JavaScript与网页之间的联系管道，他提供了一个模型，让JavaScript能藉由此模型来改变或操...

以WordPress为例讲解jQuery美化页面Title的方法

2017年02月06日 10 阅读

这里选取的例子，便是 WordPress 中比较有名的美化超链接Title效果，一般的 title 效果是把鼠标放到 a 元素中便会显示一个黄底色框，而且是延时显示，这样显然不是一个好的 UE ，所以美化的 Title 便诞生了，在本站现在的主题 Line 的侧边栏中把鼠标放到文章标题便显示文章摘要的功能便是使用美化 Title 的原理做的，之所以选取这个例子，一是该例子中很好的体现了 jQuery 中的 DOM 操作，二是美化 Title 在 WordP...

超链接怎么正确调用javascript函数

2017年02月06日 9 阅读

点击超链接调用 JavaScript 函数，一般人都用：复制代码代码如下:<a href="javascript:function（）;">但这有个缺点，就是点击链接后，页面上的GIF动画将静止。试看如下代码：复制代码代码如下:<script type="text/javascript"> <！-- function Foo（） { //do something } //--> </script> ...

jQuery插件formValidator实现表单验证

2017年02月06日 9 阅读

本文实例为大家分享了formValidator实现表单验证的具体代码，供大家参考，具体内容如下测试效果：所需的库文件：实现代码：<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w...

jQuery实现页面评论栏中访客信息自动填写功能的方法

2017年02月06日 9 阅读

首先简单说一说仿登陆的具体操作，用户第一次登陆时会出现用于填写评论者资料的框，当用户评论完成后，将会以 cookie 的方式记录评论者资料，一年后 cookie 自动清除，当用户再次评论时填写评论者资料的 div 将会隐藏，当用户点击“ Change ”时可以再次编辑评论者资料，同时 Change 字样会改为“ Finish ” ，点击 Finish 时填写评论者资料的 div 将会再次隐藏，同时 Change 字样将会改为 Change Again 。以...

jQuery Mobile中的button按钮组件基础使用教程

2017年02月06日 9 阅读

一.Button 组件及 jQuery Mobile 如何丰富组件样式在 jQuery Mobile 里，可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件，jQuery Mobile 会追加一定的样式到链接，值得注意的是，jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应，一般还会追加一些新的元素使到组件的样式更接近于原生的 App 组件样式。下面...

AJAX实现瀑布流触发分页与分页触发瀑布流的方法

2017年02月06日 9 阅读

所谓的瀑布流效果就正如轻图床首页效果那样，多个内容相近的栏目紧密排列，尽量使到栏目间的间隙最小（即流体布局），并且随着页面滚动条向下滚动，新的数据会追加至当前页面的尾部直到所有数据加载完毕（滚动触发的 Ajax 翻页）。瀑布流触发分页这里说一下思路，虽然下面的实例中不能全都用到：1.当进入屏幕时，判断内容是否为空，如果不为空，开始初始化数据。2.当往屏幕下拉时，判断数据的最底部与屏幕高度+滚动的高度的大小。如果最底部小于上面两者之和，重新请求接口，即加载数...

详解JavaScript中|单竖杠运算符的使用方法

2017年02月06日 11 阅读

js运算符单竖杠“|”的作用在js整数操作的时候，相当于去除小数点，parseInt。在正数的时候相当于Math.floor（）,负数的时候相当于Math.ceil（）注：1. Math.ceil（）用作向上取整。2. Math.floor（）用作向下取整。3. Math.round（）我们数学中常用到的四舍五入取整。console.log（0.6|0）//0console.log（1.1|0）//1console.log（3.65555|0）//3c...

JavaScript的Vue.js库入门学习教程

2017年02月06日 9 阅读

Vue是一个小巧轻便的javascript库。它有一个简单易懂的API，能够让开发者在开发web应用的时候更加简易便捷。实际上，一直让Vue引以为豪的是它的便捷性、执行力、灵活性。这篇教程的目的就是通过一些例子，让你能够概览一些基本的概念和特性。在接下来的其他教程里，你会学到Vue更多的有用的特性，从而用Vue搭建一个可扩展的项目。MVVM 数据绑定MVVM的本质是通过数据绑定链接View和Model，让数据的变化自动映射为视图的更新。Vue.js在数据绑...

JavaScript实现复制或剪切内容到剪贴板功能的方法

2017年02月06日 9 阅读

项目中需要实现一个点击按钮复制链接的功能，网上看到的几款插件，ZeroClipboard是通过flash实现的复制功能，随着越来越多的提议废除flash，能不能通过JS来实现复制剪切呢，今天分享一个兼容IE7浏览器复制的插件给大家，支持使用javascript实现复制、剪切和粘贴。方法。复制var copy = new clipBoard（document.getElementById（"data"）, {beforeCopy: function（） {}...

谈一谈bootstrap响应式布局

2017年02月06日 9 阅读

随着移动端的用户越来越多，传统的web系统架构无法兼容很多移动终端的正常使用。在工作中也会发现，现在很多的客户都有在手机、平板等移动终端上使用管理系统的需求。如果单独为每一个终端开发相应的响应网页，这必定增加项目的成本和开发人员的压力。这时候了解响应式布局就很有必要，响应式布局就是为解决多终端问题而生的。本次介绍的是轻量级、开源的、免费的bootstrap。搭建开发环境首先下载官网的boostrap源码包：http://www.bootcss.com/. ...

Node.js服务器环境下使用Mock.js拦截AJAX请求的教程

2017年02月06日 9 阅读

0、Node环境下安装和使用Mock# 安装npm install mockjs// 使用 Mockvar Mock = require（"mockjs"）var data = Mock.mock（{// 属性 list 的值是一个数组，其中含有 1 到 10 个元素"list|1-10": [{// 属性 id 是一个自增数，起始值为 1，每次增 1"id|+1": 1}]}）// 输出结果console.log（JSON.stringify（data,...

JavaScript程序中的流程控制语句用法总结

2017年02月06日 9 阅读

条件判断语句1.if语句if （condition） statement1 else statement2其中的condition条件可以是任意表达式，而且对这个表达式的求值结果不一定是布尔值。ECMAScript会自动调用Boolean（）转换函数将这个表达式的结果转换为一个布尔值。如果对condition求值的结果为true，则执行statement1，如果对condition求值结果为false，则执行statement2。这两个语句既可以是一行代码...

jQuery height（）、innerHeight（）、outerHeight（）函数的区别详解

2017年02月06日 9 阅读

在jQuery中，获取元素高度的函数有3个，它们分别是height（）、 innerHeight（）、 outerHeight（）。与此相对应的是，获取元素宽度的函数也有3个，它们分别是width（）、 innerWidth（）、 outerWidth（）。在这里，我们以height（）、innerHeight（）、outerHeight（）3个函数为例，来详细介绍它们之间的区别。下面我们以元素element的盒模型为例来介绍它们之间的区别。函数高度范围j...

深入理解JavaScript中为什么string可以拥有方法

2017年02月06日 9 阅读

引子我们都知道，JavaScript数据类型分两大类，基本类型（或者称原始类型）和引用类型。基本类型的值是保存在栈内存中的简单数据段，它们是按值访问的。JS中有五种基本类型：Undefined、Null、Boolean、Number和String。引用类型的值是保存在堆内存中的对象，它的值是按引用访问的。引用类型主要有Object、Array、Function、RegExp、Date。对象是拥有属性和方法的，所以我们看到下面这段代码一点也不奇怪.var f...

首页 / 脚本样式 / JavaScript

用js实现放大镜的效果的简单实例

浅析JavaScript 箭头函数 generator Date JSON

在IE8上JS实现combobox支持拼音检索功能

AngularJS上拉加载问题解决方法

基于BootStrap的图片轮播效果展示实例代码

jQuery中选择器的基础使用教程

以WordPress为例讲解jQuery美化页面Title的方法

超链接怎么正确调用javascript函数

jQuery插件formValidator实现表单验证

jQuery实现页面评论栏中访客信息自动填写功能的方法

jQuery Mobile中的button按钮组件基础使用教程

AJAX实现瀑布流触发分页与分页触发瀑布流的方法

详解JavaScript中|单竖杠运算符的使用方法

JavaScript的Vue.js库入门学习教程

JavaScript实现复制或剪切内容到剪贴板功能的方法

谈一谈bootstrap响应式布局

Node.js服务器环境下使用Mock.js拦截AJAX请求的教程

JavaScript程序中的流程控制语句用法总结

jQuery height（）、innerHeight（）、outerHeight（）函数的区别详解

深入理解JavaScript中为什么string可以拥有方法