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 · 962 阅读 · 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 · 823 阅读 · 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 · 6993 阅读 · 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 · 5928 阅读 · 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 · 6715 阅读 · 0 评论 -
前端实现数据的分批加载（相当于分页），前端模糊查询
一、分批加载当前端在渲染dom元素时，数据多的时候渲染非常慢。并且很容易造成页面卡死，解决这个问题通常是用分页来解决的。分页有两种方式：1、后台进行分页，前端通过传参的方式每次请求接口进行分页。2、前台进行分页，请求一次接口返回所有的数据，前端通过js进行分页。本文所实现的是：请求一次接口返回所有数据，通过js将所有的数据进行二次分组，分割成每10个(或多个)一组，加载时，先加载一部分...原创 2018-12-17 16:32:12 · 10108 阅读 · 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 · 1461 阅读 · 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 · 450 阅读 · 0 评论 -
jquery实现无限级别的多级菜单(自己封装的插件)
demo的下载地址：https://download.youkuaiyun.com/download/hhy1006894859/10845124js代码如下：var list = [ { "menuName": "项目管理", "level":1, "childTree": [{ "menuName": "项目进度&qu原创 2018-12-10 11:15:25 · 2596 阅读 · 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 · 527 阅读 · 0 评论 -
jq插件仿百度图片中移动鼠标的效果
demo地址：https://download.youkuaiyun.com/download/hhy1006894859/10850963html代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport&原创 2018-12-14 16:32:36 · 238 阅读 · 0 评论 -
datatables的使用
Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。官方网址：http://www.datatables.club/demo：https://download.youkuaiyun.com/download/hhy1006894859/10847026一、基本使用1、引入jquery、jquery.dataTables.min.js...原创 2018-12-13 09:42:31 · 299 阅读 · 0 评论 -
bootstrap-closable-tab可关闭的tab标签页（插件）
Demo下载地址：https://download.youkuaiyun.com/download/hhy1006894859/10846105这是从网上找的一款可以关闭的tab标签页插件：1、这是基于bootstrap的插件，因此要引入bootstrap的相关插件前提得引入jquery：2、引入该插件：代码如下：//子页面不用iframe，用div展示var closab...原创 2018-12-12 17:09:19 · 6650 阅读 · 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 · 724 阅读 · 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 · 180 阅读 · 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 · 688 阅读 · 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 · 492 阅读 · 0 评论