如梦初醒的博客
  文章分类
CSS 9 C语言 7 Exploit 21 后端 8 操作系统 10 编程 10 软件工具 6 JavaScript 32
记一次 React 组件无法更新状态值的问题分析与解决 记一次 React 组件无法更新状态值的问题分析与解决
问题React 组件中通过直接声明的元素变量（jsx 写法），在访问 state 中指定的状态值时，如果状态发生改变，使用状态值的元素内容无法得到相应更新； 下面的例子中，直接在 class 组件中声明元素变量 myDiv，并且需要访问 t
2025-06-22 JavaScript
react state getter setter 状态
jQuery 初识之安装与语法简介 jQuery 初识之安装与语法简介
概念jQuery是一个JavaScript函数库，是一个比较流行的js框架，功能就是简化 js 代码的书写，因为一些功能用原生javascript书写代码量是很大的。可以理解为javascript query，毕竟Query也是它的一个功能
2025-06-22 JavaScript
jquery语法 jQueryCDN
async 与 await 的用法详解 async 与 await 的用法详解
async概念用于声明异步函数，返回值为一个 Promise 对象，它以类似 同步 的方式来写异步方法，语法与声明函数类似，例如： async function fn() { console.log('Hello worl
2025-06-22 JavaScript
asnyc await 异步
addEventListener 方法与 on 事件的区别 addEventListener 方法与 on 事件的区别
on事件Javascript中可以对一些页面的事件设定触发值，例如常用的点击 onclick，鼠标移动 onmousemove，或者移动端屏幕点击 ontouchstart，其它类似的还有 onmousedown, onmouseup, o
2025-06-22 JavaScript
addeventlistener onclick 事件监听 冒泡捕获
TypeScript 之泛型 TypeScript 之泛型
背景泛型用于创建可复用的支持多种类型的组件，比如不仅能支持当前的类型，还能支持未来的类型，为大型系统的构建提供一定灵活性，泛有广泛、多种的意思，即泛型可实现对多种类型的支持；泛型是一种已有的概念，除了 TypeScript，同样也存在于其他
2025-06-22 JavaScript
ts typescript 泛型 generic
Redux 主要知识学习总结 Redux 主要知识学习总结
概念Redux 作为一个状态管理器，可以应用于多种 web 技术或框架中，React 只是其中之一；Redux 的特点在于，多个页面或组件使用同一个状态（store，用于管理应用的 state），可以实现各模块或组件之间的数据共享，应用的任
2025-06-22 JavaScript
redux state store 状态
TypeScript 中类型 any，void，unknown，never之间的区别 TypeScript 中类型 any，void，unknown，never之间的区别
TypeScript 拓展了 JavaScript 的基本类型与语言特性，为了覆盖类型检查的情景，衍生出了一些额外的类型，其中 any, unknown, void, never 这几个类型所适用的情形容易使人混淆，下面通过举例进行一下区分
2025-06-22 JavaScript
ts typescript any unknown never
React 组件间传值的几种情形 React 组件间传值的几种情形
父级传向子级这应该是最常见的一种场景，通过在子组件上写 props，将数据从父组件中传递到子组件，子组件再从 this.props 中获取相应的值，这样可以根据传入值的不同返回不同的状态，即实现组件的复用；例如： import React
2025-06-22 JavaScript
react 组件 props ref context
React 组件性能优化之 PureComponent 的使用 React 组件性能优化之 PureComponent 的使用
在 React 类组件中，如果状态（state）发生变化，便会触发组件的重新渲染（执行 render 方法），并且是包括所有子组件在内的全部重渲染，无论某些子组件是否有用到 state 中的值；但有些时候部分子组件计算或渲染工作量较大，并且
2025-06-22 JavaScript
react purecomponent 性能优化 组件
JavaScript 中语句与函数的执行辨析 JavaScript 中语句与函数的执行辨析
Javascript代码中，语句和函数以及匿名函数的执行存在一些区别，所以在编写过程中也存在一些“坑“。 script 中的语句html文档中的javascript语句是写在 <script></script> 中的
2025-06-22 JavaScript
javascript函数 匿名函数 javascript语句
JavaScript 中 try, catch, throw 的用法 JavaScript 中 try, catch, throw 的用法
程序在运行中难免遇到 bug，所以就需要好的调试手段找出问题所在，try, catch, throw 便是 JavaScript 中用来调试并对错误执行相关操作的工具，下面具体介绍其用法； try, catch基本语法结构： try 
2025-06-22 JavaScript
try catch 错误
ECMAScript 发展简史 ECMAScript 发展简史
ECMAScript，简称 ES，是 JavaScript 的标准版，经历了不同版本的变化； 最初由于网速慢，网页验证表单需要通过服务器完成，因此Netscape（网景）公司决定开发这样一种用于处理验证的客户端语言； 1995年，发
2025-06-22 JavaScript
es6 ECMAScript
2 / 3