WindRunnerMax

摘要： setState同步异步场景 React通过this.state来访问state，通过this.setState()方法来更新state，当this.setState()方法被调用的时候，React会重新调用render方法来重新渲染UI。相比较于在使用Hooks完成组件下所需要的心智负担，setS 阅读全文

摘要： useMemo与useCallback useMemo和useCallback都可缓存函数的引用或值，从更细的角度来说useMemo则返回一个缓存的值，useCallback是返回一个缓存函数的引用。 useMemo useMemo的TS定义可以看出，范型T在useMemo中是一个返回的值类型。 t 阅读全文

摘要： useEffect与useLayoutEffect useEffect与useLayoutEffect可以统称为Effect Hook，Effect Hook可以在函数组件中执行副作用操作，副作用是指函数或者表达式的行为依赖于外部环境，或者在这里可以理解为修改了某状态会对其他的状态造成影响，这个影响 阅读全文

摘要： 蒙层禁止页面滚动的方案 弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是在蒙层出现的时候滚动页面，如果不加处理，蒙层底部的页面会开始滚动，实际上我们是不希望他进行滚动的，因此需要阻止这种行为。当弹出蒙层时禁止蒙层下的页面滚动，也可以称为滚动穿透的 阅读全文

摘要： 建立DNS隧道绕过校园网认证 因为之前在本科的时候破解过校园网三次，主要就是利用其业务逻辑上的漏洞、53端口未过滤包、重放攻击的手段，然后就是一个博弈的过程，这三次加起来用了大概有一年的时间就被完全堵死了，最近又比较需要网络，然后有开始想折腾了，不过这次建立dns隧道虽然是成功建立了，使用正常网络是 阅读全文

摘要： Hooks中的useState React的数据是自顶向下单向流动的，即从父组件到子组件中，组件的数据存储在props和state中，实际上在任何应用中，数据都是必不可少的，我们需要直接的改变页面上一块的区域来使得视图的刷新，或者间接地改变其他地方的数据，在React中就使用props和state两 阅读全文

摘要： 记ByteCTF中的Node题 我总觉得字节是跟Node过不去了，初赛和决赛都整了个Node题目，当然PHP、Java都是必不可少的，只是我觉得Node类型的比较少见，所以感觉挺新鲜的。 Nothing 决赛的Node题型，题目如下： Can you get flag in a fully encl 阅读全文

摘要： Service Worker的应用 Service worker本质上充当Web应用程序、浏览器与网络(可用时)之间的代理服务器，这个API旨在创建有效的离线体验，它会拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的的资源，它还提供入口以推送通知和访问后台同步API。 描述 Serv 阅读全文

摘要： IntersectionObserver对象 IntersectionObserver对象，从属于Intersection Observer API，提供了一种异步观察目标元素与其祖先元素或顶级文档视窗viewport交叉状态的方法，祖先元素与视窗viewport被称为根root，也就是说Inter 阅读全文

摘要： Vue首屏性能优化组件 简单实现一个Vue首屏性能优化组件，现代化浏览器提供了很多新接口，在不考虑IE兼容性的情况下，这些接口可以很大程度上减少编写代码的工作量以及做一些性能优化方面的事情，当然为了考虑IE我们也可以在封装组件的时候为其兜底，本文的首屏性能优化组件主要是使用IntersectionO 阅读全文