【2022年6月】专栏100强榜单已出。本次榜单数据是基于掘金 🏆推荐作者榜上的前100名优秀作者的专栏计算，按照订阅数降序排名。快来看看有你没~

梳理前端常见面试题及答案，并持续维护，助你拿到大厂offer～ 题目包括css，Javascript中高阶，Vue技术栈，webpack，设计模式，Typescript，Http，Nginx等。

url从输入到页面的渲染中间的技术细节，这篇我们总结下，常用的性能优化操作。构建阶段的性能优化可以参考这篇webpack包教不包会（二）性能优化最佳实践。 合并css和js文件，合并文件大小之后，大文件gizp之后不能超过33kb（不是一股脑的打包成一个），文件数量要适量。 是…

Java 篇中老荀说到当今互联网份额最大的编程语言是 Java，作为后辈我对此话是没有异议的。但，要说到国内互联网最火、最热闹的编程语言是什么？应该没人对 JavaScript 当选有异议吧。相对 C++、Java 这些老前辈，JS 可谓门槛之低，连 Python 都自叹不如。…

猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。 已经推荐了 面试项目、CSS 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项目了。 今…

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

Ghost Buttons：幽灵按钮是指具备基本的按钮形状的透明按钮，有细实线的边框。在悬停时背景填充颜色以突出按钮。 direction aware：方向感知这里主要说的是能够判断鼠标是从按钮哪个方向过来的。 本文中，我们将构建一个幽灵按钮，实现按钮很简单，但有趣而棘手的部分…

这几个 API 使用得当的话，可以提高你应用的友好性。 这些 API 的示例代码我已放在 github 上，感兴趣的可以 clone 代码到本地运行。望给个 star 支持一下。 1. 监听屏幕旋转变化接口: orientationchange 这个 API 可以将你手机是否横…

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…