友人A ㅤ-CSDN博客

react基础语法12. 创建虚拟DOM使用jsx创建：使用js创建（一般不用）：使用jsx创建和使用js创建的区别：使用jsx：当在标签中添加标签时可以直接嵌套：还可以用小括号包裹代码，实现结构层次缩进：虚拟DOM本质是Object类型的对象：真实DOM：jsx全称是JavaScript XML，是react定义的一种类似于XML的JS扩展语法：JS + XML。区分 js语句（代码）与 js表...

2022-07-10 17:35:22 147

原创 TypeScript语法学习

typescript

2022-06-21 22:28:57 462 1

原创部署项目vue +阿里云服务器 + 宝塔面板

1. 打包vue项目1.1 在 config -> index.js中把/改为./，可以避免找不到静态文件。1.2 在 build -> utils.js 中添加下行可解决elementUI小图标不显示问题。1.3 vue打包后放到服务器上路由不跳转，需要将路由配置文件（router -> index.js）中的 mode:'history' 注释掉，或者改为 hash。1.4 使用 npm run build 进行打包，打包成功后生成 dist 文件夹。2. 将打包项目

2022-03-22 03:12:18 704 1

原创 JavaScript数据结构与算法 - 搜索算法

1. 顺序搜索顺序或线性搜索是最基本的搜索算法。思想：将每一个数据结构中的元素和要找的元素做比较。顺序搜索是最低效的一种搜索算法。

2021-10-03 21:04:52 389 4

原创 JavaScript数据结构与算法 - 排序算法

