JavaScript - 教程之家

46浏览

0评论

纯jQuery实现前端分页功能

由于之前自己做过jquery分页，就是调用jni接口时，只能用前台分页解决显示问题。最近看到有人提这样的问题：一个请求传过来上万个数据怎么办？于是萌生了写这篇博客的想法。效果展...

2020-05-27

49浏览

0评论

jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts实现的MSBar3D图效果。分享给大家供大家参考，具体如下：1、静态页面：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""h...

2020-05-27

49浏览

0评论

jquery实现全选、全不选以及单选功能

效果图：代码如下： <link rel="stylesheet" href="http://wiki.jikexueyuan.com/project/bootstrap4/dist/css/bootstrap.min.css" rel="external nofollow" > <script src="ht...

2020-05-27

58浏览

0评论

BootStrap+Mybatis框架下实现表单提交数据重复验证

效果：
jsp页面：<form class="form-horizontal lui-tj-bd" id="dbc_code_add_form" method="post"><div class="row"><div class="col-xs-12"><di...

2020-05-27

41浏览

0评论

移动端刮刮乐的实现方式（js+HTML5）

程序员有一种惯性思维，就是看见一些会动的东西（带点科技含量的，猫啊，狗啊就算了），总要先想一遍，这玩意用代码是怎么控制的。比如电梯，路边的霓虹灯，遥控器，小孩子的玩具等，都统统被程序...

2020-05-27

49浏览

0评论

jQuery编写textarea输入字数限制代码

本文实例为大家分享了jQuery textarea输入字数限制的具体代码，供大家参考，具体内容如下 //先判断浏览器是不是万恶的IE var bind_name = 'input';//默认事件 if (naviga...

2020-05-27

44浏览

0评论

JS验证input输入框（字母，数字，符号，中文）

只能输入英文<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">只能输入英文<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"o...

2020-05-27

37浏览

0评论

详解Vue-基本标签和自定义控件

按照国际惯例先安利：Useful-Open-Source-Android_jb51.rar上一篇把环境搭完了，然后把默认的8080内容跑通了，这一片尝试把常用的一些标签给学习一下（按钮啊，列表，图片啥的）整篇都是...

2020-05-27

46浏览

0评论

基于HTML5+JS实现本地图片裁剪并上传功能

最近做了一个项目，这个项目中需要实现的一个功能是：用户自定义头像（用户在本地选择一张图片，在本地将图片裁剪成满足系统要求尺寸的大小）。这个功能的需求是：头像最初剪切为一个正...

2020-05-27

41浏览

0评论

NodeJS学习笔记之Module的简介

Node.js模块系统Node.js有一个简单的模块加载系统。在Node.js中，文件和模块是一一对应的（每个文件被视为单独的模块）。例如，考虑下面这个名为 foo.js 的文件：const circle = req...

2020-05-27

55浏览

0评论

jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts实现的MSBar2D图效果。分享给大家供大家参考，具体如下：1、页面展示<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""h...

2020-05-27

49浏览

0评论

原生JS实现导航下拉菜单效果

这个导航下拉菜单需要实现的功能是：下拉菜单的宽度与浏览器视口的宽度一样宽；一级导航只有两项，当鼠标移到一级导航上的导航项时，相应的二级导航出现。在本案例中通过改变二级导...

2020-05-27

50浏览

0评论

深入理解vue路由的使用

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统...

2020-05-27

47浏览

0评论

原生JS改变透明度实现轮播效果

在我看来要想实现轮播主要是要知道当前位于的页面和即将位于的页面。这个案例是通过改变图片的透明度来实现轮播的效果。我把涉及的知识点分为两个方面，分别是HTML+css和JS。...

2020-05-27

32浏览

0评论

JavaScript获取URL参数的方法之一

若地址栏URL为：abc.html?m=tomms&c=allsearchlist&pageNo=1&pageNum=20&text=1<script> //JavaScript获取url，并把url中的参数变成数组的方法，arr数组的值就是各参数值 v...

2020-05-27

39浏览

0评论

详解打造 Vue.js 可复用组件

Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。
从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随着业...

2020-05-27

51浏览

0评论

Bootstrap常用组件学习(整理)

一、Bootstrap 面板（Panels）本章将讲解 Bootstrap 面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向 <div> 元素添加 class .panel 和 clas...

