js放到head中失效的原因与解决方法
1.今天写js碰到一个奇怪的问题，写好的js放到body里面执行，但是放到head中没有任何效果，为什么导致这种原因呢？看失效代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...
2020-05-27
详解Vue2 无限级分类(添加,删除,修改)
本人对vue不是很懂,搜索了很多关于Vue2 无限级分类介绍,下面我来记录一下,有需要了解Vue2 无限级分类的朋友可参考。希望此文章对各位有所帮助。
<!DOCTYPE html><html lang...
2020-05-27
基于JavaScript实现图片剪切效果
学会如何获取鼠标的坐标位置以及监听鼠标的按下、拖动、松开等动作事件，从而实现拖动鼠标来改变图片大小。还可以学习css中的clip属性。一、CSS实现图片不透明及裁剪效果。图...
2020-05-27
原生JavaScript实现Tooltip浮动提示框特效
使用原生JavaScript设计和实现Tooltip浮动提示框特效，了解代码简化、事件绑定、事件冒泡等技巧和知识。特效四个关键点：
显示：鼠标移到ToolTip超链接上时，ToolTip提示框可以显示...
2020-05-27
Vue获取DOM元素样式和样式更改示例
在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 'style' is not definde的错误，这时候可以在 mounted 里用 $refs 来获取样式，并进行更改：
<template>...
2020-05-27
js实现百度登录框鼠标拖拽效果
以百度的登录窗口为例，学习鼠标拖拽效果如何实现，拖拽范围限定以及登录窗口自动居中。学会如何制作弹出窗口特效，了解把元素设置为可拖拽的原理。知识点：1.掌握对可拖拽对话框的...
2020-05-27
Vuejs 组件——props数据传递的实例代码
本篇资料来于官方文档：http://cn.vuejs.org/guide/components.html#Props
本文是在官方文档的基础上，更加细致的说明，代码更多更全。
简单来说，更适合新手阅读props数据传递
①...
2020-05-27
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
js实现网页定位导航功能
本文实例为大家分享了js网页定位导航的具体代码，供大家参考，具体内容如下一个循环判断当前滚动到的位置，另一个循环遍历导航条判断其id是否与滚动到的位置相同效果如图：实现代码...
2020-05-27
Vue2.0组件间数据传递示例
Vue1.0组件间传递 使用$on()监听事件； 使用$emit()在它上面触发事件； 使用$dispatch()派发事件，事件沿着父链冒泡； 使用$broadcast()广播事件，事件向下传导给所有的后代Vue2....
2020-05-27
完美实现js焦点轮播效果(一)
最简单轮播形式，js中通过pic的display属性控制变换，也可通过调整Pic的margin-Left效果如图：实现代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></...
2020-05-27
完美实现js焦点轮播效果(二)（图片可滚动）
本文在前一篇js焦点轮播效果的基础上，使用函数递归实现图片滑动切换，采用辅助图片实现图片无限滚动等技巧，具体内容如下假如前后不加一张图片的话，图片顺序为[1,2,3,4,5]，当你点...
2020-05-27
vue父子组件的数据传递示例
1.父组件向子组件传递数据<div id="box"> <aaa></aaa></div><template id="aaa"> <h1>模板aaa=>{{msg1}}</h1> //msg1写在这里是可以的，因为这是父组件内部 //<bbb>{{msg...
2020-05-27
footer定位页面底部（代码分享）
话不多说，请看代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>footer定位</title><style> *{ margin:0; padding: 0; } .box{ width: 100%; h...
2020-05-27
vue数据双向绑定原理解析（get & set)
前端的数据双向绑定指的是view（视图）和model（数据）两者之间的关系；view层是页面上展示给用户看的信息，model层一般是指通过http请求从后台返回的数据。view到model的绑定都是通过...
2020-05-27
JS仿JQuery选择器功能
JQuery作为应用最广的JS库，其最强大的功能之一就是几乎涵盖所有方法的且代码十分简短的选择器功能，我们也可用自己的代码实现此功能，代码逻辑、使用方法与JQuery一致function Z...
2020-05-27
bootstrap table 多选框分页保留示例代码
在使用bootstrap table的复选框功能的时候，由于采用服务端分页，当在第一页选择了某些数据，然后点击第二页选择一些数据，再次点回第一页，发现原先选择的数据已经清空了，原来的多选...
2020-05-27
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
浅谈原生JS实现jQuery的animate()动画示例
本文介绍了浅谈原生JS实现jQuery的animate()动画示例，希望此文章对各位有所帮助。参数介绍：
obj
执行动画的元素 css JSON数值对，...
2020-05-27
详谈jQuery中的一些正则匹配表达式
jQuery常用正则匹配表达式//整数"^-?[1-9]\\d*$",//正整数 "^[1-9]\\d*$",//负整数intege2: "^-[1-9]\\d*$",//数字num: "^([+-]?)\\d*\\.?\\d+$",//正数（正整数...
2020-05-27
jQuery插件zTree实现单独选中根节点中第一个节点示例
本文实例讲述了jQuery插件zTree实现单独选中根节点中第一个节点的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</ti...
2020-05-27
基于JQuery的购物车添加删除以及结算功能示例
前段时间了解到购物车结算算是一个难点部分，在网上也找了一些，但是网上除了插件之外，就是一些半成品，比如一部分只有添加删除效果，另一部分只有结算功能，很少见到整合在一起的购物...
2020-05-27
js, jQuery实现全选、反选功能
js ，jq实现全选、反选功能：js:思路：1.点击全选按钮实现，下面内容全选，与反选 2.下面有一个没有选中时，全选按钮不勾选，当全部选中时才全选。这里引入一个计数器，来判断是否全部选中...
2020-05-27
原生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
JS字符串false转boolean的方法(推荐)
大家都知道在JS的世界里， 0、-0、null、""、false、undefined 或 NaN，这些都可以自动转化为布尔的 false，那么字符串的"false"是不是false呢，答案是否定的，if("false") 来判断的...
2020-05-27
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
本文实例讲述了jQuery插件zTree实现更新根节点中第i个节点名称的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</ti...
2020-05-27
老生常谈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
JavaScript中的工厂函数(推荐)
在学习jQuery的时候，我们经常会看到“工厂函数”这个概念，那么究竟什么是“工厂函数”呢？我们来看看概念，“所谓工厂函数，就是指这些内建函数都是类对象，当你调用他们时，实际上是创...
2020-05-27
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
原生js实现瀑布流布局
用js实现瀑布流布局以及通过模拟的数据加载图片，已标记注释效果如图：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>瀑布流布局-JS实现</title></h...
2020-05-27
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
本文实例讲述了jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基...
2020-05-27
浅谈JavaScript正则表达式-非捕获性分组
非捕获性分组定义子表达式可以作为整体被修饰但是子表达式匹配结果不会被存储。非捕获性分组通过将子表达式放在"?:"符号后。str = "img1.jpg,img2.jpg,img3.bmp";reg =...
2020-05-27
js实现上下左右弹框划出效果
效果图：图（1）初始图图（2）点击“从右侧划出”代码如下：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewp...
2020-05-27
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
@ResponseBody 和 @RequestBody 注解的区别
@ResponseBody 和 @RequestBody 注解的区别1 前言在详述 @ResponseBody 和 @RequestBody 注解之前，咱先了解一下 @RequestMapping 注解，@RequestMapping 是一个用来处理请求地...
2020-05-27
正则 js分转元带千分符号详解
可以通过缩放来进行分到元的转换，同时使用正则对处理后的数字进行千分位格式化方法1：(不丢失精度) function Fen2Yuan( num ) { if ( typeof num !== "number" || isNaN(...
2020-05-27
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
本文实例讲述了jQuery插件zTree实现清空选中第一个节点所有子节点的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树<...
2020-05-27
原生js实现放大镜特效
本文实例为大家分享了js实现放大镜特效的具体代码，供大家参考，具体内容如下掌握页面元素定位和移动放大镜关键原理：鼠标在小图片上移动时，通过捕捉鼠标在小图片上的位置定位大图...
2020-05-27
JS正则表达式验证账号、手机号、电话和邮箱是否合法
验证帐号是否合法验证规则：字母、数字、下划线组成，字母开头，4-16位。function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; if(re.test(str)){ alert("正确"); }e...
2020-05-27
jQuery插件zTree实现获取一级节点数据的方法
本文实例讲述了jQuery插件zTree实现获取一级节点数据的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</title> <me...
2020-05-27
教你用十行node.js代码读取docx的文本
前言最近有一个case。需要去解析word文档。有两个需求，一个是将word文档转成PDF，一个是将word文档中的内容按照一定的规范读取到数据库中，去npm仓库找了大概有十几个包，发现主要...
2020-05-27
jQuery使用EasyUi实现三级联动下拉框效果
其它的都不说，使用easyui实现三级联动主要就是一层套一层，大家且看代码
html表单<input id="txtPipeRowName" style="width:150px;"> <input id="txtPipeName" style="widt...
2020-05-27
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
日期插件 bootstrap-datetimepicker 在火狐下出现一条报错信息：TypeError: (intermediate value).toString(…).split(…)[1] is undefined这条错误必然出现，难道没有在 Firef...
2020-05-27
解析jquery easyui tree异步加载子节点问题
easyui中的树可以从标记中建立，也可以通过指定一个URL属性读取数据建立。如果想建立一棵异步树，需要为每个节点指定一个id属性值，这样在加载数据时会自动向后台传递id参数。<ul...
2020-05-27
jQuery插件zTree实现删除树子节点的方法示例
本文实例讲述了jQuery插件zTree实现删除树子节点的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</title> <meta h...
2020-05-27
原生JS仿QQ阅读点击展开、收起效果
使用JS技术实现QQ阅读类似的点击展开、收起效果，具体内容如下一、定义展开函数showdiv(),实现点击"全文"按钮，全文展开。1.点击展开函数，需要将触发点击事件的按钮作为参数传入...
2020-05-27
jQuery插件zTree实现删除树节点的方法示例
本文实例讲述了jQuery插件zTree实现删除树节点的方法。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</title> <meta htt...
2020-05-27
完美实现js选项卡切换效果(一)
本文实例为大家分享了js选项卡切换的具体代码，可以手动切换，另设置定时器可使其自动切换，供大家参考，具体内容如下效果如图：具体代码：<!DOCTYPE html><html><head lang="en"> <met...
2020-05-27
jQuery插件zTree实现的基本树与节点获取操作示例
本文实例讲述了jQuery插件zTree实现的基本树与节点获取操作。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE html><html><head> <title>zTree实现基本树</title> <me...
2020-05-27
Vue.js组件tab实现选项卡切换
本文实例为大家分享了vue插件tab选项卡的具体代码，供大家参考，具体内容如下效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...
2020-05-27
