在这个打死不做兼容的前端时代，我们开发者会用谷歌浏览器，但是有些用户没有安装 Chrome 浏览器，或者是装了其他各式各样的杂牌浏览器内核可能是用的 Chrome 但是有些渲染机制却千姿百态，比如 Edge 360 等等浏览器都是，所以单单使用判断内核是没用的，所以我们需要判断…

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

可以使用apply来实现。apply传入的是一个数组 适用场景：显示页面弹窗时,用户点击页面其他地方弹窗自动关闭. 只能输入数字,能输小数点. bug浮现：点击checkbox的时候，因为页面元素所在区域重叠，点击事件向上传递，会首先触发checkbox的点击事件，然后触发 t…

本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度，将不定期更新~ 感兴趣的同学可以加文末的微信群，一起讨论吧～

放轻松，今天不是面试课。有人说欧巴的上一篇文章太难了，入门的话看不懂。 不要慌哈，网络安全的内容比较多，一篇文章写不完，后续会分成几篇文章，带大家手动实现一波，加深理解。 言归正传，今天欧巴要和大家分享一波硬核网站，作为一名前端工程师，不能总依靠UI小姐姐，工作上要为UI小姐姐…

JS 是脚本语言,脚本语言都需要一个解析器才能运行。对于写在 HTML 页面里的 JS,浏览器充当了解析器的角色。而对于需要独立运行的 JS,NodeJS 就是一个解析器。 解析器需要运行引擎才能对 JavaScript 进行解析,Node.js 采用了 V8 引擎,Googl…

在业务开发过程中，想必大家经常会需要查看一个元素的位置及大小并修改它的 CSS，因此就会频繁使用到 DevTools 中的选择元素功能。 其实我们可以使用一个 CSS 技巧给所有元素加上 outline，这样就能迅速了解自己所需的元素位置信息，无须再选择元素查看了。 需要注意的…

本文从「为什么不能直接在 JSX 里面写 console.log」这个问题出发，分析了 React的元素渲染机制，并介绍了几种在JSX 执行 console.log 语句的姿势，最后还介绍了 React 项目中调试代码的其他姿势。 本文适合 React 初学者阅读，如果你已经可…

上回就已经承诺过大家，一定会出 HTTP 的系列文章，今天终于整理完成了。作为一个 web 开发，HTTP 几乎是天天要打交道的东西，但我发现大部分人对 HTTP 只是浅尝辄止，对更多的细节及原理就了解不深了，在面试的时候感觉非常吃力。这篇文章就是为了帮助大家树立完整的 HTT…