2020-05-27

47浏览

0评论

JavaScript验证知识整理

JS只能输入数字，数字和字母等的正则表达式1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.valu...

2020-05-27

30浏览

0评论

重新理解JavaScript的六种继承方式

类式继承（构造函数）JS中其实是没有类的概念的，所谓的类也是模拟出来的。特别是当我们是用new 关键字的时候，就使得“类”的概念就越像其他语言中的类了。类式继承是在函数对象内...

2020-05-27

41浏览

0评论

详解NodeJS框架express的路径映射（路由）功能及控制

我们知道Express是一个基于NodeJS的非常优秀的服务端开发框架，本篇CSSer将提供express框架的route和route control章节，route实现了客户端请求的URL的路径映射功能，暂且译为路...

2020-05-27

33浏览

0评论

jQuery实现的背景颜色渐变动画效果示例

本文实例讲述了jQuery实现的背景颜色渐变动画效果。分享给大家供大家参考，具体如下：完整实例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http:...

2020-05-27

35浏览

0评论

原生Aajax 和jQuery Ajax 写法个人总结

AJAX:即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步...

2020-05-27

46浏览

0评论

原生js实现简单的Ripple按钮实例代码

整理文档，搜刮出一个原生js实现简单的Ripple按钮的代码，稍微整理精简一下做下分享。
效果如图准备食材（html部分） <ul id="nav"> <li> <a href='#'> <span>首页</span>...

2020-05-27

38浏览

0评论

jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】

本文实例讲述了jQuery实现的动态文字变化输出效果。分享给大家供大家参考，具体如下：演示效果图如下：1、完整实例代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transition...

2020-05-27

46浏览

0评论

HTML5+jQuery实现搜索智能匹配功能

HTML5+jquery实现的搜索匹配效果，或者说是搜索过滤，当你在文本框输入一个字符时，如果下边的列表中有以此为开头的内容时，将自动为你显示相关内容，示例中仅列出了一些，用时候你可以...

2020-05-27

50浏览

0评论

JS得到当前时间的方法示例

本文实例讲述了JS得到当前时间的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose....

2020-05-27

55浏览

0评论

jQuery实现鼠标经过显示动画边框特效

原效果用addClass 改为slideUp，纯学习效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css.cs...

2020-05-27

33浏览

0评论

fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法

本文实例讲述了fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法。分享给大家供大家参考，具体如下：当部署含有Fckeditor编辑器的应用程序时，在tomcat下什...

2020-05-27

53浏览

0评论

原生js封装自定义滚动条

最近有一个关于制作在线音乐播放器的项目，需要使用一个滚动条，但是自带滚动条实在是太丑了，所以就自己琢磨了一下自定义的滚动条。在网上看原理，说实话没怎么看懂，就趁今天上午上...

2020-05-27

49浏览

0评论

JS正则替换去空格的方法

本文实例讲述了JS正则替换去空格的方法。分享给大家供大家参考，具体如下：在网上找了好久，发现没几个是好用的。自己备份一个省得以后再找。//去左空格;function ltrim(s){ ret...

2020-05-27

60浏览

0评论

JS实现向iframe中表单传值的方法

本文实例讲述了JS实现向iframe中表单传值的方法。分享给大家供大家参考，具体如下：给iframe加contentWindow属性后,才能赋值,在IE,firefox测试一切ok.例如：页面a.jsp<script lan...

2020-05-27

67浏览

0评论

详解angular2实现ng2-router 路由和嵌套路由

实现ng2-router路由，嵌套路由首先配置angular2的时候router模块已经下载，只需要引入即可
import {RouterModule, Routes} from "@angular/router";我们要创建一个嵌套路由，所...

2020-05-27

61浏览

0评论

js鼠标经过tab选项卡时实现切换延迟

偶然间在浏览网页时，发现这样的效果。当鼠标不经意间滑过tab时并不会切换，当鼠标停留在上面一段时候后才会切换。　　个人觉得用户体验不错，优点是1.当用户只是滑过标签...

2020-05-27

52浏览

0评论

Node.js和Express简单入门介绍

仅仅入门如何用Node.js和Express搭建一个web服务器，没有说明太多概念性的东西。一、 Nodejs简介 ==Node是JavaScript语言的服务器运行环境。== 所谓“运行环境...

2020-05-27

43浏览

