JavaScript - 教程之家

71浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

60浏览

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

87浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

70浏览

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

58浏览

0评论

JavaScript中的工厂函数(推荐)

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

2020-05-27

76浏览

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

57浏览

0评论

原生js实现瀑布流布局

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

55浏览

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

67浏览

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

83浏览

0评论

@ResponseBody 和 @RequestBody 注解的区别

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

61浏览

0评论

原生js实现放大镜特效

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

2020-05-27

127浏览

0评论

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

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

2020-05-27

71浏览

0评论

jQuery插件zTree实现获取一级节点数据的方法

本文实例讲述了jQuery插件zTree实现获取一级节点数据的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</title> <me...

2020-05-27

91浏览

0评论

教你用十行node.js代码读取docx的文本

前言最近有一个case。需要去解析word文档。有两个需求，一个是将word文档转成PDF，一个是将word文档中的内容按照一定的规范读取到数据库中，去npm仓库找了大概有十几个包，发现主要...

2020-05-27

75浏览

0评论

jQuery使用EasyUi实现三级联动下拉框效果

其它的都不说，使用easyui实现三级联动主要就是一层套一层，大家且看代码
html表单<input id="txtPipeRowName" style="width:150px;"> <input id="txtPipeName" style="widt...

2020-05-27

78浏览

0评论

bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法

日期插件 bootstrap-datetimepicker 在火狐下出现一条报错信息：TypeError: (intermediate value).toString(…).split(…)[1] is undefined这条错误必然出现，难道没有在 Firef...

2020-05-27

105浏览

0评论

解析jquery easyui tree异步加载子节点问题

easyui中的树可以从标记中建立，也可以通过指定一个URL属性读取数据建立。如果想建立一棵异步树，需要为每个节点指定一个id属性值，这样在加载数据时会自动向后台传递id参数。<ul...

2020-05-27

93浏览

0评论

jQuery插件zTree实现删除树子节点的方法示例

本文实例讲述了jQuery插件zTree实现删除树子节点的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</title> <meta h...

2020-05-27

115浏览

0评论

原生JS仿QQ阅读点击展开、收起效果

使用JS技术实现QQ阅读类似的点击展开、收起效果，具体内容如下一、定义展开函数showdiv(),实现点击"全文"按钮，全文展开。1.点击展开函数，需要将触发点击事件的按钮作为参数传入...

QQ

2020-05-27

80浏览

0评论

jQuery插件zTree实现删除树节点的方法示例

本文实例讲述了jQuery插件zTree实现删除树节点的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</title> <meta htt...

2020-05-27

76浏览

0评论

完美实现js选项卡切换效果(一)

本文实例为大家分享了js选项卡切换的具体代码，可以手动切换，另设置定时器可使其自动切换，供大家参考，具体内容如下效果如图：具体代码：<!DOCTYPE html><html><head lang="en"> <met...

2020-05-27

61浏览

0评论

jQuery插件zTree实现的基本树与节点获取操作示例

本文实例讲述了jQuery插件zTree实现的基本树与节点获取操作。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</title> <me...

2020-05-27

95浏览

0评论

Vue.js组件tab实现选项卡切换

本文实例为大家分享了vue插件tab选项卡的具体代码，供大家参考，具体内容如下效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...

2020-05-27

90浏览

0评论

jQuery插件zTree实现的多选树效果示例

本文实例讲述了jQuery插件zTree实现的多选树效果。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>多选树</title> <meta http-equiv="cont...

2020-05-27

79浏览

0评论

vue动态组件实现选项卡切换效果

本文实例为大家分享了vue动态组件实现选项卡切换的具体代码，供大家参考，具体内容如下导航按钮：<div class="tab-title"> <p @click="a='tab1'"><router-link to='/collectne...

2020-05-27

120浏览

0评论

JavaScript中transform实现数字翻页效果

效果图：图（1）初始图图（2）翻页过程图（3）翻页结果代码如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>transition</title> <style> #container{ width:50...

2020-05-27

133浏览

0评论

关于Javascript中document.cookie的使用

设置cookie
每个cookie都是一个名/值对，可以把下面这样一个字符串赋值给document.cookie：
document.cookie="userId=828";如果要一次存储多个名/值对，可以使用分号加空格（; ）隔开...

