俗系美少女-CSDN博客

原创 React hooks(1)——状态管理useState/useContext

hooks的作用：function组件尽量写成纯函数。若需要副作用等外部功能，则用钩子把外部代码钩进来即可。

2023-09-05 11:13:40 118 1

原创 React的基本概念

React 鼓励使用组件化的方式来构建应用。这种方法使得应用更易于维护和扩展，因为每个组件都是独立的，可以重用，而且组件之间的隔离性能够降低 Bug 出现的概率。虚拟 DOM (Virtual DOM): React 引入了虚拟 DOM 的概念，它在内存中维护一个轻量级的 DOM 表示，React 可以高效地对比这个虚拟 DOM 和实际 DOM 的差异，然后，从而提高应用的性能。声明式编程: React 使用声明式编程风格。你。React 会根据你的描述自动处理 DOM 更新。

2023-09-05 11:00:58 68 1

原创 typescript基础

提供类型检查的语言，用来减少前端开发中的潜在错误。

2023-09-04 15:30:32 49 1

原创 IDEA Servlet web.xml报错问题

问题描述：web.xml中配置后程序报错，但删除servlet的配置又可以正常运行<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/

2022-04-22 16:02:38 963

原创排序算法与自定义排序算法

快速排序复习思想：利用二分法+递归时间复杂度：O(nlogn)var quickSort = function (arr) { if (!arr.length) return [] else if (arr.length === 1) return arr let left = [] let right = [] let mid = 0//表示基准数字的index for (let i = 1; i < arr.length; i++) {

2022-03-18 09:35:37 525

原创二叉树内容总结

基本概念二叉搜索树若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值；若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值；它的左、右子树也分别为二叉排序树平衡二叉搜索树平衡二叉搜索树：又被称为AVL（Adelson-Velsky and Landis）树，且具有以下性质：它是一棵空树或它的左右两个子树的高度差的绝对值不超过1，并且左右两个子树都是一棵平衡二叉树。迭代遍历var preorderTraversal = function(root) { let res=[]

2022-03-17 10:27:54 687

原创 JS二维数组的访问问题

问题今天刷lc遇到一个很奇怪的现象这是isPass的结构，其实就是一个3*2的数组可是当我使用isPass[0][0] = true的时候，产生了如下结果：第一列居然全都变成了true！原因分析上述isPass的初始化语句为：let isPass = new Array(m).fill(new Array(n).fill(false))若将其改为：let isPass = new Array(m)for (let i = 0; i < m; i++) isPass[i] =

2022-03-17 09:49:50 472

原创记账本项目03-组件测试

一、测试是什么和重要性高质量的代码更早的发现bug，减少成本让重构和升级更加容易和可靠让开发流程更加的敏捷二、测试金字塔UI:E to E test 模拟真实的用户场景service test：(容器组件测试)unit:单元测试（UI组件测试）三、React适合单元测试的原因组件化functional component单向数据流四、通用测试框架-Jest断言库：判断一个值是否对应相应的结果使用方法：npm test src/xxx.js五、react测试工具-enzyme

2022-03-13 20:17:32 798

原创记账本项目02-首页容器组件开发

重点：数据流分析与state设计

2022-03-12 21:29:36 294

原创记账本项目-首页UI组件开发

React理念–开发顺序1、UI划分出组件层级2、创建应用的静态版本一、UI组件：PriceList1、组件数据分析item的数据、编辑响应与删除响应 <Pricelist items={items} onModifyItem={} onDeleteItem={(item) => { alert(item.id) }} />2、条目数据分析const items = [ { id: 1, content: '和炮炮一起吃饭',

2022-03-11 19:59:40 137

原创剑指offer26(树的子结构)—关于二叉树的递归

自己二叉树的递归算法比较薄弱。今天写下这篇博文，一方面帮助自己理清思路，另一方面让自己冷静下来，在焦急等待微软招聘结果的时候能静下心来梳理思路参考思路：https://leetcode-cn.com/problems/shu-de-zi-jie-gou-lcof/solution/javascript-di-gui-fei-di-gui-liang-chong-jie-fa-sh/一、题目分析输入两棵二叉树A和B，判断B是不是A的子结构。(约定空树不是任意一个树的子结构)。B是A的子结构，即 A中有

2022-03-11 10:08:13 1183

weixin_41746688的博客