xuxinhanan-CSDN博客

原创 React基本概念

JSX先看以下代码： const element = <h1>Hello, world!</h1>;这种在JS中写标签的语法叫JSX-JavaScript XML它既不是字符串也不是HTML本质上是 React.createElement ( ) 的语法糖，最终产生一个JS对象这些对象被称为 “React元素”因为它产生一个JS对象，因此可以通过引号或者大括号来指定属性 const element = <div tabIndex="0"></d

2021-07-01 19:29:00 235

原创 HOOKS

Hook 是什么？Hook是一些特殊的函数，它们可以让你在函数组件里使用 state 及生命周期等特性引入 Hook 的动机是？class组件存在以下几个令人困扰的问题：1.状态逻辑在组件之间复用很难2.复杂组件变得难以理解。组件起初很简单，但是逐渐会被状态逻辑和副作用充斥。每个生命周期常常包含一些不相关的逻辑。如何使用 Hook？Hook之useStateuseState 的参数：useState( ) 方法里面唯一的参数就是 state 的初始值，这个初始值可以是数字、字符串、对象等

2021-07-01 19:17:37 127

原创 JS实现希尔排序、归并排序

希尔排序希尔排序的基本思想是：把序列按一定增量分组，然后对每个分组使用插入排序算法排序；随着增量逐渐减少，每组包含的关键词越来越多，当增量减至1时，整个文件恰被分成一组，算法便终止。希尔排序是插入排序的改进版本。插入排序的问题在于当数组长度扩大时，后面的元素插入时要检查前面n个元素，非常影响排序性能。 function shellSort(arr) { let length = arr.length; let interval =

2021-05-26 09:24:44 130

原创 JS实现冒泡排序、选择排序、插入排序

冒泡排序冒泡排序的基本思想是：通过对待排序序列从前往后（从下标较小的元素开始），依次两两比较，若发现逆序则交换，使得较大值逐渐从前往后移动，就像气泡从水底下往上冒越来越大一样。冒泡过程演示冒泡排序思路通过对序列元素的两两比较，确定一个最大值交换到队尾重复上面的步骤，获得队尾前一个元素继续重复… function bubbleSort(array) { let length = array.length; for (

2021-05-24 18:53:24 146

原创 JavaScript实现单链表、双链表

链表链表是一种物理存储单元上非连续、非顺序的存储结构，链表上的节点的逻辑顺序是通过链表中的指针链接来实现的。链表上的结点包括两个部分：一个是存储数据的数据域一个是存储链接指向的指针域链表在插入操作时，最快可以达到O（1）的时间复杂度在得到要插入位置的结点的指针后，直接链接进去，然后将前后两个结点的数据交换，即可实现O（1）时间复杂度的速度。结构图：下面分析几种操作：查找通过分析链表的存储方式可知(按照指针依次链接n个对象)，查找元素只能挨个查找，直至找到

2021-05-21 10:38:40 113

原创数组模拟队列、循环队列、双向循环队列的JavaScript实现

队列队列和栈一样，是一种操作受限制的线性表。不同的是，栈是一种后进后出的单端（尾端）处理的数据结构。而队列是一种先进先出的双端处理的数据结构。用数组模拟队列的关键是按照操作规则每次添加元素添加到数组的尾部，删除元素则删除数组的头部元素队列的问题在于，元素出队列后，该元素所在的空间闲置这对于空间有限的计算机来说，无疑是一种浪费为了解决这个问题，设计了循环队列循环队列为了实现空间的复用，关键是数组下标索引的循环利用首先设置 front 、rear 指针来表示数组下标索引为了解决循环

2021-05-18 21:25:16 199

转载 Ajax和Json

认识AjaxASynchronous JavaScript + XML，异步 JavaScript 加 XML什么是同步异步？同步：客户端必须等待服务器端的响应，在等待服务器处理请求期间，JS代码不会继续执行。异步：客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。使用Ajax技术的好处：在不刷新页面的情况下从服务器端获取数据，从而提升用户体验。Ajax的工作原理Ajax的工作原理相当于在用户和服务器之间加入一个中间层（Ajax）引擎（X

2021-05-18 21:13:55 54

原创 JavaScript Array

1.1 数组数组是值的有序集合，每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引。数组是特殊的对象，所有的索引都是属性名，所有元素都是属性值。1.2 创建数组数组字面量 var myCars=["Saab","Volvo","BMW"];数组构造函数 var a = new Array();1.3 访问数组通过 [ ] 操作符来访问某个特定的元素。数组是特殊的对象，使用方括号来访问数组元素和使用方括号来访问对象的属性一样。 var name =

2021-05-16 19:12:06 148

原创 JavaScript函数、闭包

函数定义函数定义方式有：函数声明、函数表达式、箭头函数、构造函数。函数声明函数通过下面的方式声明，且函数声明后不会立即执行，会在我们需要的时候调用。function functionName(a,b){ return a + b;}函数声明的语法中不含分号，因分号是用来分隔可执行 JavaScript 语句，而函数声明不是一个可执行语句，所以不以分号结束。函数表达式JavaScript 函数可以通过一个表达式定义，即创建一个函数再把它赋值给一个值，这样创建的函数叫做匿名函数（函数没

2021-05-14 20:21:46 63

原创 javascript 对象、原型、原型链、类

1.1 JavaScript 对象所有事物都是对象：字符串、数值、数组、函数…对象为一组属性或方法的无序集合对象的每个属性或方法都由一个名称来标识，这个名称映射到一个值1.2 创建 JavaScript 对象创建直接的实例 person=new Object(); person.name="xxh"; person.age=24; person.job="student";使用对象字面量 let person = { name: "xxh"; age: 24;

2021-05-11 16:53:21 112

原创 JavaScript变量、执行上下文、作用域、作用域链

1.1 原始值和引用值ECMAScript变量可以包含两种不同类型数据：原始值和引用值。原始值：最简单的数据（基本数据类型）引用值：由多个值构成的对象（引用类型）1.2 值复制复制原始值时：修改复制后的值，原先的值不回被改变复制引用值时：修改复制后的值，原先的值会被改变，因为它复制的是地址（指向对象的指针）而不是值1.3 执行上下文与作用域上下文每一段程序都有很多外部变量。一旦你的一段程序有了外部变量，这段程序就不完整，不能独立运行。你为了使他们运行，就要给所有的外部变量一个一个写

2021-05-11 14:59:18 60

原创 DOM

DOM 重点核心关于DOM操作，主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。创建：document.write，inner HTML，createElement增：appendChild，insertBefore删：removeChild改：主要修改dom的元素属性，如内容，属性值，表单的值等查：1、dom 提供的API方法：getElementById、getElementsByTagName2、H5 提供的新方法：querySelector、querySele

2021-04-27 22:36:07 263

原创函数初识

函数初识一、函数的定义function语句的定义方法 function test1(arg1, arg2) { console.log('function语句的定义方法：', arg1 + arg2); }二、函数的调用 test1(10, 1);三、this关键字的指向this，指向当前操作对象；...

2021-04-23 20:46:34 73

原创数据类型初识

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录数据类型初识一、String二、number三、boolean四、null和undefined五、Object数据类型初识JS的数据类型，通过 typeof 来检测，有以下：String、number、boolean、null、undefined、Object.这些数据类

2021-04-23 20:08:29 76

原创 CSS基础

这里写自定义目录标题CSS基础CSS简介书写规则CSS的三大特性特殊性层叠性继承性选择器基础选择器标签选择器类选择器ID选择器通配选择器总结复合选择器后代选择器子选择器伪类选择器链接伪类动态伪类子元素选择伪类伪类结合伪元素选择器选择首字母选择第一行选择之前元素选择之后元素声明（属性和值）字字体加粗大小风格文本文本缩进水平对齐垂直对齐文本装饰文本阴影合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPan

2021-04-20 15:28:55 60

weixin_51061303的博客