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

boostrapTable的refresh和refreshOptions区别浅析

2017年02月06日 138 阅读

在使用bootstrapTable时，刷新数据有两个方法refresh、refreshOptions，其用法相似：<table id="event_table"></table>...<script> $（"#event_table"）.bootstrapTable（"refresh", {url: new_url }）; $（"#event_table"）.bootstrapTable（"refreshOptions"...

BootstrapTable请求数据时设置超时（timeout）的方法

2017年02月06日 131 阅读

使用bootstrapTable获取数据时，有时由于网络或者服务器的原因，无法及时获取到数据，页面显示一直处于等待状态。为了改善效果，考虑设置超时，请求发送后超时即显示无数据，过段时间重新发起请求。实现上，bootstrapTable通过ajax获取数据，可以使用ajaxOptions选项设置ajax的一些属性。bootstrapTable要设置timeout，首先要将async属性设置为true，在bootstrapTable中async默认是false...

Vue 过渡（动画）transition组件案例详解

2017年02月06日 123 阅读

Vue过度（动画），本质走的是CSS3：transtion，animation。控制器div显示/隐藏，代码如下： <div id="box"><input type="button" value="按钮" @click="toggle"><div id="div1" v-show="isShow"></div></div><script type="text/javascript">...

js实现图片360度旋转

2017年02月06日 156 阅读

大致介绍这次是一个简单的效果，就是思路的问题效果：思路旋转的效果就是根据鼠标的的移动距离来显示不同的图片，形成视觉差，仿佛就是在正真的旋转由于效果是根据鼠标的移动距离来操作的，即移动的像素值。如果按照默认的情况，移动鼠标的时候图片就旋转的太快了，所以我们要给鼠标移动的距离处以15，降低图片的旋转速度。var l = parseInt（-x/15）;有一个问题是在鼠标向左移动的时候，移动的距离是负的。要想正确的显示图片，就要对负值进行处理。例如-1，图片要显...

利用CSS、JavaScript及Ajax实现图片预加载的三大方法

2017年02月06日 119 阅读

预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。方法一：用CSS和JavaScript实现预加载实现预加载图片有很多方法，包括使用CSS、JavaScript及两者的各种组合。这些技术可根据不同设计...

JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】

2017年02月06日 133 阅读

