随笔分类 - javaScript
摘要：1、 将两个数组转成字符串比较，但是发现他们只是顺序不相等也被当做不相等 [1,2,3].toString()== [3,2,1].toString() false 2、我们可以先把数组排序按照从小到大的顺序sort()函数 [1,2,3].sort().toString()== [3,2,1].s
阅读全文
摘要：MDN解释： DocumentFragment 表示一个没有父级文件的最小文档对象。它被当做一个轻量版的 Document 使用，用于存储已排好版的或尚未打理好格式的XML片段。最大的区别是因为DocumentFragment不是真实DOM树的一部分，它的变化不会引起DOM树的重新渲染的操作(ref
阅读全文
摘要：两个应用分别部署在http://192.168.8.168:7100和http://192.168.8.168:7200，登录后竟然可以在他们各自的cookie中找到彼此存储的值 查了一下原因都是这么说的： 根据同源策略，cookie是区分端口的，但是浏览器实现来说，“cookie区分域，而不区分端
阅读全文
摘要：最近在做ztree树插件的搜索功能，需要对搜索后的结果若是空的话需要隐藏节点，这就要调用ztreeObj的 hideNode API， 在init的时候我初始化了这些方法， 但是调用的时候报错 this.treeObj.hideNode is not a function，于是我打印出了 treeO
阅读全文
摘要：在上传图片的时候需要对选择的图片通过表单的形式提交给后台，如下 handleEditorImgAdd(pos , $file){ console.log(pos,$file) // 创建一个FormData空对象，然后使用append方法添加key/value var formdata = new
阅读全文
摘要：在学习Vue的时候我们知道它的响应式数据原理就是通过Object.defineProperty进行重写定义的，主要是利用get和set属性访问器实现的，接下来看看get和set属性访问器的实现原理 1.ES6的实现方法 js允许在运行时向对象添加状态，并且可以添加行为。为了提高抽象能力，js的属性被
阅读全文
摘要：首先第一步 在官方下载layDate文件。layUI官网：http://layer.layui.com/ https://www.layui.com/laydate/ 引入layData.js <script src="../js/public/laydate.js"></script> 要显示的时
阅读全文
摘要：拍平一个数组 [1,2,[3,4,5,[6,7,8],9],10,[11,12]] 用reduce不能用flat //forEach function fn(arr) { let arr1 = [] arr.forEach((val) => { if(val instanceof Array) {
阅读全文
摘要：数组中有两种可以排序的方法，reverse()和sort()，reverse()方法会反转数组项的顺序 let arr1 = [1,2,3,4,5] arr1.reverse() console.log(arr1) //[ 5, 4, 3, 2, 1 ] let arr2 = [1,2,6,4,5]
阅读全文
摘要：最近做项目，后台返回的数组对象没有排序，而我需要根据序号将数据显示在页面上，但是不想一个一个取值，想到对数组对象排序后然后直接循环显示。数据结构如下： 现在需要升序排列，用sort()方法， sort()很常用的排序方法，最主要的是里面的比较函数参数，最重要的是定义一个比较函数如下： functio
阅读全文
摘要：最近做一个项目需要五级的ztree树插件，网上找了一下发现没有一个合适的，于是就查看zTree 官网，自己封装了一个。记录一下过程。 首先项目中要引入 jquery.ztree.all.min.js这个文件。接下来就是自己根据需求封装。 步骤： 1.配置基本参数。这个根绝自己的需求，查看官网的配置参
阅读全文
摘要：一、利用position的sticky属性 sticky页面不动的情况下，它就像 position:relative;而当页面滚动超出目标区域时，它表现的就像 position:fixed;，会固定在目标位置。 relative(相对定位)是指给元素设置相对于原本位置的定位，元素并不脱离文档流，因此
阅读全文
摘要：//1.数组去重 var fruits = ["banana", "apple", "orange", "watermelon", "apple", "orange", "grape", "apple"]; //方法一 var arr = Array.from(new Set(fruits)) //
阅读全文
摘要：var str="abcdefg" //1、将字符串转成数组形式：split() var arr=str.split("") console.log(arr)//["a", "b", "c", "d", "e", "f", "g"] //2、将数组转成字符串形式：join() var strings
阅读全文
摘要：手写Promise源码几乎是每个大厂面试要求必会的一个考点，每次听到源码，总有一种让人上头的感觉，因为自己从来没有实现过，总感觉这东西很难实现，最近再为跳槽做准备，从头写学了一下基础知识，手写了call源码、apply源码、Promise源码，感觉还挺有意思，不是想想的那么难。就是一个js的简答实现
阅读全文
摘要：var Fn = {} var fn = new Fn() 这个过程会执行如下步骤： 1.新创建一个空对象 var fn = new Object(); 2.构造函数的显示原型等于实例对象的隐式原型，实例对象的constructor属性为构造函数的名称 Fn.prototype = fn.__pro
阅读全文
摘要：继承有助于去重和代码复用，继承的应用场景也是不同，例如：当一个项目要针对不同的场景如用户设备类型（是手机还是PC还是平板）写出多个版本，这时候就能用上继承。把一些多版本公用的属性和方法放在一个父类里，然后其他版本继承父类就有了父类的属性和方法，然后在子类中写子类独有的属性和方法。这样一来代码做到了复
阅读全文
摘要：最近做了个需求，如下图 点击加号可以添加一项，点击减号删除这项，实现起来相对来说简单 html代码： <div class="mui-input-row otherbankName"> <label style="font-size: 13px">其他银行卡开户行</label> <input ty
阅读全文
摘要：方法一：indexOf 方法 function isRepeat() { var ary = new Array("111", "22","22", "33", "111"); for (var i = 0; i < ary.length; i++) { console.log(ary.indexO
阅读全文
摘要：利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。 方法一： document.getElementById("EleId").style.visibility="hidden"; document.g
阅读全文
