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

Bootstrap每天必学之导航条（二）

2017年02月06日 11 阅读

一、基础导航条在制作一个基础导航条时，主要分以下几步：第一步：首先在制作导航的列表（<ul class=”nav”>）基础上添加类名“navbar-nav” 第二步：在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default”<div class="navbar navbar-default"> <！-- 导航条标题--> <div class="navbar-hea...

JS实现的在线调色板实例（附demo源码下载）

2017年02月06日 12 阅读

本文实例讲述了JS实现的在线调色板。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>ColorSchemer - On...

angular2使用简单介绍

2017年02月06日 11 阅读

JS实现Select的option上下移动的方法

2017年02月06日 11 阅读

本文实例讲述了JS实现Select的option上下移动的方法。分享给大家供大家参考，具体如下：<html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><script type="text/javascript">function UpOrDown（direct, selectId） {//direct : 1:Up, -1:...

javascript中FOREACH数组方法使用示例

2017年02月06日 11 阅读

Array.prototype.forEach（）方法让数组的每一项都执行一次给定的函数。 — MDN假设有这么一个场景，你拿到了这么一个数组[ { symbol: "XFX", price: 240.22, volume: 23432 }, { symbol: "TNZ", price: 332.19, volume: 234 }, { symbol: "JXJ", price: 120.22, volume: 5323 },]你需要为其中的symbol...

javascript html5实现表单验证

2017年02月06日 11 阅读

表单验证为终端用户检测无效的数据并标记这些错误，是一种用户体验的优化。下面展现浏览器自带的验证功能也可在移动端中查看：HTML部分：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-s...

javascript使用Promise对象实现异步编程

2017年02月06日 11 阅读

Promise对象是CommonJS工作组为异步编程提供的统一接口，是ECMAScript6中提供了对Promise的原生支持，Promise就是在未来发生的事情，使用Promise可以避免回调函数的层层嵌套，还提供了规范更加容易的对异步操作进行控制。提供了reject,resolve,then和catch等方法。使用PROMISEPromise是ES6之后原生的对象，我们只需要实例化Promise对象就可以直接使用。实例化Promise:var prom...

JavaScript html5 canvas绘制时钟效果

2017年02月06日 11 阅读

本文实例讲述了JavaScript+html5 canvas绘制时钟效果。分享给大家供大家参考，具体如下：HTML部分：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale...

如何使用Bootstrap的modal组件自定义alert，confirm和modal对话框

2017年02月06日 12 阅读

本文我将为大家介绍Bootstrap中的弹出窗口组件Modal,此组件简单易用，效果大气漂亮且很实用！由于浏览器提供的alert和confirm框体验不好，而且浏览器没有提供一个标准的以对话框的形式显示自定义HTML的弹框函数，所以很多项目都会自定义对话框组件。本篇文章介绍自己在项目中基于bootstrap的modal组件，自定义alert，confirm和modal对话框的经验，相对比较简单实用，希望能对你有所参考价值。1. 实例展示详细的代码可通过前面...

安装使用Mongoose配合Node.js操作MongoDB的基础教程

2017年02月06日 14 阅读

安装mongoose使用express准备一个TestMongoDB项目，命令序列如下：express TestMongoDBcd TestMongoDBnpm install执行完上面的命令后，使用下面的命令安装mongoose：npm install mongoose --save这个命令会安装mongoose并将其作为项目的依赖，而mongoose依赖的MongoDB driver以及regexp等等模块也会被自动安装。实例使用mongoose可以新...

详解Wondows下Node.js使用MongoDB的环境配置

2017年02月06日 11 阅读

为了保存网站的用户数据和业务数据，通常需要一个数据库。MongoDB和Node.js特别般配，因为MongoDB是基于文档的非关系型数据库，文档是按BSON（JSON的轻量化二进制格式）存储的，增删改查等管理数据库的命令和JavaScript语法很像。如果你在Node.js里访问MongoDB的数据，会有我们是一家人的感觉，特别亲切。我也准备使用MongoDB来作为我的数据库。MongoDB使用集合（collection）和文档（document）来描述和...

Node.js的MongoDB驱动Mongoose基本使用教程

2017年02月06日 11 阅读

使用mongoose可以让我们更好使用mongodb数据库，而不需要写繁琐的业务逻辑。安装npm install mongoose初始化使用使用mongoose前，需安装node和mongodb，这里不讲node和mongodb的安装方法。 var mongoose = require（"mongoose"）; var Schema = mongoose.Schema; var db = mongoose.connection; mongoose.conn...

jquery自定义右键菜单、全选、不连续选择

2017年02月06日 11 阅读

最近在项目中要实现一些自定义效果，例如右键菜单、全选、不连续选择等等，个人认为主要是理清楚逻辑和事件关系。要实现这些，也有现成的插件可以用，如jQuery UI的selectable。1、右键菜单当浏览网页时，单击鼠标右键（或ctrl+触模板左键）会出现浏览器默认的右键菜单项，就像这样子的：但是当要对某个元素自定义右键，像这样子的：就必须得先禁用浏览器默认的菜单，需要监听contextmenu事件，关键代码如下：$（function（）{ $（"#box"...

通过node-mysql搭建Windows+Node.js+MySQL环境的教程

2017年02月06日 11 阅读

前言MySQL是一款常用的开源数据库产品，通常也是免费数据库的首选。查了一下NPM列表，发现Nodejs有13库可以访问MySQL，felixge/node-mysql似乎是最受关注项目，我也决定尝试用一下。要注意名字，”felixge/node-mysql”非”node-mysql”，安装部分会介绍这个小插曲！目录node-mysql介绍建立MySQL测试库node-mysql安装node-mysql使用1. node-mysql介绍felixge/no...

Node.js中JavaScript操作MySQL的常用方法整理

2017年02月06日 11 阅读

一、建立数据库连接：createConnection（Object）方法该方法接受一个对象作为参数，该对象有四个常用的属性host，user，password，database。与php中链接数据库的参数相同。属性列表如下：host: 连接数据库所在的主机名. （默认: localhost）port: 连接端口. （默认: 3306）localAddress: 用于TCP连接的IP地址. （可选）socketPath: 链接到unix域的路径。在使用ho...

js+css实现回到顶部按钮（back to top）

2017年02月06日 11 阅读

本文实例介绍了js+css实现回到顶部按钮的方法，分享给大家供大家参考，具体内容如下效果html<p id="back-to-top"><a href="#top"><span></span></a></p>cssp#back-to-top{position:fixed;bottom:100px;right:80px;}p#back-to-top a{text-align:center...

js密码强度实时检测代码

2017年02月06日 13 阅读

密码强度的判断, 在注册网站用户的时候, 是一个必须要做的事情, 不同的网站, 实现的方式是不一样的. 密码的判断, 其实也就是一个表单验证的其中一项. 那我们来实现这么一个简单的操作.首先做一个简单的密码输入框和一个显示密码强度的进度条. 整个整体由vali_pass盒子涵盖. 这个盒子包含了标题, 密码框. 再个就是强度进度条.<div class="vali_pass"><h3>简单的密码强度检测</h3><...

基于JavaScript实现类似于百度学术高级检索功能

2017年02月06日 11 阅读

百度学术http://xueshu.baidu.com/高级检索是通过前台生成后台内部高级语法来实现高级检索的，可以通过前台js做字符串拼接传给后台实现，难度不大：下面是高级检索的核心功能代码，我使用的是纯js实现，并未使用jquery：<p class="fl srh-btn"><input type="submit" class="srh-submit" style="height:px" value="高级搜索" id="highS...

基于jQuery实现仿51job城市选择功能实例代码

2017年02月06日 11 阅读

前些文章用写过，省市县三级联动，但是感觉选择的时候不够直观，现在改进了下，效果如下图<%@ Page Language="C#" AutoEventWireup="true" CodeFile="City.aspx.cs" Inherits="System_Select_City" %><！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3...

在页面中输出当前客户端时间javascript实例代码

2017年02月06日 12 阅读

时间对象（Date（））比较简单，本文旨在为初学者入门使用，大牛可略过！本文承接基础知识实例，说一下实例的要求：在页面中输出当前客户端时间（2015年1月1日星期一10:10:10这样的格式），每过一秒中页面不刷新，但是时间自动更新（用两种定时器方法都可以实现），鼠标点击时间，如果原先运动则停止，如果停止则继续运动；要求基本上可分为2部分：一是不刷新自动更新时间，二是点击时间停止或更新时间好，那我们还是老规矩，一步一步来，既然是时间，那就会用到时间对象 n...

首页 / 脚本样式 / JavaScript

Bootstrap每天必学之导航条（二）

JS实现的在线调色板实例（附demo源码下载）

angular2使用简单介绍

JS实现Select的option上下移动的方法

javascript中FOREACH数组方法使用示例

javascript html5实现表单验证

javascript使用Promise对象实现异步编程

JavaScript html5 canvas绘制时钟效果

如何使用Bootstrap的modal组件自定义alert，confirm和modal对话框

安装使用Mongoose配合Node.js操作MongoDB的基础教程

详解Wondows下Node.js使用MongoDB的环境配置

Node.js的MongoDB驱动Mongoose基本使用教程

jquery自定义右键菜单、全选、不连续选择

通过node-mysql搭建Windows+Node.js+MySQL环境的教程

Node.js中JavaScript操作MySQL的常用方法整理

js+css实现回到顶部按钮（back to top）

js密码强度实时检测代码

基于JavaScript实现类似于百度学术高级检索功能

基于jQuery实现仿51job城市选择功能实例代码

在页面中输出当前客户端时间javascript实例代码