JavaScript - 教程之家

61浏览

0评论

vue-dialog的弹出层组件

本文章通过实现一个vue-dialog的弹出层组件，然后附加说明如果发布此包到npm，且能被其他项目使用。功能说明多层弹出时，只有一个背景层。
弹出层嵌入内部组件。
弹出层按钮支持...

2020-05-27

68浏览

0评论

完美解决spring websocket自动断开连接再创建引发的问题

问题：由于 web session 超时时间为 30 分钟，如用户在 web session 规定时间内没有退出系统，但由于其它原因用户却断开的 websocket 的连接，如果用户还要聊天或是其它 websocket...

2020-05-27

77浏览

0评论

通过npm引用的vue组件使用详解

什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也...

2020-05-27

84浏览

0评论

jQuery实用密码强度检测

JQ实用密码强度检测通过正则来判断验证密码强弱并通过替换提示图片进行显示。素材图片，请自取：
html源码：
<table style="width:320px;margin:40px auto;"> <tr> <th>密码</...

2020-05-27

55浏览

0评论

老生常谈jquery中detach()和remove()的区别

JQuery是一个很大强的工具库，在工作中开发中，可是有些方法还是因为不常用到，或是没有注意到而被我们而忽略。remove()和detach()可能就是其中的一个，可能remove()我们用得比较多...

2020-05-27

87浏览

0评论

Bootstrap Scrollspy源码学习

本文实例为大家分享了Bootstrap Scrollspy插件的具体代码，供大家参考，具体内容如下导航栏Scrollspy例子<body data-spy="scroll" data-target="....

2020-05-27

56浏览

0评论

浅谈jQuery的bind和unbind事件(绑定和解绑事件)

