通过本文，你能了解到 最基本的使用 CSS backdrop-filter 实现磨砂玻璃(毛玻璃)的效果 在至今不兼容 backdrop-filter 的 firefox 浏览器，如何利用一些技巧性的

众所周知，软件开发不是一个人的工作，总是需要团队合作。因此，必须保持定义的命名约定。为函数或变量选择适当的名称需要经验以及花费大量的代码阅读时间。该挑战不是技术或管理挑战，而是一项需要大量实践的技能。

这篇文章会在 CentOS 环境下安装和使用 Nginx，如果对 CentOS 基本操作还不太清楚的，可以先看看 <半小时搞会 CentOS 入门必备基础知识> 一文先做了解。 相信作为开发者，大家都知道 Nginx 的重要，废话不多说，一起来学习吧。 1. Nginx 介绍 …

在前端开发中总会遇到各种各样需要使用或计算坐标和距离的情况，但是这些属性和方法众多，全部熟练地记下来并非是一件易事，大多只能现查，耗费不少时间精力，于是便有了整理记录的想法，即加深了印象，又方便随时查阅。 返回浏览器窗口左上角相对于当前屏幕左上角的水平距离和垂直距离（单位像素）…

首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收到的事件。最后一个阶段是冒泡阶段。 我们上文中的监听图片自身的 error 事件，实际上在事件流中是处于目标阶段。

逐步学习什么是递归？通过使用场景来深入认识递归。 前端性能优化之路——图片篇。 今年的文章量比去年又多了好多，看来大家在掘金越来越活跃啦！可以Mark起来慢慢看～不过呢小饼还是建议大家到微信群里看每日小报，毕竟每天消化一两篇会更加有用，日积月累就会有很大的收益。反而积攒到一起的…

这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。 在 ES5 中，其实 this 的指向，始终…

这是这次系列文章的第二篇，我自己封装了一个用vue实现的拖拽排列卡片组件，并且发布到npm，详细地记录下来了整体制作过程。总共有三篇文章，介绍组件的制作思路和遇到的问题，以及在发布到npm上并下载使用的过程中，发生了什么问题并如何解决。 移动卡片在另一张卡片上方附近区域时，要进…

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…