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

基于jQuery实现简单人工智能聊天室

2017年02月15日 105 阅读

花了俩小时折腾出来的，jQuery人工智能聊天室长这样：主要功能：1.当然是聊天啦~点击飞机按钮或者回车可以发送消息到面板。2.输入特定的内容，系统会给你相应的回复（这里我只设置了Hello，How are you和询问时间的自动回复）。3.点击叉叉可以清除面板上的所有聊天记录。4.问时间的时候，根据现在的时间，会给你相应的不同的回复，比如现在是22-23点，系统会回复你“good night”。5.随着聊天的进行，聊天面板右侧的滚动条会一直维持在最底部。...

微信小程序 JS动态修改样式的实现代码

2017年02月15日 144 阅读

微信小程序这个坑啊，js动态修改样式，我们并不能用js或者jq 轻轻松松一行代码搞定。或者用removeClass addClass 来修改样式。以下是一种动态修改样式的方法，原理是绑定数据，然后动态的修改数据，从而实现动态样式的改变而已。感觉有点········那个啥的，怪怪的。不过也没办法了。如果你有更好的方法，可以在评论区分享一下。test.wxml<view style="text-align: center;"> <label ...

TableSort.js表格排序插件使用方法详解

2017年02月15日 123 阅读

本文实例为大家分享了TableSort.js表格排序的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TableSort</title> <style type="text/css"> table { border-co...

jquery.tableSort.js表格排序插件使用方法详解

2017年02月15日 134 阅读

本文实例为大家分享了jquery.tableSort.js表格排序的具体代码，供大家参考，具体内容如下1.一定要引jQuery包，所有jq插件都是基于jQuery包的2.如果想指定哪一栏不排序这样写 $（“#mytable”）.tablesorter（{headers:{5:{sorter:false}}}）; 第5列的sorter为false就OK了参考：http://www.jb51.net/article/105217.htm<！DOCTYPE...

tablesorter.js表格排序使用方法（支持中文排序）

2017年02月15日 120 阅读

最近，因为项目需要，对表格排序做了一下摸索，整理如下：1. 首先，可从官网下载tablesorter.js，但并不支持中文的排序，对其源码进行修改：部分源码：function sortText（a, b） {return （（a < b） ? -1 : （（a > b） ? 1 : 0））;};function sortTextDesc（a, b） {return （（b < a） ? -1 : （（b > ...

解决URL地址中的中文乱码问题的办法

2017年02月15日 210 阅读

解决URL地址中的中文乱码问题的办法引言：在Restful类的服务设计中，经常会碰到需要在URL地址中使用中文作为的参数的情况，这种情况下，一般都需要正确的设置和编码中文字符信息。乱码问题就此产生了，该如何解决呢？且听本文详细道来。1. 问题的引出在Restful的服务设计中，查询某些信息的时候，一般的URL地址设计为： get /basic/service? keyword=历史，之类的URL地址。但是，在实际的开发和使用中，确是有乱码...

BootStrap Datetimepicker 汉化的实现代码

2017年02月15日 123 阅读

页面引用：$（"input[name=date-range]"）.daterangepicker（{"applyClass" : "btn-sm btn-success","cancelClass" : "btn-sm btn-default",locale: Config.daterangepicker_locale.zh_CN}）;daterangepicker汉化/** * daterangepicker locale */daterangepick...

BootStrap Datepicker 插件修改为默认中文的实现方法

2017年02月15日 205 阅读

bootstrap-datepicker 是一个非常优秀的时间选择插件，默认是英文显示日期的，通过下面几个小修改让其支持默认中文1、首先将 bootstrap-datepicker.js 另存为 utf-8 格式保存2、增加 cn 语言选项var dates = $.fn.datepicker.dates = {en: {days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Frid...

Vue.js 2.0窥探之Virtual DOM到底是什么？

2017年02月15日 107 阅读

Virtual DOM是什么？在之前，React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。若想了解它是如何工作的，就要先认清这几个概念：1.更新DOM是非常昂贵的操作当我们使用Javascript来修改我们的页面，浏览器已经做了一些工作，以找到DOM节点进行更改，例如：document.getElementById（"myId"）.appendChild（myNewNode）;在现代的应用中，会有成千上万数量个DOM节点。所以因更新的时...

JS实现的数字格式化功能示例

2017年02月15日 122 阅读

本文实例讲述了JS实现的数字格式化功能.分享给大家供大家参考，具体如下：<！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/1999/xhtml"><head><met...

JavaScript轻松创建级联函数的方法示例

2017年02月15日 102 阅读

一、级联函数是什么？在一行代码上，调用一个接一个的方法。这种技术在 JQuery 或者其他 JavaScript 库中是非常常见的。代码如下：$（"#myDiv"）.fadeOut（）.html（"帅哥, 你好！"）.fadeIn（）;或者：myStr1.replace（"k", "R"）.toUpperCase（）.substr（0,4）; 这种代码让我们能像阅读文字一样来阅读代码，不仅简洁，可读性强更便于维护，提高开发效率。那怎么用呢？要使用级联函数，...

bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法

2017年02月15日 145 阅读

异步请求var postData = {"env_name" : new_env_name,"env_url": new_env_url,"env_desc" : new_env_desc }; $.ajax（{type: "POST",url : "/test_env_add/",data : postData,dataType : "json",success : function（data）{ $（"#table_test_env"）.dataTab...

BootStrapValidator初使用教程详解

2017年02月15日 119 阅读

bootstrap：能够增加兼容性的强大框架.因为项目需要数据验证，看bootstrapValidator 还不错，就上手一直，完美兼容，话不多说。bootstrapValidator的github地址需要引用css：bootstrap.min.cssbootstrapValidator.min.cssjs:jQuery-1.10.2.min.jsbootstrap.min.jsbootstrapValidator.min.js以上这些都是必须的。先上个...

js仿QQ邮箱收件人选择与搜索功能

2017年02月15日 122 阅读

之前因为项目开发需要，对于收件人选择与搜索的js实现，整理如下：页面截图：主要html代码：<#--左侧--><div> <label>To:</label> <div id="divtxt" class="mailtxt_div"></div> <input type="hidden" name="messName" id="messName"/> <input t...

详解angularjs结合pagination插件实现分页功能

2017年02月15日 154 阅读

angularjs与pagination插件可以完美实现前端的分页，筛选，搜索等功能，前提当然需要有后台开发配合，今天我们只说前端实现：1、引入pagination插件，在angularjs引入之前先加载pagination插件；2、在定义controller的时候，需要注入pagination插件；3、分页前端原理基本需要有个默认异步请求，当点击分页，再次请求数据并向后台发送当前页码，如果有搜索数据或者筛选数据功能，在发送请求的同时需要带上与后台开发共同...

jQuery排序插件tableSorter使用方法

2017年02月15日 132 阅读

本文实例为大家分享了jQuery排序插件tableSorter的使用方法，供大家参考，具体内容如下1.先引两个js<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script><script type="text/javascript" src="../js/jquery.tablesorter.min.js"></script>...

简单的vue-resourse获取json并应用到模板示例

2017年02月15日 97 阅读

不说废话上代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>vue js</title><style>.completed {text-decoration: line-through;}.something {color: red;}</style></head>...

jQuery html表格排序插件tablesorter使用方法详解

2017年02月15日 128 阅读

tablesort是一款很好用的jQuery表格排序插件。支持多种数据类型排序，会自动识别表格内容数据类型，使用也非常方便。使用jQuery tablesort实现html表格方法:1. 下载jQuery和tablesort脚本，并在html中引用该脚本文件：<script type="text/javascript" src="../jquery-latest.js"></script><script type="text...

用jQuery旋转插件jqueryrotate制作转盘抽奖

2017年02月15日 119 阅读

本文实例为大家分享了jQuery旋转插件jqueryrotate制作转盘抽奖的具体代码，供大家参考，具体内容如下原文链接：js HTML5 Canvas绘制转盘抽奖下载地址：jqueryrotate<！DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"/> <meta name="viewport" content="width=devi...

angularjs实现的前端分页控件示例

2017年02月15日 107 阅读

前言：之前写个一个jQuery的分页显示插件，存在许多的bug，现在由于业务需要，学习的一点AngularJS，重新用angularjs实现了这个分页插件实现效果图：（效果图是加上了bootstrap的css文件）用法：angular-pagination.js代码：/** * angularjs分页控件 * Created by CHEN on 2016/11/1. */angular.module（"myModule", []）.directive（"...

首页 / 脚本样式 / JavaScript

基于jQuery实现简单人工智能聊天室

微信小程序 JS动态修改样式的实现代码

TableSort.js表格排序插件使用方法详解

jquery.tableSort.js表格排序插件使用方法详解

tablesorter.js表格排序使用方法（支持中文排序）

解决URL地址中的中文乱码问题的办法

BootStrap Datetimepicker 汉化的实现代码

BootStrap Datepicker 插件修改为默认中文的实现方法

Vue.js 2.0窥探之Virtual DOM到底是什么？

JS实现的数字格式化功能示例

JavaScript轻松创建级联函数的方法示例

bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法

BootStrapValidator初使用教程详解

js仿QQ邮箱收件人选择与搜索功能

详解angularjs结合pagination插件实现分页功能

jQuery排序插件tableSorter使用方法

简单的vue-resourse获取json并应用到模板示例

jQuery html表格排序插件tablesorter使用方法详解

用jQuery旋转插件jqueryrotate制作转盘抽奖

angularjs实现的前端分页控件示例