前端开发摸鱼

为什么呢？因为通常我们运行在浏览器中的代码是经过处理的，处理后的代码可能与开发时代码相差很远，这就导致开发调试和线上排错变得困难。这时Source Map就登场了，有了它浏览器就可以从转换后的代码直接定位到转换前的代码。在webpack中，可以通过devtool选项来配置Sou…

最近宅在家学习了一下缓存知识，总结成文档，和大家交流分享。说到缓存，有浏览器缓存、数据库缓存、代理服务器缓存、CDN缓存等，我们今天只聊浏览器缓存(其他的涉及到我的知识盲区)。 很多文章中提到的前端缓存、web缓存也都是浏览器缓存。 我们都知道，浏览器请求时会先看看有没有缓存，…

推荐几个非常实用的 VS Code 插件. 附 gif 图. 1. Better Comments Better Comments 你可以使用不同的前缀来让注释显示为不同的颜色。 非常适合快速扫描并发现重要的代码片段。 若使用的话, 建议团队统一规范. 2. Bracket P…

首先, 我们要实现一个需求 -- 点击 button 的时候 input 设置焦点. 同样的, 我们可以使用 useRef 来实现完全相同的结果. 事实上, 只要你认真读一下官方文档, 就会发现, 它们两个确实不一样. 换句人话说 , useRef 在 react hook 中…

ease 规定慢速开始，然后变快，然后慢速结束的过渡效果。 ease-in 规定以慢速开始的过渡效果。 ease-out 规定以慢速结束的过渡效果。 ease-in-out 规定以慢速开始和结束的过渡效果。 linear 动画从头到尾的速度是相同的。 delay属性：用于将动画…

你不需要成为一个数学天才才能成为一个优秀的程序员，但是有一些技巧你可以添加到你的问题解决包中，以提高你的算法的性能，并在技术面试中给人留下深刻的印象。 在本教程中，您将学习如何用一个简单且容易记住的等式来求和一系列从 1 到 n 的连续整数。这个等式对于将一个函数从 O(n)重…

借由这个面试题目， 我们来了解 css 管理方式一共有几种。 佛性选手, 复制粘贴一把梭. 方案一. 命名空间 + BEM 规范 原理：强行增加一个最外层的命名空间将底部样式包裹起来。 样式名遵循 BEM 规范， 让维护者可以从类名就分辨出 dom 上的嵌套情况。方便维护， 如…