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

jquery实现输入框实时输入触发事件代码

2017年02月06日 70 阅读

话不多说，请看代码$（".aa"）.bind（"input propertychange", function（） {searchProductClassbyName（）;}）;function searchProductClassbyName（） {写函数内容}以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！...

jQuery延迟执行的实现方法

2017年02月06日 90 阅读

本文实例讲述了jQuery延迟执行的实现方法。分享给大家供大家参考，具体如下：做一个控件时碰到的一些无法同步处理的事件，可以用这样的延迟方法。<html><script src="js/jquery.js"></script><script>$（function（）{$（"#test"）.bind（"click",function（）{setTimeout（function（）{alert（$（"#test"...

利用BootStrap的Carousel.js实现轮播图动画效果

2017年02月06日 102 阅读

前期准备：1.jquery.js。2.bootstrap的carousel.js。3.bootstrap.css。一起来看代码吧：页面比较丑，希望大家不要介意哦嘻嘻效果图：html+js：<！DOCTYPE html><html><head> <meta charset="utf-8"> <title>my love-首页</title> <link rel="styleshee...

清除输入框内的空格

2017年02月06日 73 阅读

话不多说，请看代码<input type="text" onBlur="replaceSpace（this）" /><script type="text/javascript">function replaceSpace（obj） {obj.value = obj.value.replace（/s/gi, ""）}</script>以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多...

Bootstrap 模态框（Modal）插件代码解析

2017年02月06日 121 阅读

Bootstrap 模态框（Modal）插件模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。下面通过代码给大家介绍bootstrap 模态框插件，先给大家展示下效果图：页面效果：html+js：<！DOCTYPE html><html><head> <meta charset="utf-8"> <ti...

js实现的在线调色板功能完整实例

2017年02月06日 66 阅读

本文实例讲述了js实现的在线调色板功能。分享给大家供大家参考，具体如下：运行效果图如下：完整实例代码如下：<html><head><meta http-equiv="content-Type" content="text/html;charset=utf-8"><meta name="keywords" content="调色板" /><meta name="description" content="...

js实现开启密码大写提示

2017年02月06日 78 阅读

话不多说，请看实例：1、引入大写提示的js文件<script type="text/javascript" src="js/Capital_tip.js"></script>2、页面中调用jswindow.onload = function（） { checkUpCase（"pwd", "capital01"）;//pwd是密码框的id capital01这是大写提示的提示信息的id}3、图片中有案例以上就是本文的全部内容，希望本文...

使用BootStrap建立响应式网页——通栏轮播图（carousel）

2017年02月06日 78 阅读

1、bootstrap提供了js插件——轮播图我们还是照旧，直接拿过来用，需要改的地方再说。2、修改小屏幕看小图，大屏图看大图：这个可以利用自定义属性（data-XXX）data-img-lg（保存大图）和data-img-xs（保存小图）属性保存图片的路径，利用jQuery的data函数取出data-xxxx属性进行动态加载。图片居中显示：大图用背景图片来做比较好一点，小图用img来做比较好一点（因为小图的话需要等比例缩放，用背景图做不到等比...

简单实现Vue的observer和watcher

2017年02月06日 116 阅读

非庖丁瞎解牛系列～＝。＝在日常项目开发的时候，我们将js对象传给vue实例中的data选项，来作为其更新视图的基础，事实上是vue将会遍历它的属性，用Object.defineProperty 设置它们的 get/set，从而让 data 的属性能够响应数据变化： Object.defineProperty（obj, name, {// 获取值的时候先置入vm的_data属性对象中get（） { // 赋值的时候显示的特性},set（） { // 值变化...

js querySelector（）使用方法

2017年02月06日 292 阅读

querySelector 定义和用法querySelector（）方法返回文档中匹配指定 CSS 选择器的一个元素。注意： querySelector（）方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll（）方法替代。浏览器支持表格中的数字表示支持该方法的第一个浏览器的版本号。语法document.querySelector（CSS selectors）参数值参数类型描述CSS 选择器Stri...

JS实现的RGB网页颜色在线取色器完整实例

2017年02月06日 159 阅读

本文实例讲述了JS实现的RGB网页颜色在线取色器。分享给大家供大家参考，具体如下：运行效果图如下：完整实例代码如下：<html><head><meta content="text/html; charset=utf-8" http-equiv="content-type"><meta name="description" content="在线取色器"><meta name="keywords" con...

详解Nodejs基于mongoose模块的增删改查的操作

2017年02月06日 83 阅读

MongoDBMongoDB是基于Javascript语言的数据库，存储格式是JSON，而Node也是基于JavaScript的环境（库），所以node和mongoDB的搭配能减少因为数据转换带来的时间空间开销。Mongoose是MongoDB的一个对象模型工具，它将数据库中的数据转换为JavaScript对象以供你在应用中使用，封装了MongoDB对文档的的一些增删改查等常用方法，让NodeJS操作Mongodb数据库变得更加灵活简单。安装模块mongo...

学习 NodeJS 第八天：Socket 通讯实例

2017年02月06日 93 阅读

前言一般来讲，HTTP 是基于文本的“单向”通讯机制。这里所谓的“单向”，乃相对于“双向”而言，因为 HTTP 服务器只需根据请求返还恰当的 HTML 给客户端即可，不涉及客户端向服务端的通讯。这种单向的机制比较简单，对网络质量要求也不高。而更多的场景则是需要可靠、稳定的端到端连接。一般这种服务是实时的、有态的而且是长连接，长连接则暗示两段须达致相向通讯的能力，也就说是服务端客户端两者间能够实时地相互间通信。毫无疑问，能够实时通信的服务器正是我们对服务器基...

JS实现的驼峰式和连字符式转换功能分析

2017年02月06日 91 阅读

本文实例讲述了JS实现的驼峰式和连字符式转换功能。分享给大家供大家参考，具体如下：在网上找的这段,比较喜欢1.驼峰转连字符:var s = "fooStyleCss";s = s.replace（/（[A-Z]）/g,"-$1"）.toLowerCase（）;//利用正则进行替换,简洁明了,很棒2.转驼峰var s1 = "foo-style-css";s1 = s1.replace（//-（/w）/g, function（all, letter）{ re...

详解handlebars+require基本使用方法

2017年02月06日 170 阅读

最近在某网站看到了handlebars.js，出于好奇就百度了下这是神马玩意，结果让我很是欢喜，于是就开始自学下，handlebars就几个方法，蛮简单，言归正传！以下是基本教学逻辑演示，会附完整代码测试案例就分为3大块，头、主体、尾：<div id="header"></div><div class="contact" id="contact"></div><div id="footer">&l...

js实现可输入可选择的select下拉框

2017年02月06日 165 阅读

本文实例为大家分享了可输入可选择的select下拉框，供大家参考，具体内容如下1、原理：1.1将input输入框和select框合并在一起，但是显示出向下点击的按钮:这种比较容易做到1.2出现输入值能够自动匹配的功能动态的加载一个临时的div出现在该input下方，当点击页面中的空白地方，div隐藏。1.3代码：<！doctype html> <html lang="en"><head><meta charset=...

如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

2017年02月06日 107 阅读

从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。好是好，但有时候会画蛇添足，比如已经用js控制了这个功能的时候。只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。::-ms-clear,::-ms-reveal{displa...

详解jQuery选择器

2017年02月06日 105 阅读

大致介绍终于开始了我的jQuery学习之路！感觉不能再拖了，要边学习原生JavaScript边学习jQueryjQuery是什么？jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设...

Vue.js 递归组件实现树形菜单（实例分享）

2017年02月06日 82 阅读

最近看了 Vue.js 的递归组件，实现了一个最基本的树形菜单。项目结构：main.js 作为入口，很简单：import Vue from "vue"Vue.config.debug = trueimport main from "./components/main.vue"new Vue（{ el: "#app", render: h => h（main）}）它引入了一个组件 main.vue：<template> <div cl...

JS树形菜单组件Bootstrap TreeView使用方法详解

2017年02月06日 326 阅读

简要介绍：之前手头的一个项目需要去做一个左侧的树形菜单，右侧则是一个整体的iframe，从而构成一个整体的网站。一开始是打算用bootstrap的tree-view插件，直接把菜单的数据传过去就好了，结果后来项目又改了需求，菜单的内容和图表都是后台动态生成的，所以只能放弃使用bootstrap插件，自己着手写了一个树形菜单。本文主要分两部分讲，一个是对于bootstrap的treeview的实践，另一部分是介绍自己写的树形菜单。bootstrap-tr...

首页 / 脚本样式 / JavaScript

jquery实现输入框实时输入触发事件代码

jQuery延迟执行的实现方法

利用BootStrap的Carousel.js实现轮播图动画效果

清除输入框内的空格

Bootstrap 模态框（Modal）插件代码解析

js实现的在线调色板功能完整实例

js实现开启密码大写提示

使用BootStrap建立响应式网页——通栏轮播图（carousel）

简单实现Vue的observer和watcher

js querySelector（） 使用方法

JS实现的RGB网页颜色在线取色器完整实例

详解Nodejs基于mongoose模块的增删改查的操作

学习 NodeJS 第八天：Socket 通讯实例

JS实现的驼峰式和连字符式转换功能分析

详解handlebars+require基本使用方法

js实现可输入可选择的select下拉框

如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

详解jQuery选择器

Vue.js 递归组件实现树形菜单（实例分享）

JS树形菜单组件Bootstrap TreeView使用方法详解

js querySelector（）使用方法