本文实例总结了JS常见简单正则表达式验证功能。分享给大家供大家参考，具体如下：下面都是一些比较常用简单的验证，像那些特殊的复杂的情况这里不进行考虑1、验证电话号码或者手机号码/** * 验证电话号码（手机号码+电话号码） * @param obj * @returns {Boolean} */function checkPhoneNum（obj）{if（/^（（d{3}-d{8}|d{4}-d{7,8}）|（1[3|5|7|8][0-9]{9}））$/.t...

GIt的基本操作详解

2017年02月06日 120 阅读

目录基本操作安装与配置initadd与commitclonevimstatusdiffrm（删除文件）恢复文件MV（重命名）Git分支操作查看历史记录添加标签清屏基本操作安装与配置$ git config --global user.name "runoob"$ git config --global user.email test@runoob.com$ git config --global core.editor Vim//指定文本编辑器$ git ...

js实现贪吃蛇小游戏（容易理解）

2017年02月06日 112 阅读

话不多说，请看代码：<！doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>贪吃蛇</title> <link rel="stylesheet" href="style.css"> <script src="style.js" ></script> </head&...

jQuery中DOM节点的删除方法总结（超全面）

2017年02月06日 158 阅读

前言相信大家都知道，要移除页面上节点是开发者常见的操作，jQuery提供了几种不同的方法用来处理这个问题。下面本文就进行一个详细的介绍，感兴趣的朋友们一起来看看吧。一、emptyempty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了指定元素中的所有子节点。这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点。如果我们通过empty方法移除里面div的所有元素，它只是清...

jquery pagination分页插件使用详解（后台struts2）

2017年02月06日 147 阅读

页面是用的纯css的效果，没有使用bootstrap的框架，不然自带的分页是挺好用的，就不用麻烦了这边使用了jquery pagination分页插件来实现这个功能的，这边后台用的是struts2的框架，ssh的，jquery返回json数据，然后循环拼接table输入到页面，这个分页插件使用起来感觉还是比较简单，代码编辑比较少，也有样式可以选择，但是那样要导入pagination.css在div中的class修改样式不导入的话就只有默认样式，这边样式也没...

js遍历json的key和value的实例

2017年02月06日 111 阅读

原生js遍历json对象遍历json对象：无规律：<script>var json = [{dd:"SB",AA:"东东",re1:123},{cccc:"dd",lk:"1qw"}];for（var i=0,l=json.length;i<l;i++）{for（var key in json[i]）{alert（key+":"+json[i][key]）;}}</script>有规律：packJson = [{"name":...

原生js实现对Ajax的封装（仿jquery）

2017年02月06日 87 阅读

前言众所周知，jquery在我们日常开发中的使用频率非常高，与js相比，我们省去了冗长的获取元素的代码，不用考虑一些麻烦的兼容问题，更加方便的动画实现，以及更加方便的方法调用让我们觉得jquery真是越用越舒服。但是jquery说到底还是对js的封装，我们不光要用的舒服还要深入理解其中的原理，这样才能更好的使用它。首先我们封装的函数为了能实现可传入无限多个参数，在使用我们即将封装的函数时，需要使用对象进行传参，形式如下：//data作为参数传入我们下面封装...

select下拉框插件jquery.editable-select详解

2017年02月06日 140 阅读

项目中有个需求，下拉框既可以下拉选择，也可以手动填写html代码 <span>数据来源</span><select class="source"><option value="0">人工导入</option><option value="1">数据服务平台</option></select>js代码$（"#noMean"）.editableSelect（{ fi...

jQuery学习之DOM节点的插入方法总结

2017年02月06日 113 阅读

本文主要总结了jQuery中DOM节点的插入方法，以及各种方法的注意点，下面话不多说，来看看详细的介绍吧。一、内部插入append（）与appendTo（）append：这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似。appendTo：实际上，使用这个方法是颠倒了常规的$（A）.append（B）的操作，即不是把B追加到A中，而是把A追加到B中。append（）和appendTo（）两种方法功能相同，主要的不同是语...

JQueryEasyUI框架下的combobox的取值和绑定的方法

2017年02月06日 124 阅读

最近做的项目涉及到JQueryEasyUI框架的使用，EasyUI是什么？网上解释说它是来自W3C标准WEB前端专家DHTML精英俱乐部的简单易用功能强大的轻量级WEB前端JavaScript框架！从这句话的理解来说，我认为它是一种JavaScript框架。对于最近的使用中，给我的感觉就是，借用官网JqueryEasyUI上的一句话，EasyUI是基于jQuery用户界面插件的集合，我把它理解成一种插件，不知道有没有问题。而使用easyui，不需要写很多的...

ionic中列表项增加和删除的实现方法

2017年02月06日 89 阅读

在项目中遇到表单似的页面，需要进行增加一行和减少一行的操作，例如：要实现可以选中商品，以及对商品的信息列表进行显示与否的操作html代码如下：<div class="chanpinxiangqing"> <div class="item item-divider">产品明细</div> <div class="chanpinxiangqing" ng-repeat="master in masters">&l...

Vue.js学习之计算属性

2017年02月06日 96 阅读

前言计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。开始用vue会把所有的模版上的数据都放到data属性里，或者有的时候data属性里变量多了之后觉得有些只是用一次的变量就直接写到模版里了，后来看到同组的同事在用computed属性，就又去查了一下api，发现这种情况其实最好用的就是com...

Ionic 2 实现列表滑动删除按钮的方法

2017年02月06日 97 阅读

在上篇文章给大家介绍了ionic中列表项增加和删除的实现方法，接下来通过本文给大家介绍Ionic 2 实现列表滑动删除按钮的方法，具体内容详情如下所示：使用Ionic这种框架伟大的地方在于用户界面元素默认准备好了，意味着你可以设计更好的app而不需要很强的用户体检设计背景，而且让你可以更容易实现这些模式。这篇教程将展示如何使用Ionic2添加一个简单的删除按钮到列表，当用户滑动列表项到左边的时候。这是一个处理删除列表数据时候常用的模式。本教程将涵盖创建这个...

Jquery与Bootstrap实现后台管理页面增删改查功能示例

2017年02月06日 135 阅读

使用jquery与bootstrap实现了一个比较简单但功能齐全的增删改查功能的后台管理页面，虽然只是一个CRUD页面，但麻雀虽小五脏俱全，JS常用的功能都用到了，本例用原生的jquery与bootstrap配合使用，不考虑JS的重构性及打包，该例子零耦合，开箱即用。先看Demo：一、用到的Jquery功能1、获取/赋值input输入值$（"#my_id"）.val（）;// 获取$（"#my_id"）.val（“user_id"）;// 赋值2、获取/赋...

Vue.js学习之过滤器详解

2017年02月06日 95 阅读

前言在这个教程中，我们将会通过几个例子，了解和学习VueJs的过滤器。阅读这这篇文中的前提是你对Vue已经有了基本的语法基础。Vue.Js中的过滤器基础过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。Vue有很多很便利的过滤器，可以参考官方文档， http://cn.vuejs.org/api/#过滤器，过滤器通常会使用管道标志 “ | ”，比如：{{ msg | capitalize }}// "abc" => "...

首页 / 脚本样式 / JavaScript

boostrapTable的refresh和refreshOptions区别浅析

BootstrapTable请求数据时设置超时（timeout）的方法

Vue 过渡（动画）transition组件案例详解

js实现图片360度旋转

利用CSS、JavaScript及Ajax实现图片预加载的三大方法

JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】

GIt的基本操作详解

js实现贪吃蛇小游戏（容易理解）

jQuery中DOM节点的删除方法总结（超全面）

jquery pagination分页插件使用详解（后台struts2）

js遍历json的key和value的实例

原生js实现对Ajax的封装（仿jquery）

select下拉框插件jquery.editable-select详解

jQuery学习之DOM节点的插入方法总结

JQueryEasyUI框架下的combobox的取值和绑定的方法

ionic中列表项增加和删除的实现方法

Vue.js学习之计算属性

Ionic 2 实现列表滑动删除按钮的方法

Jquery与Bootstrap实现后台管理页面增删改查功能示例

Vue.js学习之过滤器详解