0评论

jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts实现的Marimekko图效果。分享给大家供大家参考，具体如下：1、index.html文件：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitiona...

2020-05-27

69浏览

0评论

nodejs开发——express路由与中间件

路由通常HTTP URL的格式是这样的：http://host[:port][path]http表示协议。host表示主机。port为端口，可选字段，不提供时默认为80。path指定请求资源的URI(Uniform Resource Ide...

2020-05-27

39浏览

0评论

Three.js获取鼠标点击的三维坐标示例代码

由于工作需要，但是对于three.js又是一窍不通，网上的资料又很少，所以上来就让我获取坐标，真是一个头两个大。好歹最后终于实现了。
既然已经是想要获取鼠标点击的三维坐标了，相信...

2020-05-27

61浏览

0评论

ECMAScript6 新特性范例大全

ECMAScript6（ECMAScript 2015 ，ES5，ES2016）技术已经在前端圈子很流行了，他给前端开发人员带来了很多惊喜，提供的语法糖使复杂的操作变得简单。本文没有详细描述这些新特性，因为网上...

2020-05-27

39浏览

0评论

Bootstrap DateTime Picker日历控件简单应用

一个日历控件，这是官方说明，，供大家参考，具体内容如下
首先引入css样式
 <link rel="stylesheet" href="bootstrap-3.3....

2020-05-27

58浏览

0评论

axios基本入门用法教程

这篇文章主要给大家介绍了axios基本入门用法教程，下面话不多说，来看看详细的介绍吧。首先就是引入axios,如果你使用es6，只需要安装axios模块之后import axios from 'axios';//...

2020-05-27

52浏览

0评论

jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts实现的3D帕累托图效果。分享给大家供大家参考，具体如下：1、设计3D帕累托图的页面index.html：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4...

2020-05-27

100浏览

0评论

angular仿支付宝密码框输入效果

项目需求，使用ng写一个密码框格子支付模块，一开始使用一个input+letter-spacing来分割字符，但是发现间距非常不好控制，随着字符的输入文本框字符串间距还会自动调整。最终从网上...

2020-05-27

52浏览

0评论

JS实现列表页面隔行变色效果

先看看隔行变色效果：代码：
<head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var otab = document.getElementById...

2020-05-27

55浏览

0评论

bootstrap suggest搜索建议插件使用详解

近日因工作需要看了下此插件。首先下载bootstrap js包。添加此插件的引用。注意css样式要引用，不能忘记。前台页面代码，因为楼主做的是选项卡切换查询不同的结果。<tr> <th s...

2020-05-27

40浏览

0评论

JS中showModalDialog关闭子窗口刷新主窗口用法详解

本文实例讲述了JS中showModalDialog关闭子窗口刷新主窗口用法。分享给大家供大家参考，具体如下：网上找了好长时间大都是window.opener.location.reload(),等等都不是我想要的...

2020-05-27

49浏览

0评论

基于bootstrap按钮式下拉菜单组件的搜索建议插件

本文实例为大家分享了Bootstrap Search Suggest搜索建议插件的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <ti...

2020-05-27

45浏览

0评论

JS控件bootstrap datepicker使用方法详解

bootstrap-datepicker沙箱环境：
bootstrap-datepicker沙箱环境：
1、requirejs配置requirejs.config({ baseUrl: '../pages/modules',// urlArgs: "v=" + (new Date()).get...

2020-05-27

43浏览

0评论

bootstrap table动态加载数据示例代码

我最近在研究bootstrap的学习路上，那么今天也算个学习笔记吧！
效果如下：
点击选择按钮，弹出模态框，加载出关键词列表TABLE样式：
<div class="modal fade " id="ClickModal" tabind...

2020-05-27

41浏览

0评论

JS控件bootstrap suggest plugin使用方法详解

本文为大家分享了bootstrap-suggest-plugin插件，这是一个简单的编辑提示控件，供大家参考，具体内容如下
bootstrap-suggest-plugin插件地址页面如下面所示，使用此控件<div class=...

2020-05-27

44浏览

0评论

javascript实现的图片预览功能

本文实例讲述了javascript实现的图片预览功能。分享给大家供大家参考，具体如下：1.将下面的代码复制到<head>内<script>/*Thumbnail image viewer-?Dynamic Drive (www.dyn...

2020-05-27

热门文章