![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
看淡江湖
这个作者很懒,什么都没留下…
展开
-
Js判断当前系统(手机或者电脑)进行操作
//平台、设备和操作系统(windows系统,苹果系统,Linux或者X11系统) var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf...原创 2018-09-27 10:57:10 · 919 阅读 · 0 评论 -
react中引入jquery和animate.css
1、引入jqueryyarn add jquery --save-devimport $ from 'jquery' render() { return ( <div> <h1 className="h1" onClick={()=>{ $('....原创 2019-05-07 16:22:04 · 794 阅读 · 0 评论 -
js中对可编辑的div进行光标位置插入内容,和移动光标到最后
直接上代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=...原创 2019-05-07 14:48:30 · 6658 阅读 · 4 评论 -
js实现base64的转化
本文实现的功能:一、前言1、字符串转base64。2、base64转字符串。3、input file选择的图片转base64。4、input file选择图片在线预览。5、input file 修改上传类型。 二、插件插件所在github地址:https://github.com/hushaohhy/base64将base64之间的转化封装成了插件如下:...原创 2018-12-19 13:19:07 · 5776 阅读 · 0 评论 -
js实现导入导出Excel(结合js-xlsx)
本文是单纯用前端实现导入导出Excel的功能。说明:1、导入要求导入的数据是文本格式。2、导出是导出json数据到excel文件demo的githup地址:https://github.com/hushaohhy/imexport 代码如下:1、通过以下命令行安装js-xlsx,在dist中复制出xlsx.full.min.js引入到页面中 。js-xlsx的git...原创 2018-12-18 15:29:26 · 6639 阅读 · 0 评论 -
前端实现数据的分批加载(相当于分页),前端模糊查询
一、分批加载当前端在渲染dom元素时,数据多的时候渲染非常慢。并且很容易造成页面卡死,解决这个问题通常是用分页来解决的。分页有两种方式:1、后台进行分页,前端通过传参的方式每次请求接口进行分页。2、前台进行分页,请求一次接口返回所有的数据,前端通过js进行分页。本文所实现的是:请求一次接口返回所有数据,通过js将所有的数据进行二次分组,分割成每10个(或多个)一组,加载时,先加载一部分...原创 2018-12-17 16:32:12 · 9771 阅读 · 0 评论 -
实现放大镜效果的插件
插件的主体js代码如下:function getId(id){ return document.getElementById(id);}var fdj = function (obj) { var lay = getId(obj.lay), smallImg = getId(obj.smallImg), bigImg = getId(obj...原创 2018-12-11 08:46:36 · 1425 阅读 · 0 评论 -
html中一些属性的含义
offsetWidth = content + padding + border(水平方向)offsetHeight = content + padding + border(竖直方向)https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/offsetParent原创 2018-12-10 13:54:29 · 423 阅读 · 0 评论 -
jquery实现无限级别的多级菜单(自己封装的插件)
demo的下载地址:https://download.csdn.net/download/hhy1006894859/10845124js代码如下:var list = [ { "menuName": "项目管理", "level":1, "childTree": [{ "menuName": "项目进度&qu原创 2018-12-10 11:15:25 · 2537 阅读 · 0 评论 -
js冒泡排序和.sort排序的方法
js代码:function Sort() { // 定义冒泡排序的方法 this.bubbleSort = function (arr,flag) { for(var i=0;i<arr.length;i++) { for(var j=0;j<i;j++) { if(arr[i]>arr...原创 2018-12-20 15:10:41 · 491 阅读 · 0 评论 -
jq插件仿百度图片中移动鼠标的效果
demo地址:https://download.csdn.net/download/hhy1006894859/10850963html代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport&原创 2018-12-14 16:32:36 · 214 阅读 · 0 评论 -
datatables的使用
Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。官方网址:http://www.datatables.club/demo:https://download.csdn.net/download/hhy1006894859/10847026一、基本使用1、引入jquery、jquery.dataTables.min.js...原创 2018-12-13 09:42:31 · 254 阅读 · 0 评论 -
bootstrap-closable-tab可关闭的tab标签页(插件)
Demo下载地址:https://download.csdn.net/download/hhy1006894859/10846105这是从网上找的一款可以关闭的tab标签页插件:1、这是基于bootstrap的插件,因此要引入bootstrap的相关插件前提得引入jquery:2、引入该插件:代码如下://子页面不用iframe,用div展示var closab...原创 2018-12-12 17:09:19 · 6552 阅读 · 0 评论 -
js中关于对象的指向
只有当变量赋值是对象的时候才成立。以下代码中,当a被赋值为一个对象时,实际是a指向了变量所在的空间;b被a赋值时,b指向了同一个空间,b修改对象的属性值,修改的是同一个空间里面的值,因此最后两个输出都是{"name":"456"} var a = {"name":"123"}; var b = a; b.name = "456"; console.log(a...原创 2018-12-03 13:51:19 · 686 阅读 · 0 评论 -
不太常用的jquery插件总结(随笔)
1、一款让页面滚动变得丰富的jquery插件。aos.js2、一款结合bootstrap实现后台管理系统可用的“可关闭”标签页插件。bootstrap-closable-tab.js;https://www.jianshu.com/p/32a6a3ff7c7b3、css3动画库animate.css。github地址:https://github.com/daneden/animate.c...原创 2018-12-04 15:21:21 · 153 阅读 · 0 评论 -
移动端的js轮播图可以touch插件(随笔)
html代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no,原创 2018-12-04 15:10:32 · 645 阅读 · 0 评论 -
获取url中的所传参数的方法
获取url中的所传参数的方法://通过该方法可以获得地址栏中传递的参数值function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(...原创 2019-07-12 15:39:08 · 464 阅读 · 0 评论