AllocatorXy

世界让我充满好奇

事件源与事件委托

事件委托绝不止是用来干掉迭代添加事件这么简单

事件源事件源指第一个触发事件的对象。获取事件源 function a(e) { const oE = e || event; const oS = oE.srcElement || oE.target; // 获取事件源 } 事件委托事件冒泡会触发父级元素的事件，所以通过在父级绑定事件获取事件源，再对事件源进行操作，可以间接实现对子级的事件绑定，这叫做事件委托...

Posted by AllocatorXy on February 24, 2017

我的jq笔记

记录用jq踩的坑

获取位置这个和原生是反的： /* 到定位父级 */ $(selector).position().left $(selector).position().top /* 绝对位置 */ $(selector).offset().left $(selector).offset().top 获取尺寸 /* 原生 */ obj.offsetWidth obj.offsetHeight ...

Posted by AllocatorXy on February 22, 2017

jq动画使用

如何用animate做出好使的hover标签

jQuery animate jQuery中，fadein/fadetoggle等内部实现也是animate; animate实际就是js实现定时器动画; 格式 /* 简易格式 */ // easing默认为swing，自带的只有swing和linear $('selector').animate({param1: value1,param2: value2}, speed, ea...

Posted by AllocatorXy on February 20, 2017

Sublime Text 配置前端开发代码校验

ST3配置校验工具SublimeLinter来校验代码低级错误

准备工作 sublime最让人蛋疼的一点就是：没·有·语·法·错·误·提·示·功·能! 所以我们需要通过配置插件来解决，但插件坑挺多的，这篇文章旨在让我们更舒服地使用SublimeLinter的校验功能。 node.js SublimeLinter依赖于node.js, 所以最开始我们需要安装node.js 注意需要将npm初始化 <= 不会戳这里 - added on Feb....

Posted by AllocatorXy on February 20, 2017

let&const declaration

如何正确使用let&const, 暂时性死区怎么理解？

var & let & const 使用let和const需要用严格模式 var只有全局作用域(只能依靠函数来限制作用域)，const&let只有块级作用域； let或const声明的变量，会绑定(Binding)所在的块级作用域； let和const声明的全局变量不是全局对象的属性，无法在window对象上直接获取这些变量，它们的作用域实际是所有函数...

Posted by AllocatorXy on February 19, 2017

临时阻止transition

如何用transition做出一个无缝的幻灯片

动机看到淘宝的slider是用transition做的，就自己试着用transition做一个同样效果的幻灯片播放器，但发现了一个问题：无论最后如何设置复位图片，都会触发transition，不能达到视觉上的无缝衔接。突然想到，那每次让它复位时transition为0，复位完毕再加上transition属性不就好了: const oDiv = document.querySelect...

Posted by AllocatorXy on February 18, 2017

作用域与提升

详解变量提升与函数提升

作用域(Scoping) 在ES6之前，JavaScript是没有块级作用域的，只有全局作用域和函数作用域，var指令实际上是全局声明，但可以被函数作用域限制； var a = 1; // globally scoped // b is not visible here function fn() { // a is visible here var b ...

Posted by AllocatorXy on February 17, 2017

FEATURED TAGS

前端开发 noteBook CSS JavaScript ES6 jQuery

ABOUT ME

因为另一个人，
想要变得更好。