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

jQuery生成假加载动画效果

2017年02月06日 56 阅读

在使用PDFObject.js时，由于后台需要转换数据，在前台显示的时候，有很长一段时间显示空白页面，所以想到写一个假的加载动画script片段：<script type="text/javascript">var bar = 0; var line = "||" ; var amount ="||" ; function count（）{ bar= bar+2 ; amount =amount + line; $（"#chart"）.val（...

bootstrapValidator自定验证方法写法

2017年02月06日 54 阅读

本文实例为大家分享了bootstrapValidator自定验证方法写法，供大家参考，具体内容如下//表单验证issueInvoiceForm.validation = function（）{ $（"#issueInvoiceForm"）.on（"init.field.bv", function（e, data） {var $icon = data.element.data（"bv.icon"）,options= data.bv.getOptions（）,...

第一次接触神奇的前端框架vue.js

2017年02月06日 54 阅读

前言入手2016最火前端框架之一vue.js。大概从网上找了些资料看了下vue.js，从网上的资料来看只能惊叹其发展速度太快，让我意外的是其作者是华人的前提下作品这么受欢迎。网上的博客和教程各种组合。以至于我都有些感觉out。各种vue+webpack、vue+react、vue+es6+npm等等。琳琅满目。真是三天不学习赶不上刘少奇。开篇主要是初次了解下vue.js，包括v-model、v-if、v-else、v-show、v-for（2.0对$...

微信小程序进行微信支付的步骤昂述

2017年02月06日 53 阅读

最近开发微信小程序进入到支付阶段，一直以来从事App开发，所以支付流程还是熟记于心的。但是微信小程序的支付就有点奇怪了，应用的创建是在公众号里，但是文档的介绍却在公众号中无法找到直接入口，甚是不解，而且小程序的师傅到底是属于公众号支付范畴还是app支付范畴也成疑问。下面是小程序支付文档的入口（嵌套在小程序api中）：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&...

有趣的bootstrap走动进度条

2017年02月06日 70 阅读

本教程教大家制作“走动”着的bootstrap进度条，供大家参考，具体内容如下1.页面效果：起始位置:单击"走"按钮后2.html代码:<div><div class="progress progress-striped active"> <div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax...

jQuery 如何实现一个滑动按钮开关

2017年02月06日 56 阅读

滑动开关按钮大家在各大网站都能见到，下面小编给大家分享一篇基于jquery实现的一个滑动按钮开关效果，感兴趣的朋友可以参考下实现代码。先给大家展示下效果图：代码：<！DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery做的滑动按钮开关</title> <link rel="styles...

Vue.js第一天学习笔记（数据的双向绑定、常用指令）

2017年02月06日 56 阅读

数据的双向绑定（ES6写法）效果:没有改变 input 框里面的值时:将input 框里面的值清空时:重新给 input 框输入豆豆后页面中 span 里绑定{{testData.name}}的值随着 input 框值的变化而变化.在Vue.js中可以使用v-model指令在表单元素上创建双向数据绑定。并且v-model指令只能用于:<input>、<select>、<textarea>这三种标签。<templ...

JQuery学习总结【一】

2017年02月06日 82 阅读

JQuery学习总结【一】一：JQuery1 JQuery知识*：就是让我们学会调用JQ插件，其实内部就是对JS的封装。*：jquery里面有三个文件，第2个和第3个其实里面的内容是一样的，只是第三个对其进行了压缩，使浏览器对其的访问时间变短。我们在使用的时候将Jquery-1.4.2.js和jquery.1.4.2-vsdoc,js放在一起，其实vsdoc.js是对于前面的解释说明，它是让我们在编写代码的时候可以点操作出来。*:练习《点击按钮弹出对话框的...

基于vue.js实现图片轮播效果

2017年02月06日 56 阅读

轮播图效果:1.html<template> <div class="shuffling"> <div class="fouce fl"> <div class="focus"> <ul class="showimg"> <template v-for="sd in shufflingData"><li v-if="shufflingId==$index" v-on:mouseo...

jsp 自动编译机制详细介绍

2017年02月06日 55 阅读

jsp 自动编译机制详细介绍总的来说，Jasper的自动检测实现的机制比较简单，依靠某后台线程不断检测JSP文件与编译后的class文件的最后修改时间是否相同，若相同则认为没有改动，但倘若不同则需要重新编译。实际上由于在Tomcat部署的项目的JSP可能引入了其他页面，或者引入了其他jar包，而且这些资源都可能是远程的资源，所以实际处理会比较复杂，同样要遍历检测这些引入的不同资源是否做了修改。上图是一个形象的示意图，我们知道Tomcat架构中有四个级别的容...

简单理解vue中实例属性vm.$els

2017年02月06日 54 阅读

vue实例属性vm.$els到底是什么？有哪些需要注意的？具体请阅读本文。不需要表达式参数： id（必需）用法：为 DOM 元素注册一个索引，方便通过所属实例的 $els 访问这个元素。注意：因为 HTML 不区分大小写，camelCase 名字比如 v-el:someEl 将转为全小写。可以用 v-el:some-el 设置 this.$els.someEl。我的理解：$els类似于document.querySelector（".class"）的功能,...

Vue方法与事件处理器详解

2017年02月06日 56 阅读

本文实例为大家分享了Vue方法与事件处理器的使用，供大家参考，具体内容如下按键修饰符在监听键盘事件时，我们经常需要检测 keyCode。Vue.js 允许为 v-on 添加按键修饰符：<！-- 只有在 keyCode 是 13 时调用 vm.submit（） --><input v-on:keyup.13="submit">记住所有的 keyCode 比较困难，Vue.js 为最常用的按键提供别名：<！-- 同上 -->...

JavaScript给每一个li节点绑定点击事件的实现方法

2017年02月06日 55 阅读

1.单击事件<body><h2>javascript 事件</h2><ul><li>aaaa</li><li>aaaa111</li><li>aaaa222</li><li>aaaa3333</li><li>aaaa444</li> </ul><script type="t...

Vue.js第二天学习笔记（vue-router）

2017年02月06日 57 阅读

vue中vue-router的使用:main.js如何配置（es6的写法）:在引用之前记得先 npm 下所需要的vueimport Vue from "vue"import App from "./App.vue"import Router from "vue-router"import Resource from "vue-resource"//import VueTouch from "vue-touch"var VueTouch = require（...

JQuery学习总结【二】

2017年02月06日 59 阅读

一：JQuery知识点*:JQuery的dom操作*：动态创建dom节点比如动态创建表格等，在js里面进行完成。*删除节点这里面的删除就是将其放在了一个地方，并不是真的删除，之后可以使用。*：document方法1:.val（）可以获取到文本框里面的值，若括号里面有值则直接为赋值。Eg:加法计算器<！DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml">&...

jQuery中ajax错误调试分析

2017年02月06日 54 阅读

jQuery中把ajax封装得非常好。但是日常开发中，我偶尔还是会遇到ajax报错。这里简单分析一下ajax报错一般的jQuery用法如下，ajax通过post方式提交"汤姆和老鼠"这段数据到xxx.php文件中。成功后则打印返回的数据，失败则打印错误原因。$.ajax（{ url:"xxx.php", type:"post", datatype:"json", data:{"cat":"tom","mouse":"jack"}, success:func...

一个非常好用的文字滚动的案例，鼠标悬浮可暂停[两种方案任选]

2017年02月06日 59 阅读

网上找了很多，万变不离其宗，写法核心都是一样的，在这里我给大家总结一下，可收藏备用。html:<div class="scroll"> <ul class="list"><li><a href="#" target="_blank">公告一或中奖者甲</a></li><li><a href="#" target="_blank">公告二或中奖者乙&l...

nodejs连接mongodb数据库实现增删改查

2017年02月06日 56 阅读

准备1.通过npm命令安装mongodb2.安装mongodb数据库，这里不详细介绍了，安装网址：http://www.jb51.net/article/82522.htmCRUD操作在此之前应对MongoDB数据库有所了解，知道它的一些增删查改命令。1.增加var MongoClient = require（"mongodb"）.MongoClient;var DB_URL = "mongodb://localhost:27017/chm";functi...

实例解析jQuery中如何取消后续执行内容

2017年02月06日 58 阅读

<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script type="text/javascript">//点击a标签，不进行页面跳转window.onload = function （） { var obj = document.getElementById（"myhref"）; obj.onclick =...

Vue.js第三天学习笔记（计算属性computed）

2017年02月06日 50 阅读

今天给大家分享下vue.js中的计算属性（computed）示例一computed的get属性html:<template> <div class="input-text"> <input type="text" v-model="firstName"> <input type="text" v-model="lastName"> {{fullName}} </div></template&...

首页 / 脚本样式 / JavaScript

jQuery生成假加载动画效果

bootstrapValidator自定验证方法写法

第一次接触神奇的前端框架vue.js

微信小程序进行微信支付的步骤昂述

有趣的bootstrap走动进度条

jQuery 如何实现一个滑动按钮开关

Vue.js第一天学习笔记（数据的双向绑定、常用指令）

JQuery学习总结【一】

基于vue.js实现图片轮播效果

jsp 自动编译机制详细介绍

简单理解vue中实例属性vm.$els

Vue方法与事件处理器详解

JavaScript给每一个li节点绑定点击事件的实现方法

Vue.js第二天学习笔记（vue-router）

JQuery学习总结【二】

jQuery中ajax错误调试分析

一个非常好用的文字滚动的案例，鼠标悬浮可暂停[两种方案任选]

nodejs连接mongodb数据库实现增删改查

实例解析jQuery中如何取消后续执行内容

Vue.js第三天学习笔记（计算属性computed）