随笔分类 - Web
摘要：**节流（throttle），防抖（debounce）**都是为了限制函数的多次执行，造成页面出现延迟，假死或卡顿的现象，过多的资源浪费一种优化方案 函数防抖 debounce 防抖是指在连续事件触发后在规定时间只会最后执行一次函数，如果连续事件再次被触发，则重新计算时间。 **例子：**windo
阅读全文
摘要：原文地址： "→传送门" 写在前面 现在es6很流行，尽管各大浏览器都还不能支持它的新特性，但是小伙伴们还是很中意它呀，于是小小的学习的一下 Babel 这里我们不介绍es6相关内容，只是说下入坑前奏，记录下如何使用babel来对es6进行转码~ 1.准备一个项目（文件夹） 进入到你的项目根目录下，
阅读全文
摘要：原文地址： "→传送门" 写在前面 滚动条是个很常见的东东，不过某些浏览器自带的滚动条确实不太好看啊，下面可以作为学习，探讨下自定义滚动条的实现，这样你的滚动条就可以美美的啦。但是，也只能玩玩，因为只针对webkit内核的浏览器啊啊啊啊啊！ overflow介绍 定义 ：overflow 属性指定当
阅读全文
摘要：原文地址： "→传送门" 写在前面 之前学习了CSS animation/setTimeout/setInterval/requestAnimationFrame等，这些都可以用在某种场景下的小动画，也可以说是动效。CSS动画君居然强大，但是缺陷也很多啊，有的时候没法满足要求，定时器用在动画中就更不
阅读全文
摘要：原文地址： "→传送门" 写在前面 setTimeout()是大家再熟悉不过的定时器，但平时对定时器的了解甚少，于是想看看setTimeout()的原理机制。 setTimeout()基础 setTimeout()函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，
阅读全文
摘要：原文地址： "→传送门" 写在前面 在HTML5之前，实现拖放功能需要借助mousedown/mousemove/mouseover/mouseout/mouseup等鼠标事件来完成，HTML5中拖放API的出现使很多事情变简单。下面是做笔记做笔记~ 注：未来得及做兼容，请在chrome中打开。 +
阅读全文
摘要：原文地址： "→看过来" 写在前面 有的时候感觉写点小玩意儿挺开心的，还能实践很多的小知识点，所以这次学着写了个有趣的鼠标悬浮模糊效果，只使用了css额。 效果图 源码地址 "→传送门" 预览地址 "→传送门" 小知识点 filter: blur(npx); 这个过滤器用来将图片模糊，但是兼容性不太
阅读全文
摘要：原文地址 "→看过来" 写在前面 前段时间写一个关于天气的东西，里面的省市区（县）城市选择让我很头疼，在网上搜索出来大都是借助插件或者第三方库，感觉这样做代码会很重，所以索性就把几种城市选择的方式实现一遍，以备日后的不时之需。这三种方法都是针对pc端的，并且都是使用原生js实现的，连jq都没使用，于
阅读全文
摘要：原文地址： "→看过来" 写在前面 select 是HTML表单元素中很常用的一个，其中很重要的几个属性常被忽略，但这几个属性却能帮助我们完成很多的功能，当然，select下拉列表默认样式很不友好，所以更多的时候可以自己模拟实现一个同样功能的下拉菜单。下文先介绍select标签的一些属性及使用，后面
阅读全文
摘要：原文地址： "→看过来" 写在前面 关于如何在线预览github中的html文件，其实这是一个很多人知道的东西，但是查资料的时候呢总是找不到正确的答案，并且一开始我也是踩了坑的。 踩坑经历 搜出来的结果大概就两种： 1. 第一种是在你打开的源码地址的url地址基础上加前缀 或者 。 2. 第二种就是
阅读全文
摘要：原文地址： "→看过来" 正则表达式用到的地方很多，但是每次很久不用就全忘光了，每次都要重新看一遍文档，为了节省时间，把它的一些基本要点画总结在一张图片中，这样方便以后查看。 PS：细节的东西还是需要看详细点的文档。
阅读全文
摘要：以前从来去想一篇技术文章要怎么架构，总是随自己想到什么写什么，然后看到了阮一峰老师的总结，就把它改成了思维导图，以便记忆查询。 原文地址：https://github.com/ruanyf/document style guide
阅读全文
浙公网安备 33010602011771号