JavaScript - 教程之家

115浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

QQ

2020-05-27

70浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

104浏览

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

114浏览

0评论

关于Javascript中document.cookie的使用

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

2020-05-27

55浏览

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

221浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

63浏览

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

70浏览

0评论

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

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

2020-05-27

59浏览

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

82浏览

0评论

bootstrap实现动态进度条效果

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

2020-05-27

102浏览

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

71浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

59浏览

0评论

jQuery实现图片滑动效果

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

67浏览

0评论

ionic2 tabs 图标自定义实例

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

2020-05-27

49浏览

0评论

js实现五星评价功能

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

60浏览

0评论

vue-resourse将json数据输出实例

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

54浏览

0评论

Vue 父子组件、组件间通信

本人对Vue组件间通信不懂,搜索了很多关于Vue 父子组件间通信介绍,下面我来记录一下,有需要了解Vue 父子组件、组件间通信的朋友可参考。希望此文章对各位有所帮助。
<!DOCTY...

2020-05-27

58浏览

0评论

JS文件/图片从电脑里面拖拽到浏览器上传文件/图片

1.效果展示2.html 代码：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./upload.js"></script> <style> #drop...

2020-05-27

72浏览

0评论

详解Vue监听数据变化原理

本人最近在学习Vue，从网上查询了很多关于Vue监听数据变化原理，稍微整理精简一下做下分享。
浅度监听<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...

2020-05-27

46浏览

0评论

js实现倒计时效果（小于10补零）

话不多说，请看代码：function checkTime(i) { if (i<10) { i = "0" +i; } return i; }; function GetRTime(t){...

2020-05-27

70浏览

0评论

vue使用watch 观察路由变化，重新获取内容

问题背景：点击用户头像 => 进入用户个人中心，在用户个人中心里点击其他用户的头像，我希望显示被点击用户的个人中心，但只看到了路由参数在发生变化，页面内容并没有更新。如图：页面...

2020-05-27

89浏览

0评论

详解使用vue-router进行页面切换时滚动条位置与滚动监听事件

按照正常的产品逻辑，我们在进行页面切换时滚动条应该是在页面顶部的，可是。。。在使用vue-router进行页面切换时，发现滚动条所处的位置被自动记录了下来，且在另一个组件内定义的...

2020-05-27

148浏览

0评论

Vue常用指令V-model用法

v-model这个指令只能用在<input>, <select>,<textarea>这些表单元素上，所谓双向绑定，指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致，两者无论谁被改...

2020-05-27

67浏览

0评论

微信小程序中用WebStorm使用LESS

前提自己前端不熟悉，很多都需要练习
网上找了一个css的demo，放到微信小程序后，可以运行图片很大，没有弄，加载可能有点慢（不相关的，就不扯了）Less环境Less需要nodejs的npm
nodejs的...

2020-05-27

64浏览

0评论

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

本文实例为大家分享了js选项卡切换的具体代码，供大家参考，具体内容如下通过设置定时器实现延时0.5s切换，一个重要的技巧是定义了一个that变量来存放当前指针this。之所以不能在...

2020-05-27

60浏览

0评论

less简单入门(CSS 预处理语言)

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上...

2020-05-27

69浏览

0评论

前端构建 Less入门(CSS预处理器)

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上...

2020-05-27

57浏览

0评论

JavaScript实现左右下拉框动态增删示例

选中下拉框中的选项实现左移右移
效果：1. Html部分代码<body><table align="center"> <tr> <td ><select size="15" id="left" > <option>左1</option> <optio...

2020-05-27

94浏览

0评论

js实现3D图片展示效果

点击左上角的按钮前后切换效果图：代码如下：<!doctype html><html><head> <meta charset="UTF-8"> <title>Title</title><style>*{margin:0; padding:0; list-style:none;}ul{...

2020-05-27

57浏览

0评论

js实现年月日表单三级联动

用Html实现人人网注册界面，Js实现生日栏表单三级联动1. 效果2.Html代码部分<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>人人网日期表单联动</ti...

2020-05-27

61浏览

0评论

nodejs读写json文件的简单方法(必看)

nodejs 读json文件var fs=reauire('fs');var file="d:\\0.json";var result=JSON.parse(fs.readFileSync( file));//操作对象nodejs 写json文件var coors = {}; coors.left...

2020-05-27

76浏览

0评论

JavaScript实现两个select下拉框选项左移右移

今天没事用js写了一个用两个select下拉框之间能互相移动元素的小程序，刚刚才开始学javascript还有很多优化的地方。
Javascript代码
<script type="text/javascript">...

2020-05-27

67浏览

0评论

JS实现课堂随机点名和顺序点名

1. 效果：2. Html代码：<body><form> <div align="center"> <input type="button" value="开始点名" onclick="students()" class="ks"/> <input type="button" value="...

2020-05-27

热门文章