scream_leen

大部分情况下我们都是使用微信官方自带的navigationBar配置，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。 隐藏导航栏可以全局配置，也可以单独页面配置，具体根据业务需求来。 公式：导航栏高度 = 状态栏到胶囊的间距（胶囊距上边界距离-状态栏高度） …

script 是会阻碍 HTML 解析的，只有下载好并执行完脚本才会继续解析 HTML defer 和 async有一个共同点：下载此类脚本都不会阻止页面呈现（异步加载），区别在于?

在搞懂JavaScript的事件循环机制之前，我们必须的了解JavaScript的运行机制。我们都知道JavaScript是单线程语言，但为什么是单线程呢？或者说设计成单线程的目的是什么？ 其实这和JavaScript语言最初的设计用途有关，我们都知道JavaScript是浏览…

在软件开发中，我们通常痴迷于性能提升以及如何使我们的应用程序执行得更快，从而为用户提供更好的体验。Memoization 是优化性能的方法之一。 在本文中，我们将探讨它在 React 中的工作原理

在Hooks为主的React项目中，会有大量的组件通过函数声明。多数情况下，我们不需要对函数组件的渲染进行特殊优化，即使有些重复渲染因不会对体验造成太大影响也被忽略了。 这里声明了一个函数组件，组件很简单，接受demoUrl props，并作为iframe的src渲染出来。如果…

观察者模式和发布订阅模式作为开发中经常使用到的模式，小包一直不能做到很好的区分，前几天在听公开课时，老师详细讲解两种模式，发现自己还是没有吃透。于是小包本文就通过多个案例，形象的解读两种模式，一次吃透

React Profiler 的使用 前言 平时大家开发项目的时候，有时候会感觉项目卡顿，通常情况下可以即时做出整改，但也有时候不太容易找到引起卡顿的点，或者说不好发现潜在的性能问题，React De

该生命周期钩子的作用： 将父组件传递过来的 props 映射 到子组件的 state 上面，这样组件内部就不用再通过 this.props.xxx 获取属性值了，统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ，作为子组件自己的状…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …