分类: JavaScript | 如梦初醒

文章分类
CSS 9 C语言 7 JavaScript 32 Exploit 18 后端 8 操作系统 10 软件工具 6 编程 10
                            
                            记一次 React 组件无法更新状态值的问题分析与解决
                        
                                问题React 组件中通过直接声明的元素变量（jsx 写法），在访问 state 中指定的状态值时，如果状态发生改变，使用状态值的元素内容无法得到相应更新；
下面的例子中，直接在 class 组件中声明元素变量 myDiv，并且需要访问 t
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            react state getter setter 状态
                        
                            jQuery 初识之安装与语法简介
                        
                                概念jQuery是一个JavaScript函数库，是一个比较流行的js框架，功能就是简化 js 代码的书写，因为一些功能用原生javascript书写代码量是很大的。可以理解为javascript query，毕竟Query也是它的一个功能
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            jquery语法 jQueryCDN
                        
                            async 与 await 的用法详解
                        
                                async概念用于声明异步函数，返回值为一个 Promise 对象，它以类似 同步 的方式来写异步方法，语法与声明函数类似，例如：
async function fn() {
    console.log('Hello worl
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            asnyc await 异步
                        
                            addEventListener 方法与 on 事件的区别
                        
                                on事件Javascript中可以对一些页面的事件设定触发值，例如常用的点击 onclick，鼠标移动 onmousemove，或者移动端屏幕点击 ontouchstart，其它类似的还有 onmousedown, onmouseup, o
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            addeventlistener onclick 事件监听 冒泡捕获
                        
                            TypeScript 之泛型
                        
                                背景泛型用于创建可复用的支持多种类型的组件，比如不仅能支持当前的类型，还能支持未来的类型，为大型系统的构建提供一定灵活性，泛有广泛、多种的意思，即泛型可实现对多种类型的支持；泛型是一种已有的概念，除了 TypeScript，同样也存在于其他
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            ts typescript 泛型 generic
                        
                            TypeScript 中类型 any，void，unknown，never之间的区别
                        
                                TypeScript 拓展了 JavaScript 的基本类型与语言特性，为了覆盖类型检查的情景，衍生出了一些额外的类型，其中 any, unknown, void, never 这几个类型所适用的情形容易使人混淆，下面通过举例进行一下区分
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            ts typescript any  unknown never
                        
                            Redux 主要知识学习总结
                        
                                概念Redux 作为一个状态管理器，可以应用于多种 web 技术或框架中，React 只是其中之一；Redux 的特点在于，多个页面或组件使用同一个状态（store，用于管理应用的 state），可以实现各模块或组件之间的数据共享，应用的任
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            redux state store 状态
                        
                            React 组件间传值的几种情形
                        
                                父级传向子级这应该是最常见的一种场景，通过在子组件上写 props，将数据从父组件中传递到子组件，子组件再从 this.props 中获取相应的值，这样可以根据传入值的不同返回不同的状态，即实现组件的复用；例如：
import React 
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            react 组件 props ref context
                        
                            React 组件性能优化之 PureComponent 的使用
                        
                                在 React 类组件中，如果状态（state）发生变化，便会触发组件的重新渲染（执行 render 方法），并且是包括所有子组件在内的全部重渲染，无论某些子组件是否有用到 state 中的值；但有些时候部分子组件计算或渲染工作量较大，并且
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            react purecomponent 性能优化 组件
                        
                            JavaScript之注释规范化（JSDoc）
                        
                                前言俗话说，无规矩不成方圆；虽说代码敲出来都是交给编译器解释执行的，只要不存在语法格式错误，排版无论多么反人类都是没有问题的，但是代码除了执行外的另一个广泛用途就是阅读了，翻阅自己过去的代码、理解别人的源码，等等；所以出现了代码风格化，美化
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            jsdoc 注释 规范化 格式
                        
                            JavaScript 数组排序详解
                        
                                提到 JavaScript 中对数组进行排序操作，可能首先想到的就是 Array.prototype.sort() 这个函数，比如以下场景就比较常见：
var arr = [3, 1, 2];

console.log(arr.sort()
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            数组 排序 乱序
                        
                            JavaScript 实现斐波那契数列（Febonacci Array）
                        
                                斐波那契（Febonacci）数列是一个神奇的数列，在很多地方都有应用，可以自行搜索相关图片体会其魅力，这里不赘述，直接来分析一下如何通过 JavaScript 来实现；
概念斐波那契数列形式如下：
1 1 2 3 5 8 13 21 34
                            
                                2025-03-16
                            
                                    JavaScript
                                
                            斐波那契 febonacci