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

基于jquery实现的鼠标悬停提示案例

2017年02月06日 94 阅读

//这是JS里的代码MOMO.js因为刚学封装JQUERY插件所以就做的稍微麻烦一点，其实在前台页面直接就可以用mouseover,mouseout,mousemove三个事件就行了（function （$） { $.fn.extend（{"titleOver": function （e） { this[0].myTitle = this[0].title; this[0].title = ""; //创建div元素 var tooltip = "<...

基于javascript实现的购物商城商品倒计时实例

2017年02月06日 64 阅读

话不多说，下面跟着小编一起来看下实例代码吧Js:/** * Author: Black_Jay郗 * downCount: 时间转换倒计时 */（function （$） {$.fn.downCount = function （options, callback） {var settings = $.extend（{date: null,offset: null}, options）;if （！settings.date） {$.error（"Date ...

想学习javascript JS和jQuery哪个重要先学哪个

2017年02月06日 68 阅读

笔者以自己身学习和使用经验分享给大家，有任何问题或疑惑，欢迎留言在回答题目问题前，首先大家需要了解下什么是js，什么是jQueryjs，即JavaScript在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScriptJavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置...

IntersectionObserver API 详解篇

2017年02月06日 109 阅读

温馨提示：本文目前仅适用于在 Chrome 51 及以上中浏览。2016.11.1 追加，Firefox 52 也已经实现。2016.11.29 追加，Firefox 的人担心目前规范不够稳定，未来很难保证向后兼容，所以禁用了这个 API，需要手动打开 dom.IntersectionObserver.enabled 才行。IntersectionObserver API 是用来监视某个元素是否滚动进了浏览器窗口的可视区域（视口）或者滚动进了它的某个祖先元...

js原生之焦点图转换加定时器实例

2017年02月06日 66 阅读

在jQuery之焦点图转换-左右的基础上，将jQuery代码改成js原生，并添加定时器（setInterval（）和clearInterval（））<！doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>焦点图转换--原生和定时器</title> <link rel="stylesheet" href...

Sequelize中用group by进行分组聚合查询

2017年02月06日 109 阅读

一、SQL与Sequelize中的分组查询1.1 SQL中的分组查询SQL查询中，通GROUP BY语名实现分组查询。GROUP BY子句要和聚合函数配合使用才能完成分组查询，在SELECT查询的字段中，如果没有使用聚合函数就必须出现在ORDER BY子句中。分组查询后，查询结果为一个或多个列分组后的结果集。GROUP BY语法SELECT 列名, 聚合函数（列名）FROM 表名WHERE 列名 operator valueGROUP BY 列名 [HAV...

基于BootstrapValidator的Form表单验证（24）

2017年02月06日 77 阅读

Form表单进行数据验证是十分必要的，我们可以自己写JS脚本或者使用JQuery Validate 插件来实现。对于Bootstrap而言，利用BootstrapValidator来做Form表单验证是个相当不错的选择，两者完全兼容，我们也不用去关注CSS样式等美工效果。0x01 引入BootstrapValidator官网：BootstrapValidator，作为一个纯粹的使用者，我们可以在上面的链接处下载相关文件并引入，也可以利用CDN方式引入：&l...

JavaScript利用正则表达式替换字符串中的内容

2017年02月06日 102 阅读

话不多说，请看具体实现代码//从字符串"Is this all there is"中剪去"is": var str="Is this all there is"; var subStr=new RegExp（"is"）;//创建正则表达式对象 var result=str.replace（subStr,""）;//把"is"替换为空字符串 console.log（result）;//Is th all there is var subStr=new Reg...

JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】

2017年02月06日 68 阅读

本文实例讲述了JavaScript扫雷游戏。分享给大家供大家参考，具体如下：翻出年初写的游戏贴上来，扫雷相信大家都玩过，先上图：源码：<！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/199...

JS仿京东移动端手指拨动切换轮播图效果

2017年02月06日 76 阅读

如今，移动端web页面在市场上也是占有相当大的比例，而移动端的轮播图效果也是很常见的，今天我就来记录下关于实现一组适用于移动端的可用手指进行拨动切换轮播图的效果。这个效果的主要技术点依托于触屏设备特有的touch事件；好了，接下来就进入主题吧。首先是html布局：1. 这里强调的是记得给html加上viewport这个适口属性。2. 由于在拨动第一张图片以及最后一张图片的时候需要切换到最后一张以及第一张，要想达到理想效果，需要给第一张图片前面加上最后一张图...

JS中检测数据类型的几种方式及优缺点小结

2017年02月06日 68 阅读

1、typeof 用来检测数据类型的运算符typeof value 返回值首先是一个字符串,其次里面包含了对应的数据类型，例如:"number"、"string"、"boolean"、"undefined"、"object"、"function"局限性:1）typeof null ->"object"2）检测的不管是数组还是正则都返回的是"object",所以typeof不能判断一个值是否为数组console.log（typeof [12, 23]）...

设置jquery UI 控件的大小方法

2017年02月06日 63 阅读

如下所示：#ui-datepicker-div { font-size: 12px; }以上这篇设置jquery UI 控件的大小方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

详解Javascript数据类型的转换规则

2017年02月06日 91 阅读

一、数据类型5种基本数据类型：Null/Undefined/String/Boolean/Number1种复杂数据类型：Object二、数据类型检测传送门《JS中检测数据类型的几种方式及优缺点小结》1、typeof2、instanceof/constructor3、Object.prototype.toString.call（value）4、Object.prototype.toString三、数据类型转换JS内部提供不同数据类型的自动转换机制，在某处预期...

layer实现弹窗提交信息

2017年02月06日 163 阅读

layer是非常好用的弹窗插件，具体参见官方文档点击这里进入。官方有很多示例，使用方法也非常简单，引入官方下载的css和js就可以了。但是有时候，弹窗提醒并不能满足我们的所有要求。例如，在奖品界面，希望点击“编辑奖品”的时候，能弹出对话框让我们来填写信息，如下图所示：如何用简洁美观的 layer 实现这一功能呢？官方并没有给我们提供示例，那就自己动手写吧。下面把代码贴出来。给“添加奖品”按钮加上单击触发confirmUpdateAward方法var aw...

VueJs与ReactJS和AngularJS的异同点

2017年02月06日 74 阅读

React && VueReact 和 Vue 有许多相似之处，它们都有：使用 Virtual DOM提供了响应式（Reactive）和组件化（Composable）的视图组件。将注意力集中保持在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。由于有着众多的相似处，我们会用更多的时间在这一块进行比较。这里我们不只保证技术内容的准确性，同时也兼顾了平衡的考量。我们需要指出 React 比 Vue 更好的地方，像是他们的生态系统和丰富的自定义渲染器...

jQuery Ajax File Upload实例源码

2017年02月06日 68 阅读

本文实例为大家分享了jQuery Ajax File Upload实例源码，供大家参考，具体内容如下项目结构Default.aspxUpload.aspxScripts/…style.css效果图客户端html代码<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="UploadFile.aspx.vb" Inherits="Web.UploadFile" %><！DOCTY...

最好用的Bootstrap fileinput.js文件上传组件

2017年02月06日 150 阅读

本篇介绍如何使用bootstrap fileinput.js（最好用的文件上传组件）来进行图片的展示，上传，包括springMVC后端文件保存。一、demo二、插件引入<link type="text/css" rel="stylesheet" href="${ctx}/components/fileinput/css/fileinput.css" /><script type="text/javascript" src="${ctx}/...

JS+Canvas实现的俄罗斯方块游戏完整实例

2017年02月06日 67 阅读

本文实例讲述了JS+Canvas实现的俄罗斯方块游戏。分享给大家供大家参考，具体如下：试玩（没有考虑兼容低版本浏览器）：**********************************************************************9月3日更新：修复了隐藏的比较深的BUG加上暂停、再来一次功能速度随分数增高而递减添加log日志****************************************************...

AngularJS封装指令方法详解

2017年02月06日 69 阅读

本文实例讲述了AngularJS封装指令方法。分享给大家供大家参考，具体如下：引言：angularjs是一个中等重量级的前端开发框架HTML是一门很好的为静态文本设计的语言，但要构建动态的web应用它就显的乏力了。通常，我们使用以下技术来解决静态网页技术在构建动态应用上的不足：1.类库：类库是一类函数的集合，它能帮助你写web应用。这里起主导作用是你的代码，由你来决定何时使用类库。典型的类库，例如prototype、jQuery等。2.框架：框架式一种特殊...

jquery实现瀑布流效果 jquery下拉加载新数据

2017年02月06日 68 阅读

瀑布流效果在很多网站还是有的，这种错落有致的排布看着还是很不错的呢。今天我就来记录一下关于用jquery实现瀑布流效果的代码；一、页面基本排版 1. items盒子主要用来存放我们需要摆放的数据item； 2. tips是页面加载数据的时候用来提示用户的文本； <div class="wrapper"><div class="items"> <div class="item"></div></div&g...

首页 / 脚本样式 / JavaScript

基于jquery实现的鼠标悬停提示案例

基于javascript实现的购物商城商品倒计时实例

想学习javascript JS和jQuery哪个重要 先学哪个

IntersectionObserver API 详解篇

js原生之焦点图转换加定时器实例

Sequelize中用group by进行分组聚合查询

基于BootstrapValidator的Form表单验证（24）

JavaScript利用正则表达式替换字符串中的内容

JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】

JS仿京东移动端手指拨动切换轮播图效果

JS中检测数据类型的几种方式及优缺点小结

设置jquery UI 控件的大小方法

详解Javascript数据类型的转换规则

layer实现弹窗提交信息

VueJs与ReactJS和AngularJS的异同点

jQuery Ajax File Upload实例源码

最好用的Bootstrap fileinput.js文件上传组件

JS+Canvas实现的俄罗斯方块游戏完整实例

AngularJS封装指令方法详解

jquery实现瀑布流效果 jquery下拉加载新数据

想学习javascript JS和jQuery哪个重要先学哪个