随笔分类 -  JavaScript

摘要：有时候我们会遇到这样的场景，ul中动态生成li元素，点击li还要触发事件。通过lisObj.onclick = function(){}这种形式添加的事件，在动态增加的li上是无效的。那怎么办呢？ 解决办法是使用事件委托，什么是事件委托：利用事件冒泡，在父元素上绑定事件，而不是在子元素上，当子元素被 阅读全文

摘要：作为前端程序员，this应该不会陌生，指执行期的上下文，以下总结了this的几种场景： 1、全局作用域下，this指的就是Window，在控制台输出this，返回的是Window对象 2、在一般函数中，this也是指代Window function f(){ console.log(this); } 阅读全文

摘要：平时面试经常会遇到类似下面的这种题，而且千变万化，让人一个头两个。示例这道题算是稍微有点难度的了，这种题考查的是JavaScript引擎执行代码的步骤。 b = 'cba'; function a(a, a){ console.log(a); console.log(b); var b = 'abc 阅读全文

摘要：很多面试官都会问到这样一道题（我就碰到过至少2次），js实现数组（只有正整数）去重有几种方法？最直接的想到的应该是双层循环进行比对，不等于push，等于不做处理，最后返回得到新数组就是去重后的数组，以下是代码： var x = [1,2,3,4,1,4,3,5,2]; var y = []; for 阅读全文

摘要：经常会遇到将图片等比缩放到某个特定大小的区域内，比如，预览图片、图片全屏显示等等，自己写了一个方法直接返回适应后的图片大小。 function getimagesize(imgSrc, imgW, imgH) { // 定义返回的大小 var imgNewSize = {}; //获取图片 // 定 阅读全文

摘要：总结下常见的几种数组排序： 第一类 纯数字； var arrOld = [4,10,9,1,0,31]; var arrNew = arrOld.sort(sortNum); function sortNum (a,b){ return a-b; } //输出结果：[0, 1, 4, 9, 10, 阅读全文