伊恩的技术笔记

使用 内部实现 首先会打印 0 执行 foo 函数，遇到 async ，保存当前调用栈信息，进入 foo 协程。 打印 1。执行到 await 100 这行时，会创建一个 ...

使用 useContext 在一个文件里，用 createContext 创建一个 Context 对象，并导出 在供给数据的组件中，使用 CountContext.Pro...

最初的 HTTP/0.9 最初的需求比较简单，只需要满足HTML的传输。所以客户端只需要通过一个请求行的信息(GET /index.html)告诉服务器需要什么 根据IP、...

“输入URL到页面展示”，这是面试中会被问到的一个大话题，这个过程中的任何一段区间都包含着巨量的信息，让我不知所措 总结一下这个流程的一些节点，但不会太详细。只列出节点，以...

为了保护用户的账号、财产不被窃取或利用，会在不同层面采取了一些措施 同源 用户在打开页面A，它嵌着一个不同源的页面B，A、B之间如果可以随意交互的话，就有可能被黑客利用：在...

作为一个状态管理的工具，相比于 Rudex，MobX 没那么多条条框框，什么 action reducer 不可变数据… 直接改数据（然后视图更新）就完啦 先把它这库添加到...

HTTP/2 核心的一个变化就是二进制分帧 加了一层 在供给应用的HTTP API 与 套接字接口之间，加了这么一层：二进制分帧层。之前HTTP的请求形式完全不用变，所有H...

插入排序（Insertion Sort） 插入排序（Insertion Sort）是一种简单直观的排序算法。它的工作原理是通过构建有序序列，在未排序的部分中从后向前逐步扫描...

一、 js相关 防抖节流 防抖：在一段时间内，再次触发事件，会重新执行。【应用：搜索框输入、窗口调整大小、动态加载无限滚动】 节流：在一段时间内，只会执行一次【应用：鼠标事...

除了之前提到的 Rollup，Vite 工作的时候还用到了另一个打包工具 esbuild Rollup 用于为生产环境打包，而 esbuild 则用于为开发服务器进行依赖预...

作用域是什么 作用域就是变量和函数的可访问范围 没有块级作用域带来的问题 ES6之前有两种作用域：全局作用域和函数作用域 其他语言普遍支持块级作用域。一对大括号包裹的一段代...

vite 是使用 rollup 来进行打包 本来想写一下如何使用 rollup，但看了 rollup 官方教程后感觉没有必要了。它这个写得非常清晰了，跟着做一遍就可以对 r...

上一篇文章了解了一下可迭代对象这个概念 这个可迭代对象上有一个[Symbol.iterator] 的方法，迭代发生的时候，这个方法会返回一个迭代器，再通过迭代器得到每次迭代...

当一个对象需要被迭代时(比如在一个 for...of 循环中)，首先会不带参数调用它的 [Symbol.iterator]()，然后使用此方法返回的迭代器获取迭代的值...

含义 null 用来表示一个有意不存在的值 使用场景： 其他 它是原始类型之一 string number bigint boolean undefined symbol ...

CSS 中的 position 属性用于指定一个元素在文档中的定位方式。它有以下几个常用值： static（默认值）： 元素按照正常的文档流进行布局 top、right、b...

遇到一个需求：一个手机网页，但要求布局能够响应手机键盘 当键盘唤起与未唤起时，内容区要有不同的高度： 第一感觉是，键盘位置这种接口得是 Native 才能得到的 下结论前还...

SSE (Server-Sent Events) 和 WebSocket 都是用于实现实时通信的技术，但它们有一些关键的区别： 通信方向： SSE：单向通信（服务器到客户端...

使用 cookie 实现会话管理是一种常见的方法。以下是使用 cookie 实现会话管理的基本步骤: 创建会话 ID: 当用户首次访问网站时,服务器生成一个唯一的会话 ID...