CodingWithAlice

我的一方小天地，如果对你有帮助，那真的太好了

Redux 学习笔记

Redux 学习笔记 一、定义 状态容器，提供可预测的、集中式的状态管理方式，适用于大型复杂项目 - 只有2kb，插件生态强大 核心逻辑：Redux Toolkit，包括了常见工具 - 配置store(对象树)、创建reducer并编写immutable更新逻辑等 二、基础 1、应用的「整体全局状态」以「对象树」的方式存放于「单个 store」 2、唯一改变「状态树」的方法是创建...

Posted by CodingWithAlice on January 18, 2025

Nextjs 学习笔记

Nextjs 学习笔记 主要侧重于 13.x 之后给出的 break change ，修正写代码过程中可能遇到的版本问题 升级指南 总结： Link 标签不用再写 a 标签，因为直接解析为 a 标签 src/app 目录下所有页面默认是 服务器组件，需要定义 客户端组件 时在顶部添加 “use client” 3、自定义共享布局、样式：src/app/layout.ts...

Posted by CodingWithAlice on January 12, 2025

Nestjs 核心特性、基本概念、生命周期、获取请求和响应、不同组件的实现和执行顺序

Nestjs 核心特性、基本概念、生命周期、获取请求和响应、不同组件的实现和执行顺序 总结： 核心特性：模块化架构 + 依赖注入DI + 多种协议 HTTP/websocket 基本概念：控制器 controller + 根模块/子模块 module + 服务 provide + 应用程序入口 main.ts 在模块中配置，将服务注入控制器 令...

Posted by CodingWithAlice on December 26, 2024

项目进展

项目进展 一、功能 LTN工具 J-Table 规划表 LTN v1.0 工具：记录每题做题时间 ✅ + 提示下次做题时间 ✅ LTN V2.0 工具：在网站记录答案 + 做题记录 复盘工具 Next_Pro Nextjs + API Route + Sequelize + MySQL + Mongodb ✅ 日报✅、周报✅、月报✅、季报...

Posted by CodingWithAlice on December 26, 2024

React 设计原理 Part 3 实现篇

React 设计原理 Part 3 实现篇 本文主要是对《React 设计原理》一书的笔记和总结，方便之后回顾只看笔记，不再重新细读书籍。 目录 状态更新流程 - 性能优化的两个策略 1.1、编写能够命中性能优化策略的组件 1.2、调用性能优化 API，命中 bailout 策略 hooks实现 看本章时还是带着问题阅读： 1、React 怎么做的性能优化？ ...

Posted by CodingWithAlice on December 22, 2024

模拟实现jsonp

模拟实现jsonp 核心功能：组装 url+callback + 浏览器在 script 打开执行 常见错误： 1、遗忘在 window 上定义回调函数 - 功能：①使用 data值+②清理script标签 移除实在 document.body 上移除的，直接在 document 调用会提示错误 2、判断是否有 ?...

Posted by CodingWithAlice on December 7, 2024

模拟实现instanceof

模拟实现instanceof 核心功能：检测对象原型链上是否有被检测函数的原型对象 常见错误： for…in 不合适->重点关注的是原型链上的原型对象匹配情况，而不是去比较属性名或者属性值 function fakeInstanceof(target, constructor) { // let cur = target.__proto__; let p...

Posted by CodingWithAlice on December 7, 2024

模拟实现promise

模拟实现promise 明确 Promise 的几个基本信息： 1、状态凝固 默认pending/resolved/rejected，改变一次后无法再变更 2、传入的执行器有两个函数参数 resolve,reject，调用这两个函数触发状态变更 3、执行器是同步执行的 4、then 微任务执行，两个函数入参 onResolved,onRejected - catch语法糖，resolv...

Posted by CodingWithAlice on December 5, 2024

第十八章 动画与Canvas图形

HTML5 的元素为 JavaScript 提供了动态创建图形的 API。这些图形需要使用特定上下文绘制，主要有两种。 第一种是支持基本绘图操作的 2D 上下文：填充和描绘颜色及图案、绘制矩形、绘制路径、绘制文本、创建渐变和图案 第二种是 3D 上下文，也就是 WebGL。WebGL 是浏览器对 OpenGL ES 2.0 的实现。OpenGL ES 2.0是游戏图形开发常用的一...

Posted by CodingWithAlice on November 24, 2024

第十九章 表单脚本

​ 尽管 HTML 和 Web 应用自诞生以来已经发生了天翻地覆的变化，但 Web 表单几乎从来没有变过。JavaScript 可以增加现有的表单字段以提供新功能或增强易用性。为此，表单字段也暴露了属性、方法和事件供 JavaScript 使用。 ​ 剪贴板事件，包括 copy、cut 和 paste，在不同浏览器中的实现有很大差异。 ​ 富文本编辑通常以使用包含空白 HTML 文档的内...

Posted by CodingWithAlice on November 24, 2024

FEATURED TAGS
《JavaScript高级程序设计4》 < JS原生基础相关 > < 算法题 > < vue相关知识点 > < CSS相关内容 > < HTTP相关 > < 面试题整理 > < 浏览器原理 > < 工作经验沉淀 > < 小程序 > < webpack > < 工程化 > < database > < 重构2 > < React17+TS4 > < node > < AI >
ABOUT ME

CodingWithAlice

✉️ hao_ling@foxmail.com

FRIENDS