2020-05-27

62浏览

0评论

jquery仿ps颜色拾取功能

1.效果展示2.html代码：index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery-1.12.4.min.js"></script></...

2020-05-27

231浏览

0评论

js/jq仿window文件夹移动/剪切/复制等操作代码

window对文件夹的操作主要包括移动/剪切/复制，本篇文章主要用jQuery来实现，下面一起来了解一下把。
1.先看下效果吧！2.在添加一个index.html<!DOCTYPE html><html lang="en"><h...

2020-05-27

66浏览

0评论

jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D带Label的折线图效果。分享给大家供大家参考，具体如下：1、示例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>High...

2020-05-27

86浏览

0评论

jquery仿苹果的时间/日期选择效果

1.html文件，index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery-1.12.4.min.js"></script> <script src...

2020-05-27

77浏览

0评论

bootstrap表单按回车会自动刷新页面的解决办法

想给form表单增加回车自动提交的功能$('#password').keydown(function(event){ if (event.keyCode == 13) $('#login').click(); });然而，并没有达到预期的效果，而是自动...

2020-05-27

65浏览

0评论

jquery实现超简单的瀑布流布局【推荐】

1.看看效果吧！2.html代码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ul{position: relative;padding: 0 -3px;...

2020-05-27

91浏览

0评论

bootstrap实现动态进度条效果

Bootstrap的动态进度条：
html: 创建一个modal 这里使用fade先将modal隐藏起来，然后modal里面嵌入progress 代码很简单<div class="modal fade" data-backdrop="static" tabi...

2020-05-27

112浏览

0评论

jquery实现自定义图片裁剪功能【推荐】

1.自定义宽高效果1.html 代码 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery-1.12.4.min.js"></...

2020-05-27

86浏览

0评论

JS实现根据密码长度显示安全条功能

大家在一些网站上经常可以看到数码密码会根据输入的密码长度显示安全条功能，此功能基于js如何实现的呢？下面看下实现代码，具体代码如下所示：//根据密码长度显示安全条...

2020-05-27

56浏览

0评论

jquery实现折叠菜单效果【推荐】

这是一个简单的折叠框效果实现，核心内容jQ库里的slideToggle()方法效果图如下：css代码： .con_ul{ padding: 0; margin: 0; overflow: auto; } .con_ul li{ list-style:...

2020-05-27

67浏览

0评论

jQuery实现图片滑动效果

思路：当鼠标进入元素时，触发hover中的第一个函数，离开时触发hover中的第二个函数。如图所示：代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>...

2020-05-27

59浏览

0评论

微信小程序弹窗自定义实例代码

微信小程序弹窗首先wxml代码：<view class="myToast" hidden="{{nullHouse}}">暂无有关信息</view><view bindtap="clickArea">点击此处</view>　　注：hidden属性用于切换比较...

2020-05-27

71浏览

0评论

ionic2 tabs 图标自定义实例

一、准备资源tabs icon 的svg格式的矢量图片二、生成字体样式文件打开icoMoon网站去制作字体文件。三、使用字体文件解压下载的文件，将其中的fonts文件夹拷贝到ionic2项目的s...

2020-05-27

56浏览

0评论

js实现五星评价功能

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五星评价</title> <style> @font-face { font-family: 'iconfont'; /* p...

2020-05-27

54浏览

0评论

微信小程序下拉列表的实现实例代码

微信小程序下拉列表wxml代码： <view class="phone_one" bindtap="clickPerson"> <view class="phone_personal">{{firstPerson}}</view> <image src="../../image/v6.png" c...

2020-05-27

66浏览

0评论

vue-resourse将json数据输出实例

本文主要讲v-resourse 获取json数据并传递到DOM中，具有一定的参考价值，感兴趣的小伙伴们可以参考一下1.demo目录，不要管index.html和index.js2.html页面 vue-resourse-josn1.1....

2020-05-27

93浏览

0评论

jQuery的$.extend 浅拷贝与深拷贝

jQuery的$.extend 浅拷贝与深拷贝$.extend( [deep ], target, object1 [, objectN ] )； deep 类型: Boolean 如果是true，合并成为递归（又叫做深拷贝）。 target 类型: Object 对...

2020-05-27

热门文章