JavaScript - 教程之家

51浏览

0评论

jQuery Chosen通用初始化

一直在用Chosen这个js插件，其目的就是美化下拉框。github地址：https://harvesthq.github.io/chosen/no_results_text："xxxxx"无搜索结果时显示的文本allow_single_deselect：true...

2020-05-27

55浏览

0评论

JS完成画圆圈的小球

效果图图（1）图（2）代码如下：<html><head><title>JS动画之转动的小球</title><style type="text/css">div{width:20px;height:20px;background-color:black;position:absolute;bor...

2020-05-27

79浏览

0评论

js仿网易表单及时验证功能

今天研究了网易“用户注册表单”与“及时验证功能”，不得不说，无论是它的布局结构，还是验证功能，都是刷新了本真人的眼界，居然可以这样！来图镇楼！html代码：<!DOCTYPE html PUBLIC "-...

2020-05-27

47浏览

0评论

JavaScript实现向select下拉框中添加和删除元素的方法

本文实例讲述了JavaScript实现向select下拉框中添加和删除元素的方法。分享给大家供大家参考，具体如下：1、说明a. 利用append()方法向下拉框中添加元素b. 利用remove()方法移...

2020-05-27

53浏览

0评论

JQuery实现文字无缝滚动效果示例代码(Marquee插件)

推荐一个JQuery的无缝文字滚动效果，同时也可以滚动图片，也叫做跑马灯效果。此jquery插件，依托jquery库，能实现各种滚动效果，且让HTML代码符合W3C标准。使用方法如下：1、加载javasc...

2020-05-27

59浏览

0评论

Bootstrap进度条实现代码解析

本文实例为大家分享了Bootstrap进度条的具体代码，供大家参考，具体内容如下基本结构<div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="6...

2020-05-27

85浏览

0评论

jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制的基本折线图效果。分享给大家供大家参考，具体如下：1、实例源码：<!DOCTYPE html><html> <head> <title>HighCharts基本折线图</ti...

2020-05-27

82浏览

0评论

Bootstrap表单控件学习使用

Bootstrap表单控件的学习使用，供大家参考，具体内容如下输入框（Input）
最常见的表单文本字段是输入框 input。用户可以在其中输入大多数必要的表单数据。
Bootstrap 提供了对所...

2020-05-27

71浏览

0评论

angular十大常见问题

AngularJS可以视为是一种数据优先的框架，在它的三个层面中，数据模型是骨架，视图模型和业务事件是血肉，视图模板和指令是皮毛，这三层合在一起，就形成了一个活生生的Web应用。1.ng-i...

2020-05-27

76浏览

0评论

Bootstrap媒体对象学习使用

Bootstrap媒体对象的学习使用，供大家参考，具体内容如下基本结构：<div class="media"> <a class="pull-left" href="#" rel="external nofollow" rel="external nofollow" rel=...

2020-05-27

71浏览

0评论

nodejs中全局变量的实例解析

1.global类似于客户端javascript运行环境中的windowmodule1.js:module.exports={};//耻辱的使用了全局变量global.varA = "abc";关于global对象，实际使用中可以省去global....

2020-05-27

97浏览

0评论

js放到head中失效的原因与解决方法

1.今天写js碰到一个奇怪的问题，写好的js放到body里面执行，但是放到head中没有任何效果，为什么导致这种原因呢？看失效代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...

2020-05-27

66浏览

0评论

详解Vue2 无限级分类(添加,删除,修改)

本人对vue不是很懂,搜索了很多关于Vue2 无限级分类介绍,下面我来记录一下,有需要了解Vue2 无限级分类的朋友可参考。希望此文章对各位有所帮助。
<!DOCTYPE html><html lang...

2020-05-27

77浏览

0评论

基于JavaScript实现图片剪切效果

学会如何获取鼠标的坐标位置以及监听鼠标的按下、拖动、松开等动作事件，从而实现拖动鼠标来改变图片大小。还可以学习css中的clip属性。一、CSS实现图片不透明及裁剪效果。图...

2020-05-27

87浏览

0评论

原生JavaScript实现Tooltip浮动提示框特效

使用原生JavaScript设计和实现Tooltip浮动提示框特效，了解代码简化、事件绑定、事件冒泡等技巧和知识。特效四个关键点：
显示：鼠标移到ToolTip超链接上时，ToolTip提示框可以显示...

2020-05-27

49浏览

0评论

Vue获取DOM元素样式和样式更改示例

在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 'style' is not definde的错误，这时候可以在 mounted 里用 $refs 来获取样式，并进行更改：
<template>...

2020-05-27

36浏览

0评论

js实现百度登录框鼠标拖拽效果

以百度的登录窗口为例，学习鼠标拖拽效果如何实现，拖拽范围限定以及登录窗口自动居中。学会如何制作弹出窗口特效，了解把元素设置为可拖拽的原理。知识点：1.掌握对可拖拽对话框的...

2020-05-27

61浏览

0评论

Vuejs 组件——props数据传递的实例代码

本篇资料来于官方文档：http://cn.vuejs.org/guide/components.html#Props
本文是在官方文档的基础上，更加细致的说明，代码更多更全。
简单来说，更适合新手阅读props数据传递
①...

2020-05-27

58浏览

0评论

Nodejs 获取时间加手机标识的32位标识实现代码

具体代码如下所示：var crypto = require("crypto");function randomlogn(num){ var n = num.split(''); var m = []; for(var i=0;i<16;i++){ m[i] = n[Math.floor(Math.ran...

2020-05-27

80浏览

0评论

js实现网页定位导航功能

本文实例为大家分享了js网页定位导航的具体代码，供大家参考，具体内容如下一个循环判断当前滚动到的位置，另一个循环遍历导航条判断其id是否与滚动到的位置相同效果如图：实现代码...

2020-05-27

47浏览

0评论

Vue2.0组件间数据传递示例

Vue1.0组件间传递使用$on()监听事件；使用$emit()在它上面触发事件；使用$dispatch()派发事件，事件沿着父链冒泡；使用$broadcast()广播事件，事件向下传导给所有的后代Vue2....

2020-05-27

59浏览

0评论

完美实现js焦点轮播效果(一)

最简单轮播形式，js中通过pic的display属性控制变换，也可通过调整Pic的margin-Left效果如图：实现代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></...

2020-05-27

72浏览

0评论

完美实现js焦点轮播效果(二)（图片可滚动）

本文在前一篇js焦点轮播效果的基础上，使用函数递归实现图片滑动切换，采用辅助图片实现图片无限滚动等技巧，具体内容如下假如前后不加一张图片的话，图片顺序为[1,2,3,4,5]，当你点...

2020-05-27

54浏览

0评论

vue父子组件的数据传递示例

1.父组件向子组件传递数据<div id="box"> <aaa></aaa></div><template id="aaa"> <h1>模板aaa=>{{msg1}}</h1> //msg1写在这里是可以的，因为这是父组件内部 //<bbb>{{msg...

2020-05-27

41浏览

0评论

footer定位页面底部（代码分享）

话不多说，请看代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>footer定位</title><style> *{ margin:0; padding: 0; } .box{ width: 100%; h...

2020-05-27

61浏览

0评论

vue数据双向绑定原理解析（get & set)

前端的数据双向绑定指的是view（视图）和model（数据）两者之间的关系；view层是页面上展示给用户看的信息，model层一般是指通过http请求从后台返回的数据。view到model的绑定都是通过...

2020-05-27

34浏览

0评论

JS仿JQuery选择器功能

JQuery作为应用最广的JS库，其最强大的功能之一就是几乎涵盖所有方法的且代码十分简短的选择器功能，我们也可用自己的代码实现此功能，代码逻辑、使用方法与JQuery一致function Z...

2020-05-27

98浏览

0评论

bootstrap table 多选框分页保留示例代码

在使用bootstrap table的复选框功能的时候，由于采用服务端分页，当在第一页选择了某些数据，然后点击第二页选择一些数据，再次点回第一页，发现原先选择的数据已经清空了，原来的多选...

2020-05-27

71浏览

0评论

jQuery实现选项卡功能（两种方法）

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <title>JQuery 源码分析</tit...

2020-05-27

92浏览

0评论

浅谈原生JS实现jQuery的animate()动画示例

本文介绍了浅谈原生JS实现jQuery的animate()动画示例，希望此文章对各位有所帮助。参数介绍：
obj
执行动画的元素 css JSON数值对，...

2020-05-27

59浏览

0评论

详谈jQuery中的一些正则匹配表达式

jQuery常用正则匹配表达式//整数"^-?[1-9]\\d*$",//正整数 "^[1-9]\\d*$",//负整数intege2: "^-[1-9]\\d*$",//数字num: "^([+-]?)\\d*\\.?\\d+$",//正数（正整数...

2020-05-27

80浏览

0评论

jQuery插件zTree实现单独选中根节点中第一个节点示例

本文实例讲述了jQuery插件zTree实现单独选中根节点中第一个节点的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</ti...

2020-05-27

54浏览

0评论

基于JQuery的购物车添加删除以及结算功能示例

前段时间了解到购物车结算算是一个难点部分，在网上也找了一些，但是网上除了插件之外，就是一些半成品，比如一部分只有添加删除效果，另一部分只有结算功能，很少见到整合在一起的购物...

2020-05-27

63浏览

0评论

js, jQuery实现全选、反选功能

js ，jq实现全选、反选功能：js:思路：1.点击全选按钮实现，下面内容全选，与反选 2.下面有一个没有选中时，全选按钮不勾选，当全部选中时才全选。这里引入一个计数器，来判断是否全部选中...

2020-05-27

49浏览

0评论

原生js实现选项卡功能

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>原生js选项卡写法</title> <style> #div1 div{width: 200px;height: 200px;border: 1px soli...

2020-05-27

76浏览

0评论

JS字符串false转boolean的方法(推荐)

大家都知道在JS的世界里， 0、-0、null、""、false、undefined 或 NaN，这些都可以自动转化为布尔的 false，那么字符串的"false"是不是false呢，答案是否定的，if("false") 来判断的...

2020-05-27

42浏览

0评论

jQuery插件zTree实现更新根节点中第i个节点名称的方法示例

本文实例讲述了jQuery插件zTree实现更新根节点中第i个节点名称的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</ti...

2020-05-27

55浏览

0评论

老生常谈js中0到底是 true 还是 false

想到一个好玩的，运行如下 javascript ：if ('0') alert("'0' is true");if ('0' == false) alert("'0' is false");结果是，两次都 alert 了！那么 '0' 到底是 true 还是 false 呢？...

2020-05-27

48浏览

0评论

JavaScript中的工厂函数(推荐)

在学习jQuery的时候，我们经常会看到“工厂函数”这个概念，那么究竟什么是“工厂函数”呢？我们来看看概念，“所谓工厂函数，就是指这些内建函数都是类对象，当你调用他们时，实际上是创...

2020-05-27

64浏览

0评论

js仿拉勾网首页穿墙广告效果

效果图：代码如下：<!doctype html><html><head> <meta charset="UTF-8"> <title>Title</title><style>*{margin:0; padding:0; list-style:none;}ul{ overflow:hidden; width:6...

2020-05-27

45浏览

0评论

原生js实现瀑布流布局

用js实现瀑布流布局以及通过模拟的数据加载图片，已标记注释效果如图：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>瀑布流布局-JS实现</title></h...

2020-05-27

51浏览

0评论

jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法

本文实例讲述了jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基...

2020-05-27

53浏览

0评论

浅谈JavaScript正则表达式-非捕获性分组

非捕获性分组定义子表达式可以作为整体被修饰但是子表达式匹配结果不会被存储。非捕获性分组通过将子表达式放在"?:"符号后。str = "img1.jpg,img2.jpg,img3.bmp";reg =...

2020-05-27

42浏览

0评论

js实现上下左右弹框划出效果

效果图：图（1）初始图图（2）点击“从右侧划出”代码如下：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewp...

2020-05-27

55浏览

0评论

js/jq仿window文件夹框选操作插件

0.先给大家看看效果：1.创建一个index.html文件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ul{list-style: none}...

2020-05-27

73浏览

0评论

@ResponseBody 和 @RequestBody 注解的区别

@ResponseBody 和 @RequestBody 注解的区别1 前言在详述 @ResponseBody 和 @RequestBody 注解之前，咱先了解一下 @RequestMapping 注解，@RequestMapping 是一个用来处理请求地...

2020-05-27

49浏览

0评论

正则 js分转元带千分符号详解

可以通过缩放来进行分到元的转换，同时使用正则对处理后的数字进行千分位格式化方法1：(不丢失精度) function Fen2Yuan( num ) { if ( typeof num !== "number" || isNaN(...

2020-05-27

44浏览

0评论

jQuery插件zTree实现清空选中第一个节点所有子节点的方法

本文实例讲述了jQuery插件zTree实现清空选中第一个节点所有子节点的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树<...

2020-05-27

48浏览

0评论

原生js实现放大镜特效

本文实例为大家分享了js实现放大镜特效的具体代码，供大家参考，具体内容如下掌握页面元素定位和移动放大镜关键原理：鼠标在小图片上移动时，通过捕捉鼠标在小图片上的位置定位大图...

2020-05-27

104浏览

0评论

JS正则表达式验证账号、手机号、电话和邮箱是否合法

验证帐号是否合法验证规则：字母、数字、下划线组成，字母开头，4-16位。function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; if(re.test(str)){ alert("正确"); }e...

2020-05-27

热门文章