自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 JS 递归应用场景

问题描述在使用Ant Design of Vue的 树型选择控件时,服务端返回的数据如下:let arr = [ { "id": "0", "pid": "-1", "value": "香港明华船务有限公司", "mmsi": null }, { "id": "0-0", "pid": "0", "value": "超大型矿砂船", "mmsi": null }, {

2020-12-30 17:16:39 979

原创 (一) 多窗口打开单页面实现同步拖拽

step1 实现拖拽css<style> *{ margin: 0; padding: 0; } .box{ width: 200px; height: 200px; background-color: #ae7000; cursor: pointer; text-align: center; line-height: 200px; position:absolute; }</style&gt

2020-12-21 22:37:50 252

原创 JS DOM篇(二)Element 类型

Element 类型标签汇总(省略,在html中总结)操作属性方法nodeName || tagName //访问元素的标签名getAttribute(attrName) //获取属性setAttribute(atrtName,attrVal) //设置属性创建元素var odiv = document.createElement('div')odiv.id = 'myDiv'odiv.className = 'box'document.body.appendChild(o

2020-12-16 21:25:36 173

原创 JS DOM篇(一)

Node类型DOM1级定义了一个Node接口,节点类型定义了12个常数值常量来表示(用nodeType区分)开发人员最常用的就是元素节点和文本节点nodeName 和 nodeValue属性if(someNode.nodeType == 1){ value = someNode.nodeName //nodeName是元素的标签名}节点关系 childNodes parentNode每个节点都有childNodes属性,保存着一个NodeList对象(是个伪数组)var fir

2020-12-15 23:40:16 110

原创 JS BOM篇(二)location对象与history对象

location 对象location 是最有用的对象之一。1.提供了与当前窗口中加载的文档有关的信息,2.提供了导航功能。3.即是window对象的属性,也是document对象的属性。 即(window.location = document.location)属性列表属性名例子说明hash“#content”返回URl中的hash(#号后跟0或多个字符),如果不包括散列,则返回空字符host“www.jsk.com:80”返回服务器名称和端口号(

2020-12-15 21:46:23 126

原创 JS BOM篇(一)window对象

Window对象BOM的核心对象是window对象,它表示浏览器的一个实例。即是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。全局作用域全局作用域下中声明的变量、函数都会变成window对象的属性和方法。窗口位置 window.moveTo(x,y) window.moveBy(x,y)窗口大小获取窗口信息 //IE9+、Firefox、Safari、Opera、Chrome 均提供以下属性 innerWidth:容器中页面视图的

2020-12-15 11:47:31 202

原创 JS 面试题(一)

输出的值(关于this) var name = 'kk' var object = { name:'lele', getName:function(){ return function(){ return this.name } } } console.log(object.getName()()); // 思考如何输出'lele'...

2020-12-14 21:21:24 87

原创 JS 基础篇(十) cookie封装

cookie简单介绍cookie的特点1.cookie一般有大小限制为4kb,2.限制同一域名数量为50个3.读取有域名限制4.时效性cookie 使用//添加cookiedocument.cookie = “key=value”; // 一次写入一个键值对//读取cookie document.cookie //获得所有cookie 分号分割//expires 时效document.cookie = `${key}=${value};${expires}=${expires

2020-12-09 21:48:45 111

原创 JS 基础篇(九) 函数防抖和函数节流

函数防抖函数防抖:高频率触发的时候,只执行一次,第一次或者最后一次。重点在只执行一次。应用场景1. 手机号、邮箱输入检测2. 搜索框搜索输入(只需最后一次输入完后,再放松Ajax请求)3. 窗口大小resize(只需窗口调整完成后,计算窗口大小,防止重复渲染)4. 滚动事件scroll(只需执行触发的最后一次滚动事件的处理程序)5. 文本输入的验证(连续输入文字后发送 AJAX 请求进行验证,(停止输入后)验证一次就好codecss<style> .conte

2020-12-07 22:33:15 239

原创 JS 基础篇(八) 深拷贝与浅拷贝

前提堆栈的概念在javascript中,Object,Array,Function是放到堆中,Number,String,Null,Boolean存放在栈中指针个人理解像一个内存地址,指向了数据存放的堆中数据存储关于堆栈以后会细说浅拷贝浅拷贝就是赋值了一份内存地址而已,而内存中的数据并没有复制一份,任何一个数据改变两个数据都会改变看图:let obj = {a:1,b:2}let copyObj = objcopyObj.a = 'kk'console.lo

2020-12-07 15:40:20 86

原创 JS 数组篇 数组排序方法总结

生成乱序数组function arrRandom() { let arr = []; for (let i = 0; i < 10; i++) { let num = parseInt(Math.random() * 500); arr.push(num); } return arr;}sort()/* *sort 排序 */let arr = arrRandom();arr.sort((a, b) => a - b);console.log(

2020-12-07 10:23:04 165

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除