分类 : 技术向共 36 篇文章
在 JavaScript 中实现和使用 Context

在 JavaScript 中实现和使用 Context

使用过 React 构建应用的开发者对 React Context 一定不会陌生。在 React 的世界中,相比于把 prop 不断透传给下一层子组件(prop-drilling),React Context 可以更优雅地自上而下将数据从父组件传递到深层级的子组件、并确保数据在不同子组件之间保持一致。不过,Context 绝不是仅属于 React,在 JavaScript 中 Context 一样可以大展拳脚。
React 为什么重新渲染

React 为什么重新渲染

更新(重新渲染)是 React 的重要特性 —— 当用户与应用交互的时候,React 需要重新渲染、更新 UI,以响应用户的输入。但是,React 为什么会重新渲染呢?如果不知道 React 为什么会重新渲染,我们如何才能避免额外的重新渲染呢?
为什么你不应该在 React 中直接使用 useEffect 从 API 获取数据
优化博客的累计布局偏移(CLS)问题

优化博客的累计布局偏移(CLS)问题

距离上一篇文章发布已有四个月了,是时候写几篇文章给博客除草了。上一次我介绍了我如何迁移、重构了我的博客的架构,这次我想来谈谈我在重构中优化和打磨访客体验时解决的一个问题。我的博客优化之旅 图片 lazyload ...
使用 Next.js + Hexo 重构我的博客

使用 Next.js + Hexo 重构我的博客

在咕咕了一整年、只发布了三篇文章(其中两篇还是译文)之后,我决定还是稍微花一点时间好好折腾一下自己的博客,以 React 作为抓手,通过 Next.js 和 Hexo 深度共建,对标 Gatsby,打通静态 HTML 与用户交互之间的垂直领域屏障,实现多维矩阵闭环,为个人博客赋能(咳咳咳),然后水出 2022 年第一篇文章(逃)
2021 年 JavaScript Promise 性能对比

2021 年 JavaScript Promise 性能对比

我们正生活在一个「Any application that can be written in JavaScript, will eventually be written in JavaScript」的时代。作为一门兼具动态性和简单性的语言,JavaScript 已经占领了客户端、服务端,甚至在机器学习中也占据一席之地;不可避免的,异步执行也逐渐成为这门语言不可缺少的一部分。...
ZSH 自动读取 macOS 系统代理配置并设置环境变量
USTC Hackergame 2020(中科大信安赛)write up

USTC Hackergame 2020(中科大信安赛)write up

作为一只 CS 零基础、信安零基础、CTF 零基础的菜狐狐,苏卡卡今年又来参加 USTC Hackergame 啦!由于一边做题一边总结思路(指写 Write Up),所以苏卡卡应该是第一个发布非官方的 USTC Hackergame 2020 Write Up 的吧(嘿嘿)。 题图来自 USTC Hackergame 2019「Happy LUG」
Bilibili 2020「1024 程序员节」CTF Write Up

Bilibili 2020「1024 程序员节」CTF Write Up

周六不放假休息,还在这加班搞 CTF? 10 月 24 日不睡觉、凌晨两点钟我还在水群,结果在 USTC@LUG 的群里看见有人在打 Bilibili 的 CTF。我刚刚好一年(指 370 天)没有打过 CTF 了(上一次打正式的 CTF 还是去年参加的 USTC Hackergame 2019),所以想着来玩玩。虽然 CTF 结束之前不应该分享和公开 Write Up 和题解,不过 Bilibili 这 CTF 既然这么离谱,那我也没必要按照常理出牌。
从 Google Analytics 的统计代码说起 —— 谈谈 script 标签的 async 和 defer 属性