摘要：
**节流（throttle），防抖（debounce）**都是为了限制函数的多次执行，造成页面出现延迟，假死或卡顿的现象，过多的资源浪费一种优化方案 函数防抖 debounce 防抖是指在连续事件触发后在规定时间只会最后执行一次函数，如果连续事件再次被触发，则重新计算时间。 **例子：**windo 阅读全文
摘要：
原文地址： "→传送门" 写在前面 现在es6很流行，尽管各大浏览器都还不能支持它的新特性，但是小伙伴们还是很中意它呀，于是小小的学习的一下 Babel 这里我们不介绍es6相关内容，只是说下入坑前奏，记录下如何使用babel来对es6进行转码~ 1.准备一个项目（文件夹） 进入到你的项目根目录下， 阅读全文
摘要：
原文地址： "→传送门" 写在前面 滚动条是个很常见的东东，不过某些浏览器自带的滚动条确实不太好看啊，下面可以作为学习，探讨下自定义滚动条的实现，这样你的滚动条就可以美美的啦。但是，也只能玩玩，因为只针对webkit内核的浏览器啊啊啊啊啊！ overflow介绍 定义 ：overflow 属性指定当 阅读全文
摘要：
原文地址： "→传送门" 写在前面 之前学习了CSS animation/setTimeout/setInterval/requestAnimationFrame等，这些都可以用在某种场景下的小动画，也可以说是动效。CSS动画君居然强大，但是缺陷也很多啊，有的时候没法满足要求，定时器用在动画中就更不 阅读全文
摘要：
原文地址： "→传送门" 写在前面 在五月出捣腾了一把个人博客，但是刚开始只做了一些基础设置，套路也没摸清，基础安装篇请看 "hexo从零开始到搭建完整" ,里面讲到了基础工具的安装及blog项目的文件夹含义，以及RSS添加、域名的绑定等操作，后来想着加点功能，但是奈何我选的主题集成的东西比较少，需 阅读全文
摘要：
原文地址： "→传送门" 写在前面 setTimeout()是大家再熟悉不过的定时器，但平时对定时器的了解甚少，于是想看看setTimeout()的原理机制。 setTimeout()基础 setTimeout()函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号， 阅读全文
摘要：
原文地址： "→传送门" 写在前面 在HTML5之前，实现拖放功能需要借助mousedown/mousemove/mouseover/mouseout/mouseup等鼠标事件来完成，HTML5中拖放API的出现使很多事情变简单。下面是做笔记做笔记~ 注：未来得及做兼容，请在chrome中打开。 + 阅读全文
摘要：
原文地址： "→传送门" window相关宽高属性 1. window.outerHeight (窗口的外层的高度) / window.outerWidth (窗口的外层的宽度) + window.outerHeight获取整个浏览器窗口的高度（单位：像素），包括侧边栏（如果存在）、窗口镶边（win 阅读全文
摘要：
原文地址： "→看过来" 写在前面 有的时候感觉写点小玩意儿挺开心的，还能实践很多的小知识点，所以这次学着写了个有趣的鼠标悬浮模糊效果，只使用了css额。 效果图 源码地址 "→传送门" 预览地址 "→传送门" 小知识点 filter: blur(npx); 这个过滤器用来将图片模糊，但是兼容性不太 阅读全文
摘要：
原文地址 "→看过来" 写在前面 前段时间写一个关于天气的东西，里面的省市区（县）城市选择让我很头疼，在网上搜索出来大都是借助插件或者第三方库，感觉这样做代码会很重，所以索性就把几种城市选择的方式实现一遍，以备日后的不时之需。这三种方法都是针对pc端的，并且都是使用原生js实现的，连jq都没使用，于 阅读全文