绑定其实就是把一些常规时间绑定到页面，然后进行各种常规操作解绑就是接触绑定，绑定的事件失效要注意，iQuery中的 .事件如(.click())其实就是单个的绑定事件的简写(bind("cl...

2020-05-27

65浏览

0评论

jQuery给表格添加分页效果

本文实例为大家分享了jQuery表格添加分页的具体代码，供大家参考，具体内容如下1. 新建一个Table，添加十行数据
<table cellspacing="0"> <thead> <tr> <th>编号</th> <th>姓...

2020-05-27

65浏览

0评论

详谈jQuery unbind 删除绑定事件 / 移除标签方法

jQuery unbind 删除绑定事件unbind([type],[data]) 是 bind()的反向操作，从每一个匹配的元素中删除绑定的事件。如果没有参数，则删除所有绑定的事件。你可以将你用bind()注册...

2020-05-27

74浏览

0评论

js实现常见的工具条效果

实现功能如下：1. 二维码展示功能；2. “回到顶部”功能。(选择“全屏预览”，滑动滚动条，查看回到顶部功能)效果图：图(1) 初始效果图(2) 鼠标悬浮效果实例代码：<!doctype html><html...

2020-05-27

65浏览

0评论

JavaScript表单验证完美代码

用原生JS写一个简单的表单验证首先，是html部分<div class="divAll"> <div id="titles">新用户注册</div> <div id="contents"> <h3>基本信息</h3> <hr width="9...

2020-05-27

65浏览

0评论

深入理解在JS中通过四种设置事件处理程序的方法

所有的JavaScript事件处理程序的作用域是在其定义时的作用域而非调用时的作用域中执行,并且它们能存取那个作用域中的任何一个本地变量。但是HTML标签属性注册处理程序就是...

2020-05-27

91浏览

0评论

利用ES6语法重构React组件详解

一、创建组件
ES6 class创建的组件语法更加简明，也更符合javascript。内部的方法不需要使用function关键字。React.createClassimport React from 'react';const MyComponent...

2020-05-27

93浏览

0评论

JavaScript html5利用FileReader实现上传功能

本文实例为大家分享了H5利用FileReader上传文件的具体代码，供大家参考，具体内容如下1. Html部分<h2>文件上传演练</h2> <div id="result"> ...

2020-05-27

92浏览

0评论

关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法

书写jQuery EasyUI Tab 样例时,如果刷新前面的Tab 选项卡,某一个Tab 选项卡里面的页面布局变乱。如下面图片所示：刚开始打开时页面布局正确：
此时我们在第二个选项卡里面,点...

2020-05-27

50浏览

0评论

jquery仿京东侧边栏导航效果

本文实例为大家分享了jquery仿京东侧边栏导航的具体代码，供大家参考，具体内容如下样式代码<style> *{ padding: 0; margin: 0; border: 0; } body{ height: 2000px;...

2020-05-27

90浏览

0评论

jQuery上传多张图片带进度条样式（DEMO）

下面一段代码给大家分享jquery上传多种图片带进度条样式，具体代码如下所示：
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>xhr2</title></head><body><div sty...

2020-05-27

110浏览

0评论

详解使用grunt完成requirejs的合并压缩和js文件的版本控制

最近有一个项目使用了 requirejs 来解决前端的模块化，但是随着页面和模块的越来越多，我发现我快要hold不住这些可爱的js文件了，具体表现在每个页面都要设置一堆 requirejs 的配...

2020-05-27

89浏览

0评论

Bootstrap入门教程一Hello Bootstrap初识

一、Bootstrap简介Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap是基于 HTML5、CSS3和Javascriopt开发的，它在 jQuery的基础上进行了更为个性化和人性化的完善，...

2020-05-27

76浏览

0评论

详谈jQuery Ajax(load,post,get,ajax)的用法

今天看到群里面有网友们问到Jquery Ajax的(load,post,get,ajax)之间的区别，现在整理了一篇文章出来，希望可以帮到网友们，首先我们先来看一些简单的方法，这些方法都是对jQuery.aj...

2020-05-27

63浏览

0评论

利用imgareaselect辅助后台实现图片上传裁剪

因为项目当中用到图片裁剪，本来可以不用到后台进行裁剪的，但是要兼容万恶的IE浏览器，所以不得不使用后台进行裁剪。这次使用到imgareaselect 插件获取需要裁剪区域的坐标，再由后...

2020-05-27

59浏览

0评论

浅谈Vue.js

vue.js的总体评价“简单却不失优雅，小巧而不乏大匠”Vue.js简介Vue.js的作者为Evan You（尤雨溪），任职于Google Creative Lab，虽然Vue是一个个人项目，但在发展前景上个人认为绝不输...

2020-05-27

55浏览

0评论

Angular-Ui-Router+ocLazyLoad动态加载脚本示例

在使用angular过程以前同事是采取一次性加载方式，在index页面一次性加载所有的js跟css，这种加载方式只适合教学和小型项目中，中大型不建议使用，加载速度影响到用户体验。在使用...

2020-05-27

73浏览

0评论

使用grunt合并压缩js和css文件的方法

需要了解的知识：1、nodejs的安装与命令行使用2、nodejs安装应用3、grunt的初步了解本文已假定读者已经熟悉以上知识。好，我们继续：任务1：将src目录下的所有zepto及插件合并，并压...

2020-05-27

102浏览

0评论

原生js仿浏览器滚动条效果

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>仿浏览器滚动条</title> <style type="text/css"> *{margin: 0;padding: 0;} #demo{...

2020-05-27

61浏览

0评论

JavaScript正则获取地址栏中参数的方法

本文实例讲述了JavaScript正则获取地址栏中参数的方法。分享给大家供大家参考，具体如下：一、问题：获取地址栏中的参数：若地址栏中的地址是：http://10.124.36.56:8080/CMOD/index....

2020-05-27

87浏览

0评论

JS操作input标签属性checkbox全选的实现代码

废话不多说了，具体代码如下所示：<html><head>< >function selectAll(){ var checklist = document.getElementsByName ("selected");//获取所有name值为selected的标签 if(doc...

2020-05-27

86浏览

0评论

js前端日历控件（悬浮、拖拽、自由变形）

很少发现网上有简洁好用的自定义前端控件的贴子，最近项目中需要，自己YY开始写前端控件，在此给大家分享控件是基于jQuery.UI的Widget写的，写起来就方便很多，使用起来跟普通jQuery...

2020-05-27

72浏览

0评论

如何写好你的JavaScript【推荐】

前言在实际工作中，我们应该经常会看到一些功能上没有问题，但编码风格和规范却十分糟糕的代码，这往往会让人不敢再往下阅读，甚至会影响阅读者一天的心情。这些代码不仅不易阅读，而...

2020-05-27

89浏览

0评论

jquery实现左右滑动式轮播图

本文实例为大家分享了jquery左右滑动轮播图的具体代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script...

2020-05-27

63浏览

0评论

如何正确理解javascript的模块化

模块化在项目中十分的重要，一个复杂的项目肯定有很多相似的功能模块，如果每次都需要重新编写模块肯定既费时又耗力。但是引用别人编写模块的前提是要有统一的“打开姿势”，如果...

2020-05-27

65浏览

0评论

JavaScript正则替换HTML标签功能示例

本文实例讲述了JavaScript正则替换HTML标签功能。分享给大家供大家参考，具体如下：1、说明获取HTML字符串（包含标签），通过正则表达式替换HTML标签，输出替换后的字符串2、实现JavaSc...

2020-05-27

109浏览

0评论

jquery easyui dataGrid动态改变排序字段名的方法

jQuery easyui dataGrid 动态改变排序字段名，一般情况下，在使用的时候，我们会点击相应字段进行排序，这里以JAVA为例，后端的实体类字段有可能和数据库的字段不一致；如：实体类中的属...

2020-05-27

90浏览

0评论

JSONP跨域请求

什么是跨域：1、域名不同2、域名相同端口不同js出于对安全考虑不支持跨域请求。我们可以使用JSONP解决跨域问题。一、JSONP是什么JSONP(JSON with Padding)是JSON的一种“使用...

2020-05-27

73浏览

0评论

纯js仿淘宝京东商品放大镜功能

效果图：代码如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题</title> <style> *{ margin: 0px; padding: 0px; }...

2020-05-27

104浏览

0评论

Spring Boot+AngularJS+BootStrap实现进度条示例代码

Spring Boot+AngularJS+BootStrap实现进度条原理
进度条的原理是在上传文件的时候，当程序运行到某一个部分，往Session中设置一个1到100的值。然后前台再每隔很小的一段时间去...

2020-05-27

62浏览

0评论

jQuery实现三级联动效果

很久没写了，顺带复习，写了一个jQuery实现的三级联动，供大家参考，具体内容如下
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-...

2020-05-27

54浏览

0评论

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

77浏览

0评论

vue.js的提示组件

这次的教程里，我们要把组件化进行到底！最近半年的几个项目中，都遇到了需要使用Toast或者Notification组件的情况。在目前已有的一些基于Vue.js开发的组件库，都没有找到太合适的，...

2020-05-27

70浏览

0评论

JavaScript数组迭代方法

最近工作中经常涉及到数据的处理，数组尤其常见，经常需要对其进行遍历、转换操作，网上的文章零零散散，不得已自己又找出红宝书来翻出来看，顺便记一笔，便于以后查询。数组常用的迭代...

2020-05-27

82浏览

0评论

angularjs实现下拉列表的选中事件示例

select标签的对于大家来说很熟悉了，下面我来讲讲AngularJS中对select的属性设置，做出选择某个下拉选项后控制其他标签的隐藏；<select style="height:31px; width:100px" id="r...

2020-05-27

81浏览

0评论

JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】

本文实例讲述了JavaScript控制输入框中只能输入中文、数字和英文的方法。分享给大家供大家参考，具体如下：1、问题背景：遇到这样一个问题：有一个输入框，要求只能输入中文、数字和...

2020-05-27

72浏览

0评论

nodejs搭建本地服务器并访问文件的方法

安装node：https://nodejs.org/en/download/在本地建立目录：f:/nodetest，在该目录下新建index.html作为我们将要访问的内容。新建server.js作为node开启的入口:$ cd f:/nodetest...

2020-05-27

86浏览

0评论

JavaScript的for循环中嵌套一个点击事件的问题解决

先看下面一段代码：for(var i=0; i<10; i++) { $('#ul').bind('click', function() { alert(i) })}对于这段代码，当点击Id为“ul”的元素时，会出现弹出10个10。为什么会弹出10...

2020-05-27

62浏览

0评论

jquery表单验证实例仿Toast提示效果

HTML内容部分<div class="classname"> <label for="">请输入您的手机号码</label> <input type="text" id="MobilePhone"/> <input type="text" /> --> </div>提示...

2020-05-27

74浏览

0评论

JS实现双击内容变为可编辑状态

在一些网站上我们经常看到交互性很强的功能。一些用户资料可以直接双击出现文本框，并在此输入新的资料即可修改，无需再按确定按钮等。。我在网上查了很多资料，但都有一个小bug，...

2020-05-27

98浏览

0评论

AngularJS表格添加序号的方法

本文实例讲述了AngularJS表格添加序号的方法。分享给大家供大家参考，具体如下：1、问题背景AngularJS表格需要序号，可以利用$index来作为序号2、实现实例<!DOCTYPE html><html>...

2020-05-27

58浏览

0评论

AngularJS表格样式简单设置方法示例

本文实例讲述了AngularJS表格样式简单设置方法。分享给大家供大家参考，具体如下：1、问题背景AngularJS表格table，利用样式设置表格间隔色2、实现源码<!DOCTYPE html><html> <h...

2020-05-27

71浏览

0评论

jQuery插件jqGrid动态获取列和列字段的方法

本文实例讲述了jQuery插件jqGrid动态获取列和列字段的方法。分享给大家供大家参考，具体如下：1、问题背景jqGrid表格插件，利用自身方法获取表格的表头和表格字段；获取列名和列字...

2020-05-27

66浏览

0评论

详解angular2封装material2对话框组件

1. 说明angular-material2自身文档不详，控件不齐，使用上造成了很大的障碍。这里提供一个方案用于封装我们最常用的alert和confirm组件。2. 官方使用方法之alert①编写alert内...

2020-05-27

热门文章