lpx337的博客

原创 renderCell父子组件方法传递

原创 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(); .

原创 vue使用fullpage不满一屏的底部如何处理？

直接固定最底部一屏的高度，最后一屏会与前一屏共同展示。

原创 如何去获取数组的并集、交集和差集--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...

原创 如何去去数组的并集和交集？

用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...

原创 javascript高逼格数组去重。

刚刚看了篇ES6的教程，谈到了set，set是ES6中的一种新的数据类型，类似于数组，但最大的特点就是成员的值是唯一的，也就是说set中没有重复数据，所以说可以用来做数组去重，下面写了下用set与Array.from()进行数组去重的方法，看起来非常的简单高效。function quchong(arr){ if(!Array.isArray(arr)){ consol...

原创 05前端如何解决跨域问题？

首先，需要了解下为何会有跨域，不同地址、不同端口、不同协议、不同级别都会形成跨域。1、可以使用window.postMessage在两个页面之间进行数据传递，既可以跨域传递，也可以同域传递。 2、CORS跨域资源共享3、通过jsonp跨域4、通过document.domain来跨子域 在页面中设置相同的document.domain(只能跨子域)5、使用window.nam...

原创 04javascript同步和异步的区别

同步可以理解为一种线性的执行方式，在执行玩一段代码后，会一直等待系统放回消息或状态值，此时程序一直处于阻塞状态，直到系统返回消息后才可以往下进行。 异步可以理解为一种并行的执行方式，不需要等到一个程序执行完成就可以并行的执行其他程序或任务，在异步中通常使用回调函数来处理结果。在js中实现异步的方式有ajax和h5新增的web worker。使用web worker的限制：1、...

原创 前端面试解析-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]可见，...

原创 前端面试解析-02 ES6使用箭头函数时应该注意什么？

1、this的指向问题 箭头函数要实现类似纯函数的效果，剔除了外部状态，所以箭头函数不具备普通函数所具备的this、arguments等。 箭头函数自身没有this，箭头函数内部this会继承自箭头函数外部作用域，并且，不能通过apply（）、call（）、bind（）去改变this指向。下面为代码说明。const obj1={ fun1:()=>{ ...

原创 前端面试解析-01 call apply bind有什么异同？

相同点： 1、都用来改变this对象的指向。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数进行传参。不同点： 1、（调用方式）call、apply都是对函数的直接调用，而bind返回的是函数，需要再次调用，所以写法上就有了区别。var huoche ={ name:"火车", say:function(){ ...

原创 超实用的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...