前端
无聊前端在线啃骨头
什么?国家不发对象了?!
展开
-
js实现div自由拖拽,div自由拖拽插件。
/** * div拖动 * @param {id} html元素id * 调用方式 dragFunc('你的元素id') */function dragFunc(id) { var Drag = document.getElementById(id); Drag.onmousedown = function(event) { var ev = event || window.event; event.stopPropagation(); .原创 2020-11-29 15:25:43 · 767 阅读 · 2 评论 -
vue使用fullpage不满一屏的底部如何处理?
直接固定最底部一屏的高度,最后一屏会与前一屏共同展示。原创 2020-11-19 11:27:25 · 1070 阅读 · 0 评论 -
如何去获取数组的并集、交集和差集--es6
用ES6中新的数据类型set和解构表达式中的...进行数组交集、并集和差集的获取,代码如下:var a=[1,2,3,4];var b=[2,3,5,6];var unique=[...new Set([...a,...b])]; //并集console.log(unique);var a=[1,2,3,4];var b=[2,3,5,6];var inter=[...n...原创 2020-04-20 14:57:41 · 945 阅读 · 0 评论 -
如何去去数组的并集和交集?
用ES6中新的数据类型set和解构表达式中的...进行数组交集和并集的获取,代码如下:var a=[1,2,3,4];var b=[2,3,5,6];var unique=[...new Set([...a,...b])]; //并集console.log(unique);查看结果:var a=[1,2,3,4];var b=[2,3,5,6];var uniqu...原创 2020-04-20 14:48:55 · 246 阅读 · 0 评论 -
javascript高逼格数组去重。
刚刚看了篇ES6的教程,谈到了set,set是ES6中的一种新的数据类型,类似于数组,但最大的特点就是成员的值是唯一的,也就是说set中没有重复数据,所以说可以用来做数组去重,下面写了下用set与Array.from()进行数组去重的方法,看起来非常的简单高效。function quchong(arr){ if(!Array.isArray(arr)){ consol...原创 2020-04-20 14:24:00 · 132 阅读 · 0 评论 -
05前端如何解决跨域问题?
首先,需要了解下为何会有跨域,不同地址、不同端口、不同协议、不同级别都会形成跨域。1、可以使用window.postMessage在两个页面之间进行数据传递,既可以跨域传递,也可以同域传递。 2、CORS跨域资源共享3、通过jsonp跨域4、通过document.domain来跨子域 在页面中设置相同的document.domain(只能跨子域)5、使用window.nam...原创 2020-04-20 11:12:08 · 96 阅读 · 0 评论 -
04javascript同步和异步的区别
同步可以理解为一种线性的执行方式,在执行玩一段代码后,会一直等待系统放回消息或状态值,此时程序一直处于阻塞状态,直到系统返回消息后才可以往下进行。 异步可以理解为一种并行的执行方式,不需要等到一个程序执行完成就可以并行的执行其他程序或任务,在异步中通常使用回调函数来处理结果。在js中实现异步的方式有ajax和h5新增的web worker。使用web worker的限制:1、...原创 2020-04-20 10:59:11 · 146 阅读 · 0 评论 -
前端面试解析-03 如何进行数组、对象的合并?
一、数组的合并 1、可以用concat连接var arr=[1,2,3];var arr1=[4,5,6,7];var arr2=arr.concat(arr1);console.log(arr); //[1,2,3]console.log(arr1); //[4,5,6,7,8]console.log(arr2); //[1,2,3,4,5,6,7,8]可见,...原创 2020-04-20 09:01:20 · 607 阅读 · 0 评论 -
前端面试解析-02 ES6使用箭头函数时应该注意什么?
1、this的指向问题 箭头函数要实现类似纯函数的效果,剔除了外部状态,所以箭头函数不具备普通函数所具备的this、arguments等。 箭头函数自身没有this,箭头函数内部this会继承自箭头函数外部作用域,并且,不能通过apply()、call()、bind()去改变this指向。下面为代码说明。const obj1={ fun1:()=>{ ...原创 2020-01-17 10:32:37 · 410 阅读 · 0 评论 -
前端面试解析-01 call apply bind有什么异同?
相同点: 1、都用来改变this对象的指向。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数进行传参。不同点: 1、(调用方式)call、apply都是对函数的直接调用,而bind返回的是函数,需要再次调用,所以写法上就有了区别。var huoche ={ name:"火车", say:function(){ ...原创 2020-01-10 15:36:28 · 184 阅读 · 0 评论 -
超实用的javascript技巧-01-如何判断对象是否为空?
1、先将json对象转化为json字符串,再判断该字符串是否为"{}" var obj = {};var a = (JSON.stringify(obj) == "{}");alert(a); //true 为空, false 不为空2、for in循环var obj = {};//true为空 false不为空var a=function(){ fo...原创 2020-01-06 17:44:41 · 86 阅读 · 0 评论