1. 冒泡排序冒泡排序比较所有相邻的两个项，如果第一个比第二个大，则交换它们。元素项向上移动至正确的顺序，就好像气泡升至表面一样。但是，从运行时间的角度来看，冒泡排序是最差的一个。const Compare = { LESS_THAN = -1, BIGGER_THAN = 1, EQUALS = 0};function defaultCompare(a, b) { if (a === b) { return Compare.EQUALS;

2021-10-03 21:04:31 151 1

原创 JavaScript数据结构与算法 - 图

1. 图的介绍图是一组由边连接的节点（或顶点）任何二元关系都可以用图来表示任何社交网络，例如Facebook、Twitter和Google+，都可以用图来表示；还可以使用图来表示道路、航班以及通信等概念：一个图G=(V, E)由以下元素组成：V：一组顶点E：一组边，连接V中的顶点...

2021-10-03 21:04:16 338

原创 JavaScript - 原始值包装类型

为了方便操作原始值，ECMAScript提供了3种特殊的引用类型：Boolean、Number和String。引用类型与原始值包装类型的主要区别在于对象的生命周期。在通过new实例化引用类型后，得到的实例会在离开作用域时被销毁，而自动创建的原始值包装对象则只存在于访问它的那行代码执行期间。这意味着不能在运行时给原始值添加属性和方法：let s1 = "aaa";// 代码运行时会临时创建一个String对象s1.color = "red";// 代码执行时，这个对象已经被销毁了。即这里创建了自

2021-06-10 21:43:54 169 4

原创 JavaScript - 垃圾回收及浏览器性能

1. 垃圾回收JavaScript通过自动内存管理实现内存分配和闲置资源回收。基本思路：确定哪个变量不会再使用，就释放它所占用的内存。特点：周期性：垃圾回收程序每隔一定时间（或在代码执行过程中某个预定的收集时间）会自动运行不可判定：垃圾回收过程是一个近似且不完美的方案，因为不确定某块内存是否还有用。这也无法靠算法解决过程：如函数中的局部变量。此时，栈（或堆）内存会分配空间以保存相应的值。函数在内部使用了变量，然后退出。此时，就不再需要那个局部变量了，它占用的内存可以释放，供后面使用

2021-06-10 21:42:41 184 1

原创 JavaScript - 引用类型RegExp

ECMAScript通过RegExp类型支持正则表达式。正则表达式使用类似Perl的简洁语法来创建：let expression = /pattern/flags;pattern（模式）可以是任何简单或复杂的正则表达式，包括字符类、限定符、分组、向前查找和反向引用。flags（标记）每个正则表达式可以带零个或多个flags，用于控制正则表达式的行为。标记说明g全局模式，表示查找字符串的全部内容，而不是找到第一个匹配的内容就结束i不区分大小写，表示在查找匹配

2021-06-09 18:30:26 154 3

原创 JavaScript - Symbol类型

Symbol（符号）是ECMAScript 6新增的数据类型。符号是原始值，且符号实例是唯一、不可变的。用途：确保对象属性使用唯一标识符，不会发生属性冲突的危险。用来创建唯一记号，进而用作非字符串形式的对象属性。1. 基本用法符号需要使用Symbol()函数初始化。let sym = Symbol();// 因为符号本身是原始类型，所以typeof操作符对符号返回symbolconsole.log(typeof sym); // symbol调用Symbol()函数时，也可以传入一个字

2021-06-06 16:41:50 266 1

原创 JavaScript数据结构与算法 - 二叉堆和堆排序

1. 二叉堆二叉堆是一种特殊的二叉树，是一棵完全二叉树结构特性：树的每一层都有左侧和右侧子节点（除了最后一层的叶节点），并且最后一层的叶节点尽可能都是左侧子节点二叉堆分最小堆和最大堆最小堆：允许快速导出树的最小值堆特性：所有节点都小于等于每个它的子节点最大堆：允许快速导出树的最大值堆特性：所有节点都大于等于每个它的子节点二叉堆能高效、快速地找出最大值和最小值，常被应用于优先队列也常被用于堆排序算法一些合法和不合法的堆：注意：二叉堆是二叉树，但不一定是

2021-05-12 22:04:46 594 17

原创 JavaScript数据结构与算法 - 树

1. 树数据结构树是一种分层数据的抽象模型树是一种非顺序的数据结构树对于存储需要快速查找的数据非常有用常见例子：如公司的组织架构图树结构：2. 二叉树和二叉搜索树二叉树：只能有左右两个子节点二叉搜索树：二叉树的一种，但是只允许在左侧节点存储（比父节点）小的值，在右侧节点存储（比父节点）大的值（如上面的图）2.1 创建BinarySearchTree类创建Node类来表示二叉搜索树中的每个节点：class Node { constructor(key) {

2021-05-06 23:06:55 2460 25

原创 JavaScript数据结构与算法 - 递归

1. 递归递归是一种解决问题的方法，从解决问题的各小部分开始，直到解决最大的问题，涉及函数调用自身。能使操作树和图数据结构更简单。直接调用自身的函数或方法：function recursiveFunction(someParam) { recursiveFunction(someParam);}间接调用自身的函数：function recursiveFunction1(someParam) { recursiveFunction2(someParam);}functio

2021-05-03 22:13:52 441 5

原创 JavaScript数据结构与算法 - 散列表

1. 概念散列表：散列表是字典的一种实现，所以可以用作关联数组。散列表可以用来保存键和对表中记录的引用。如在关系型数据库中创建一个新的表时，同时创建一个索引可以更快查询到记录的key可以使用散列表来表示对象。如JavaScript语言内部就是使用散列表来表示每个对象。散列算法：尽可能快地在数据结构中找到一个值。不需要迭代整个数据结构来找到值。如果使用散列函数，就知道值的具体位置，因此能够快速检索到该值。散列函数：散列函数的作用是给定一个键值，然后返回值在表中的地址。散列函数——

2021-05-03 22:13:38 719 1

原创 JavaScript数据结构与算法 - 字典

1. 什么是字典类似于集合，字典用来存储唯一值在字典中，存储的是 [键，值] 对，其中键名是用来查询特定元素的字典也称映射、符号表或关联数组在计算机科学中，字典常用来保存对象的引用地址字典的键只能有一个值2. 字典的类和方法2.1 创建字典类字典中，键名最理想的情况是字符串，值可以是任何类型。但是JavaScript不是强类型的语言，所有需要将key转换为字符串。function defaultToString(item) { if (item === null) {

2021-04-28 23:20:20 1307 6

原创 JavaScript数据结构与算法 - 集合

1. 集合由一组无序且唯一的项组成空集：集合里没有任何元素2. 创建集合类class Set { constructor() { this.items = {}; }}这里使用对象来实现，但也可以使用数组。JavaScript对象不允许一个键指向俩个不同的属性，保证了集合里的元素都是唯一的。一些常用方法：add(element)：向集合添加一个新元素delete(element)：从集合移除一个元素has(element)：如果元素在集合中，返

2021-04-28 23:20:13 828 3

原创 JavaScript数据结构与算法 - 链表

1. 链表介绍链表存储有序的元素集合链表中的元素在内存中并不连续放置每个元素由一个存储元素本身的节点和一个指向下一个元素的引用（也称指针或链接）组成与数组相比：链表在添加或移除时不需要移动其他元素链表使用需要指针在数组中可以直接访问任何位置的任何元素，而链表中想访问链表中间的任一元素，需要从表头开始迭代链表直到找到所需的元素2. 单链表2.1 创建链表// 作为默认的相等性比较函数function defaultEquals(a, b) { return a ===

2021-04-25 15:48:36 299 1

原创 JavaScript数据结构与算法 - 队列

1. 队列数据结构队列是遵循先进先出（FIFO，先来先服务）原则的一组有序的项队列在尾部添加新元素，从顶部移除元素1. 创建队列 class Queue { constructor() { this.count = 0; // 控制队列大小 this.lowestCount = 0; // 追踪第一个元素 this.items = {}; // 使用对象来存储元

2021-03-25 12:31:06 1025 1

原创 JavaScript数据结构与算法 - 栈

1. 栈数据结构栈是类似于数组的数据结构，在添加和删除元素时更为可控。遵从后进先出（LIFO）原则的有序组合。新添加或待删除的元素保存在栈顶。栈可被用在编程语言的编译器和内存中保存变量、方法调用等，也被用于浏览器历史记录（浏览器返回按钮）。1.1 创建一个基于数组的栈创建一个类来表示栈：class Stack { constructor() { this.items = []; // 可以选择数组来保存栈里的元素 }; // 方法}为栈声明一

2021-03-25 12:30:54 1025 3

原创 JavaScript数据结构与算法 - 数组

数组：最简单的内存数据结构存储一系列同一种数据类型的值注意：虽然JavaScript中，可以在数组里保存不同类型的值，但是要避免此类做法1. 创建和初始化数组可以使用new关键字声明、创建和初始化一个数组// 使用new关键字简单声明并创建一个数组let arr = new Array(); // 创建一个指定长度的数组let arr1 = new Array(3);// 直接将数组元素传递给他的构造器let arr2 = new Array('hello', 'worl

2021-03-25 12:30:33 1047

原创 javascript - 变量的解构赋值

A：什么是解构赋值？Q：ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这就是结构。模式匹配：let [a, b, c] = [1, 2, 3];// 相当于let a = 1;let b = 2;let c = 3;只要等号两边的模式相同，左边的变量就会被赋值给对应的值。1. 数组的解构赋值...

2021-03-17 20:53:07 1111

原创 JavaScript的相等运算符（ == 和 === ）

使用==时，意味着不同类型的值可以被看作相等：类型（x）类型（y）结果nullundefinedtrueundefinednulltrue数值字符串x == toNumber(y)字符串数值toNumber(x) == y布尔值任何类型toNumber(x) == y任何类型布尔值x == toNumber(y)字符串或数值对象x == toPrimitive(y)对象字符串或数值toPrimitive(x.

2021-03-17 17:25:36 1028

原创 JavaScript 汇总

JavaScript基础JavaScript - <script>元素

2021-02-07 21:56:08 1000

原创 Vue 汇总

VueVue - Vue基础Vue - 组件化开发Vue - 前后端交互Vue - 前端路由项目相关Vue - 前端工程化Vue - 构建vue实战项目

2021-02-07 20:53:08 927

原创 CSS 汇总

CSSCSS -样式、选择器CSS - 字体相关样式、外观属性CSS - 复合选择器、伪类选择器、标签显示模式CSS - CSS的特性添加链接描述

2021-02-07 02:16:51 952

原创 HTML 汇总

HTMLHTML -＜img＞标签、＜a＞标签HTML - 表格HTML - 表单、列表HTML5HTML5 - 新标签及其特性

2021-02-07 00:17:07 942

原创 ECharts

基本使用引入echarts.js文件准备一个呈现图表的盒子初始化echarts实例对象准备配置项（柱形图、饼图、折线图等）将配置项设置给echaers实例对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

2021-01-22 23:53:20 2707 2

原创 Vue - 构建vue实战项目

目录基础知识前后端分离页面的 url 构成vue框架安装nodejs、vue-cli等环境安装nodejs环境安装 vue-cli 脚手架工具用 vue-cli 构建一个项目项目文件介绍项目初始文件介绍配置src和static目录修改 App.vue、router和page 文件修改 App.vue 文件修改router/index.js文件添加 index.vue 和 content.vue 文件配置 axios api 接口安装axios调整 main.js 文件调整src/index.vue 文件基

2021-01-10 13:38:58 1243 1

空空如也

空空如也