15 张精美动图全面讲解 CORS
14 min14 min转载于https://supercodepower.com/HTTP_CORS_visualized 本文翻译自 Lydia Hallie 小姐姐写的 ✋🏼🔥 CS Visualized: CORS,她用了大量的动图去解释 CORS...
设计模式
22 min22 min设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论,而不是现成的代码,当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题,毕竟这是前人无数经验总...
输入url到页面渲染全链路分析
37 min37 min从用户输入域名到浏览器渲染页面完成的过程,可以分为以下几个部分:解析 URL。缓存判断。域名解析(DNS 解析)。获取 MAC 地址。TCP 三次握手。HTTPS 的 TLS 四次握手 发送 HTTP 请求。服务器处理请求并返回 HTTP...
深入理解promise
11 min11 min一位高端的前端攻城狮曾经说过,一位不愿意透露姓名的顶级摸鱼工程师曾经说过,学习 Promise 最好的方式就是先阅读它的规范定义。那么哪里可以找到 Promise 的标准定义呢?答案是 Promises/A+ 规范。假设你已经打开了上述的规...
CSS世界
4 min4 mindiv 块级元素 span 内联元素 声明块 { height: 99px; color: transparent; } 规则/规则集 选择器 + 声明块 .vocabulary { height: 99px; color: transp...
React组件通信
16 min16 min随着 2019 年 2 月 React 稳定版 hooks 在 16.8 版本发布,涌现了越来越多的“hooks 时代”的状态管理库(如 zustand),“class 时代”的状态管理库(如 redux)也全面拥抱了 hooks。无一例...
2024 Year-End Summary
3 min3 minWhy does time seem to pass faster the older we get? Is it because we're aging faster, or is it because the clock's hand...
大二上总结
7 min7 min为什么越长大,越觉得时间过得很快?是人老得快了,还是时钟的指针走快了?过去的一年半对我自身而言来说感觉是还是做出一些东西来的 至少在我为止努力的领域还算做的顺利 大一成功加入了木犀 转专业 大二也是走马上任了 今天是 mini 的第三天...
TCP-1
12 min12 min因为最近在准备七牛云的面试 这家公司也比较重视网络方面的东西 所以就重看了一次 <img src="https://cdn.xiaolincoding.com//mysql/other/format,png-202303092305340...
React技术揭秘——理念2
16 min16 minReact16 架构可以分为三层:Scheduler(调度器)—— 调度任务的优先级,高优任务优先进入Reconciler Reconciler(协调器)—— 负责找出变化的组件 Renderer(渲染器)—— 负责将变化的组件渲染到页面上...
React技术揭秘——理念
9 min9 min感觉就是看了看大概的系统理念 里面还有好多 api 什么的还没具体去看🤔 我们可以从官网看到 React 的理念:我们认为,React 是用 JavaScript 构建快速响应的大型 Web 应用程序的首选方式 可见,关键是实现 快速响...
YOLO初体验
1 min1 min也是炼上丹了 这篇可能主要是记录一些方法 可能跟之前写的分享不太一样 yolo 训练阶段 验证模型 yolo detect val data=YOLOv8_cs/datasets/page_seg/page_icon.yaml model=...
Docker
1 min1 minDocker 是一个用于 build run share 应用程序的平台 将应用程序 + 依赖+balabala 全部打包!!Docker VS 虚拟机 虚拟机需要占用大量资源 CPU,内存 虚拟机启动一个完整的操作系统 可能只需要 Web...
js类型转换
10 min10 minNumber String Boolean Null Undefined Object Symbol (ES2015) BigInt (ESNext stage 4) 是不是感觉还有 Function,毕竟能用typeof获取到?不,函数...
eslint
19 min19 min项目安装 eslint:yarn add eslint -D; 初始化 eslint 配置:eslint --init; 检测 eslint:运行 eslint; eslint 配置参数的方式有两种,一种是通过配置文件,一种是通过命令行...
Typescript namespace
5 min5 minnamespace 是一种将相关代码组织在一起的方式,中文译为“命名空间”。它出现在 ES 模块诞生之前,作为 TypeScript 自己的模块格式而发明的。但是,自从有了 ES 模块,官方已经不推荐使用 namespace 了。names...
浏览器插件入门
6 min6 min开源之夏有点被导师 pua 到了 所以准备换了个项目 还是一个社区的项目 这个项目主要是对浏览器插件优化 先看看基本结构吧 基本上都会有一个 mainfest.json 跟 package.json 基本上我感觉是一样的作用 { // 插件...
Typescript-declare
8 min8 min最近在做那个开源之夏 然后要用到这个 declare 进行类型检查就正好写一篇啦 (其实还有很多不会的):angel: 本来想写 JSX 的自定义接口来着 但是没准备看懂 所以写了这个 declare 关键字用来告诉编译器,某个类型是存在的...
Javascript忍者秘籍blog-1
9 min9 min最近一直都在看这本书 感觉之前的 js 底子太差了 看这本书回顾一下吧 (感觉有些概念都是没听过的):cactus: 这篇主要写第四章理解函数调用的东西吧 调用函数时,隐式的函数参数 this 和 arguments 会被静默的传递给函数...
Git宝典
5 min5 min其实这次 mini 对我自身来说 学到了很多 技术这里就先不说了 终于意识到了 git 在多人协作写一个大项目的重要性 :satisfied: 我对 Git 这个东西的理解就是 在进行大型项目的开发时候 你不可能单兵作战 一般是有好多好多人...
自定义React hooks
6 min6 min刚看 hooks 就出现了这个问题 hooks 出现的意义在哪里呢 hooks 能解决什么问题 React 中组件有两种写法 一种类组件 一种函数组件 但是函数组件相对于类组件来说有一个小小滴缺点 就是没有 state :pensive...
React hook
10 min10 minHook 使你在无需改变组件结构的情况下复用状态逻辑(自定义 Hook) Hook 将组件中互相关联的部分拆分成更小的函数(比如设置订阅或请求数据) Hook 使你在非 class 的情况下可以使用更多的 React 特性 Hook 就是...
组件通信
5 min5 min组件 dom 组件 react支持的 html和svg 标签 什么是 props html 属性的功能 dom 属性 类名 className 样式 style={ { width:'100vh', height:100, backgrou...