其他
7篇文章 · 0订阅
  • Chrome Devtool Performance中DCL, L, FP, FCP, FMP, LCP 的含义
    Chrome Devtool Performance 是大家常用的页面性能分析工具，当你使用它来分析页面加载性能的时候会生成如下图所示的报告。 图中包含了以下几个重要的时间点：DCL, L, FP, FCP, FMP, LCP。这里我把前两个和后面几个分开来讲，因为它们分属于不…
    前端
    Chrome Devtool Performance中DCL, L, FP, FCP, FMP, LCP 的含义
  • 9102，作为前端必须知道 hook 怎么玩了
    Higher-Order-Components(HOC) react中用的相对多一点，vue的话，嵌套template有点。。别扭, 可以看出用了hook之后，我们把关于position的逻辑都放到一个自定义的hook--useMousePostion 中，之后复用是很方便的，…
    前端框架
  • 面试官：你了解过移动端适配吗？
    很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…
    前端
  • 傻傻分不清之 Cookie、Session、Token、JWT
    在战国时期，商鞅变法，发明了照身帖。照身帖由官府发放，是一块打磨光滑细密的竹板，上面刻有持有人的头像和籍贯信息。国人必须持有，如若没有就被认为是黑户，或者间谍之类的。 在现实生活中，每个人都会有一张专属的居民身份证，是用于证明持有人身份的一种法定证件。通过身份证，我们可以办理手…
    JavaScript
  • CommonJS 和 ES6 Module 究竟有什么区别？
    带着这些疑问和好奇，希望阅读这篇文章能解答你的疑惑。 在 ES6 之前，ECMAScript 并没有提供代码组织的方式，那时候通常是基于 IIFE 来实现“模块化”，随着 JavaScript 在前端大规模的应用，以及服务端 Javascript 的推动，原先浏览器端的模块规范…
    Node.js JavaScript
    CommonJS 和 ES6 Module 究竟有什么区别？
  • 什么是时间分片（Time Slicing）？
    根据W3C性能小组的介绍，超过50ms的任务就是长任务。 根据上图我们可以知道，当延迟超过100ms，用户就会察觉到轻微的延迟。 所以为了避免这种情况，我们可以使用两种方案，一种是Web Worker，另一种是时间切片（Time Slicing）。 我们都知道，JS是单线程，所…
    JavaScript 性能优化
  • 面试官: 聊一聊 HOC、Render props、Hooks
    在以前我们可能会看到很多文章在分析 HOC 和 render props, 但是在 2020 年 ,我们有了新欢 “hook” . 本篇文章会分析 hook , render props 和 HOC 三种模式的优缺点. 让你彻底理解这三种模式. 并且, 告诉你为何应该尽可能使用…
    JavaScript