JavaScript正则获取地址栏中参数的方法
本文实例讲述了JavaScript正则获取地址栏中参数的方法。分享给大家供大家参考，具体如下：一、问题：获取地址栏中的参数：若地址栏中的地址是：http://10.124.36.56:8080/CMOD/index....
2020-05-27
JS操作input标签属性checkbox全选的实现代码
废话不多说了，具体代码如下所示：<html><head>< >function selectAll(){ var checklist = document.getElementsByName ("selected");//获取所有name值为selected的标签 if(doc...
2020-05-27
js前端日历控件（悬浮、拖拽、自由变形）
很少发现网上有简洁好用的自定义前端控件的贴子，最近项目中需要，自己YY开始写前端控件，在此给大家分享控件是基于jQuery.UI的Widget写的，写起来就方便很多，使用起来跟普通jQuery...
2020-05-27
如何写好你的JavaScript【推荐】
前言在实际工作中，我们应该经常会看到一些功能上没有问题，但编码风格和规范却十分糟糕的代码，这往往会让人不敢再往下阅读，甚至会影响阅读者一天的心情。这些代码不仅不易阅读，而...
2020-05-27
jquery实现左右滑动式轮播图
本文实例为大家分享了jquery左右滑动轮播图的具体代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script...
2020-05-27
如何正确理解javascript的模块化
模块化在项目中十分的重要，一个复杂的项目肯定有很多相似的功能模块，如果每次都需要重新编写模块肯定既费时又耗力。但是引用别人编写模块的前提是要有统一的“打开姿势”，如果...
2020-05-27
JavaScript正则替换HTML标签功能示例
本文实例讲述了JavaScript正则替换HTML标签功能。分享给大家供大家参考，具体如下：1、说明获取HTML字符串（包含标签），通过正则表达式替换HTML标签，输出替换后的字符串2、实现JavaSc...
2020-05-27
jquery easyui dataGrid动态改变排序字段名的方法
jQuery easyui dataGrid 动态改变排序字段名，一般情况下，在使用的时候，我们会点击相应字段进行排序，这里以JAVA为例，后端的实体类字段有可能和数据库的字段不一致；如：实体类中的属...
2020-05-27
JSONP跨域请求
什么是跨域：1、域名不同2、域名相同端口不同js出于对安全考虑不支持跨域请求。我们可以使用JSONP解决跨域问题。一、JSONP是什么JSONP(JSON with Padding)是JSON的一种“使用...
2020-05-27
纯js仿淘宝京东商品放大镜功能
效果图：代码如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题</title> <style> *{ margin: 0px; padding: 0px; }...
2020-05-27
Spring Boot+AngularJS+BootStrap实现进度条示例代码
Spring Boot+AngularJS+BootStrap实现进度条原理
进度条的原理是在上传文件的时候，当程序运行到某一个部分，往Session中设置一个1到100的值。然后前台再每隔很小的一段时间去...
2020-05-27
jQuery实现三级联动效果
很久没写了，顺带复习，写了一个jQuery实现的三级联动，供大家参考，具体内容如下
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-...
2020-05-27
js实现功能比较全面的全选和多选
效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </hea...
2020-05-27
vue.js的提示组件
这次的教程里，我们要把组件化进行到底！最近半年的几个项目中，都遇到了需要使用Toast或者Notification组件的情况。在目前已有的一些基于Vue.js开发的组件库，都没有找到太合适的，...
2020-05-27
JavaScript数组迭代方法
最近工作中经常涉及到数据的处理，数组尤其常见，经常需要对其进行遍历、转换操作，网上的文章零零散散，不得已自己又找出红宝书来翻出来看，顺便记一笔，便于以后查询。数组常用的迭代...
2020-05-27
angularjs实现下拉列表的选中事件示例
select标签的对于大家来说很熟悉了，下面我来讲讲AngularJS中 对select的属性设置，做出选择某个下拉选项后控制其他标签的隐藏；<select style="height:31px; width:100px" id="r...
2020-05-27
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
本文实例讲述了JavaScript控制输入框中只能输入中文、数字和英文的方法。分享给大家供大家参考，具体如下：1、问题背景：遇到这样一个问题：有一个输入框，要求只能输入中文、数字和...
2020-05-27
nodejs搭建本地服务器并访问文件的方法
安装node：https://nodejs.org/en/download/在本地建立目录：f:/nodetest，在该目录下新建index.html作为我们将要访问的内容。新建server.js作为node开启的入口:$ cd f:/nodetest...
2020-05-27
JavaScript的for循环中嵌套一个点击事件的问题解决
先看下面一段代码：for(var i=0; i<10; i++) { $('#ul').bind('click', function() { alert(i) })}对于这段代码，当点击Id为“ul”的元素时，会出现弹出10个10。为什么会弹出10...
2020-05-27
jquery表单验证实例仿Toast提示效果
HTML内容部分<div class="classname"> <label for="">请输入您的手机号码</label> <input type="text" id="MobilePhone"/> <input type="text" /> --> </div>提示...
2020-05-27
JS实现双击内容变为可编辑状态
在一些网站上我们经常看到交互性很强的功能。一些用户资料可以直接双击出现文本框，并在此输入新的资料即可修改，无需再按确定按钮等。。我在网上查了很多资料，但都有一个小bug，...
2020-05-27
AngularJS表格添加序号的方法
本文实例讲述了AngularJS表格添加序号的方法。分享给大家供大家参考，具体如下：1、问题背景AngularJS表格需要序号，可以利用$index来作为序号2、实现实例<!DOCTYPE html><html>...
2020-05-27
AngularJS表格样式简单设置方法示例
本文实例讲述了AngularJS表格样式简单设置方法。分享给大家供大家参考，具体如下：1、问题背景AngularJS表格table，利用样式设置表格间隔色2、实现源码<!DOCTYPE html><html> <h...
2020-05-27
jQuery插件jqGrid动态获取列和列字段的方法
本文实例讲述了jQuery插件jqGrid动态获取列和列字段的方法。分享给大家供大家参考，具体如下：1、问题背景jqGrid表格插件，利用自身方法获取表格的表头和表格字段；获取列名和列字...
2020-05-27
详解angular2封装material2对话框组件
1. 说明angular-material2自身文档不详，控件不齐，使用上造成了很大的障碍。这里提供一个方案用于封装我们最常用的alert和confirm组件。2. 官方使用方法之alert①编写alert内...
2020-05-27
async/await与promise（nodejs中的异步操作问题）
举例写文章详情页面的时候的一个场景：首先更改文章详情中的 PV，然后读取文章详情，然后根据文章详情中文章 Id 查阅该文章评论和该文章作者信息。获取全部数据之后渲染文章详情...
2020-05-27
jQuery简单实现MD5加密的方法
本文实例讲述了jQuery简单实现MD5加密的方法。分享给大家供大家参考，具体如下：1、问题背景有两个输入框，一个输入明文，另一个输入框显示密文2、实现源码<!DOCTYPE html><html> <...
2020-05-27
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
本文实例讲述了jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法。分享给大家供大家参考，具体如下：1、问题背景设计一条折线图，但是图形中不用插件自带的颜色，需要...
2020-05-27
js正则表达式验证密码强度【推荐】
效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>验证密码强度</title> <style type="text/css"> *{margin: 0;padding: 0;} body{bac...
2020-05-27
jQuery插件echarts去掉垂直网格线用法示例
本文实例讲述了jQuery插件echarts去掉垂直网格线用法。分享给大家供大家参考，具体如下：1、问题背景设计一条统计人数的折线，其中网格线没有垂直线2、实现源码（1）有垂直网格线<!DO...
2020-05-27
jQuery获取Table某列的值（推荐）
在写此篇博文时，发现在以前曾写过《获取DataTable选择第一行某一列值》http://www.cnblogs.com/insus/p/5434062.html 。但是与此篇所说的完全不一样。这篇Insus.NET需要的是...
2020-05-27
js实现简单的获取验证码按钮效果
效果图：图（1）初始图图（2）点击后代码如下：<!DOCTYPE HTML><html><head><meta charset="UTF-8" /><title>pro.html</title><style type="text/css">.checkCode { cursor: pointer;...
2020-05-27
js实现二级导航功能
效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> a{text-decoration: none;} *{margin: 0;padding: 0;box...
2020-05-27
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
本文实例讲述了jQuery插件FusionCharts绘制的3D饼状图效果。分享给大家供大家参考，具体如下：1、实现源码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title...
2020-05-27
angular+bootstrap的双向数据绑定实例
效果图：代码如下：<!doctype html><html ng-app="UserInfoModule"><head><meta charset="utf-8"><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/...
2020-05-27
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
本文实例讲述了jQuery插件FusionCharts实现的2D饼状图效果。分享给大家供大家参考，具体如下：1、实现源码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title...
2020-05-27
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
本文实例讲述了jQuery插件FusionCharts实现的3D柱状图效果。分享给大家供大家参考，具体如下：1、实现源码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title...
2020-05-27
jQuery控制元素隐藏和显示
1、jQuery隐藏和显示效果通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：$("#hide").click(function(){ $("p").hide();}); //点击id="hide"元素时，隐藏...
2020-05-27
求js数组的最大值和最小值的四种方法
给定数组[54,65,43,21,12,34,45,58,97,24]，求其最大值和最小值？定义数组var ary = [54,65,43,21,12,34,45,58,97,24];1、字符串拼接法利用toString和join把数组转换为字符串，再...
2020-05-27
vue2笔记 — vue-router路由懒加载的实现
在Web应用程序中，系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢，用户就会出现埋怨情绪，系统的价值也因此会大打折扣。因此，提高系统响应速度，是非常重要的。
懒加载(Loa...
2020-05-27
AngularJS路由实现页面跳转实例
AngularJS是一个javascript框架，通过AngularJS这个类库可以实现目前比较流行的单页面应用，AngularJS还具有双向数据绑定的特点，更加适应页面动态内容。所谓单页面应用就是在同...
2020-05-27
JS html时钟制作代码分享
时钟效果图：
闲来无聊做了一个网页的时钟，效果模拟传统时钟的运行方式，运用了html 的画布实现指针，背景图片引用了网络图片。具体原理：首先将时钟分为四个不同区域，对每个区域计算...
2020-05-27
纯JS单页面赛车游戏制作代码分享
分享一个以前写的小游戏，纯js游戏，代码很简单。欢迎大家来喷呦！效果图：
代码展示：//直接复制到html文件即可 支持IE9+版本<!DOCTYPE html><html><head> <meta charset="{CHARSET...
2020-05-27
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
与上篇实践教程一样，在这篇文章中，我将继续从一种常见的功能——表格入手，展示Vue.js中的一些优雅特性。同时也将对filter功能与computed属性进行对比，说明各自的适用场景，也为vu...
2020-05-27
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
本文实例讲述了jQuery插件echarts实现的多折线图效果。分享给大家供大家参考，具体如下：1、问题背景：设计一个折线图，折线图展示苹果、香蕉的销售量2、实现代码：<!DOCTYPE html><h...
2020-05-27
JavaScript中最常见的三个面试题解析
前言本文不是讲述最新的JavaScript库，日常的开发实践或任何新的 ES6 函数。 相反，在讨论JavaScript时，经常会在面试中出现这3个问题。 我自己被问到过这些问题，我的朋友告诉我他...
2020-05-27
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
本文实例讲述了jQuery插件echarts实现的单折线图效果。分享给大家供大家参考，具体如下：1、问题背景：设计一个折线图，展示一个星期内水果销售量2、实现源码：<!DOCTYPE html><html>...
2020-05-27
js css3实现图片拖拽效果
本文实例为大家分享了css3实现图片拖拽效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style typ...
2020-05-27
浅谈javascript的url参数parse和build函数
Parse：function getParam() { var param = new Object() var item = new Array(); if (location.search == "") { return param; }; var query = locati...
2020-05-27
简单实现js菜单栏切换效果
分享一个小案例，实现菜单栏的切换，点击左侧边栏，展示右侧主体的页面，供大家参考，具体内容如下首先实现html页面的编写：<div id="header"></div><div id="main"> <!--左侧边栏--> <...
2020-05-27
