JS/JQ
关注
分享
扫一扫
javascript或jquery常用方法或效果封装；
onlylele
细节决定感知！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js递归给每项添加字段和值
通过js递归循环根据指定条件给数组中的每项数据新增字段和值；原创 2024-04-30 09:24:19 · 646 阅读 · 0 评论 -
Js判断浏览器内核
js判断浏览器版本以及浏览器内核的方法。原创 2023-05-30 10:16:48 · 1618 阅读 · 0 评论 -
Js 递归查找数组中指定条件的一组对象；
需求：在多维数组中查找指定条件的对象，且取出该对象内容数据；数组数据格式如下：实现：方法一： // 递归查找 getParentId(list, iid) { for(let o of list || []) { if(o.category_id == iid) return o const o_ = this.getParentId(o.children, iid) if(o_) return o_ } },原创 2020-09-08 11:25:22 · 8743 阅读 · 6 评论 -
Vue/Js 递归函数封装：查询数组对象内容，合并至一个数组中
实现需求：把一个多维数组对象通过条件合并至一个数组中；如下图需求：递归代码封装实现：// 递归设置function setHandleListb(list) { const arr = []; let obj = {}; list.forEach(item => { const tmp = { ...item }; if(tmp.purview_tag){ if (tmp.children) {..原创 2020-09-02 15:57:17 · 2285 阅读 · 0 评论 -
Js 数组中判断对象已存在提示,不存在择追加一条新内容；
数组中判断对象已存在，且提示；代码实现：// 判断循环有相同的值isEqualPd(arr1){ var isEqual = false for (var b = 0; b < arr1.length - 1; b++) { for (var j = b + 1; j < arr1.length; j++) { // eslint-disable-next-line eqeqeq if (arr1[b].total ==原创 2020-07-01 19:42:18 · 3006 阅读 · 0 评论 -
js 输入框防抖封装
项目中输入框防抖方法封装，常用；//数量输入框防抖 function debounce(fun, delay) { return function(args) { let that = this; let _args = args; clearTimeout(fun.id); fun.id =...原创 2019-12-17 15:28:05 · 1839 阅读 · 0 评论 -
javascript 数组，字符串相关操作
一、数组操作：1. 新增数组内容：1）push：将参数添加到原数组末尾，并返回数组的长度var a = [1,2,3,4,5];var b = a.push(6,7); //a：[1,2,3,4,5,6,7] b：72）concat：返回一个新数组，是将参数添加到原数组中构成的var a = [1,2,3,4,5];var b = a.concat(6,7); //...原创 2019-08-31 18:37:53 · 137 阅读 · 0 评论 -
vue+js 数组，对象合并操作方法
1.普通数组合并：//1.concat 方法var a=[1,2,3],b=[4,5,6];var c=a.concat(b);//向a数组添加b；console.log(c);// 1,2,3,4,5,6console.log(a);// 1,2,3 不改变本身//2.for 循环push方法var a=[0,1];var b=[2,3,4]; for(var i=0...原创 2019-12-04 18:46:27 · 2363 阅读 · 0 评论 -
jq input输入框聚焦失焦处理；
jquery处理当input输入框默认为0时，聚焦让其置空；失焦如果为空时，让其至0处理；//这是一个例子 input 输入框聚焦，失焦，及绑定改变事件；$("input.totalnum").focus(function() { var prs=$(this).val(); if(prs==0||prs=='0'){ $(this).val("...原创 2019-11-07 18:17:38 · 2522 阅读 · 0 评论 -
js内容块超出左右滑动控制
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"/> <title...原创 2019-11-04 18:43:01 · 1646 阅读 · 0 评论 -
vue/js 弹性盒子布局内容超出‘按钮’控制左右滑动
javascript或者vue方法封装实现：某块内容水平超出范围，可使用左右按钮控制左右滑动显示隐藏的内容；html部分：<div class="item-evel posrev"> <div class="jtbox"> <div class="jtbox-div"> <ul class="jt-price"> &l...原创 2019-11-02 14:41:24 · 2467 阅读 · 0 评论 -
javascript 一个数组对象字段和另一个数组对象字段关联操作
1、比较两个数组对象,取出不同的值var array1 = [ {"Num": "A " },{"Num": "B" }];var array2 = [ {"Num": "A ","Name": "t1 " }, {"Num": "B","Name": "t2"}, {"Num": "C " ,"Name": "t3 "}];var result = [];for(var i = 0...转载 2019-07-05 15:20:13 · 2441 阅读 · 0 评论 -
js,layui结合自定义模拟弹框的相互传参；
一、有限制表单输入内容，和无限制表单输入内容方法：HTML+Css//css：<style> .pr-30{padding-right: 30px;} .posrev{position: relative} .posasb-a{display: block;position: absolute;right: 1px;cursor: pointer;top: 1px;lin...原创 2019-09-05 10:56:51 · 504 阅读 · 0 评论 -
常用请求方法及 layui 使用方法封装
//获取URL参数function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) ...转载 2019-06-13 16:07:24 · 4601 阅读 · 0 评论 -
layui 上传图片文件时加载状态封装
html文件实现： <div class="layui-form-item pr-15"> <label class="layui-form-label">图片上传<sup>*</sup></label> <div class="layui-input-block"> <div cla...原创 2019-08-08 16:04:13 · 859 阅读 · 0 评论 -
js 闭包作用域的使用；
1. 循环+闭包使用：正确输出结果；for (var i=1; i<=5; i++) { (function(){ var j = i; setTimeout( function timer(){ console.log( j ); }, j*1000 ); })();}//变形的形式的闭包使用；for (var i=1; i<=5; i++) {...原创 2019-09-30 17:58:55 · 128 阅读 · 0 评论 -
html + js 图片放大镜效果封装；
html:<div class="box" id="box" > <div class="small"> <img src="images/bookpaintImgs/index_45.jpg" alt=""/> <div class="mask"></div> </div&...原创 2019-02-13 10:54:31 · 1594 阅读 · 0 评论 -
javascript 获取当前日期时间格式化方法封装
1、取当前时间方法封装： //取当前日期； function getCurrentDate(fulldate = false, separator = ['-', ':']) { let currentTimeObj = new Date(); let year = currentTimeObj.getFullYear();...原创 2019-09-12 09:01:59 · 371 阅读 · 0 评论