喝口茶吧-优快云博客

三、React应用(基于React脚手架)一、使用create-react-app创建react应用1.react脚手架（1）用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置下载好了所有相关的依赖可以直接运行一个简单效果（2）react提供了一个用于创建react项目的脚手架库：create-react-app（3）项目的政体构架为：react+webpack+es6+eslint（4）项目特点：模块化、组件化、工程化2. React脚手架项目结构

2022-02-19 08:27:21 273

原创 React - 2（生命周期+Diffing算法）

六、组件的生命周期1. 理解组件从创建到死亡会经历一些特定的阶段（比如挂载mount 卸载unmount） React组件中包含一系列勾子函数（生命周期回调函数），会在特定的时刻调用在定义组件时会在特定的生命周期回调函数中，做特定的工作2. 生命周期流程图（旧）父组件render（更新过程）和书写的顺序无关是react在对应的时间点调用不同的钩子 forceUpdate()没有更改任何数据只是强制更新了一下 shouldComponentUpdate()不写...

2022-02-15 11:00:16 308

原创 React - 1

一、React入门一、React简介用于构建用户界面的JavaScript库。是一个将数据渲染为HTML视图的开源JavaScript库react高效的原因：使用虚拟DOM 不总是直接操作页面真实DOM DOM Diffing算法，最小化页面重绘虚拟DOM与真实DOM：虚拟DOM本质是object类型的对象虚拟DOM属性少，真实DOM属性多，因为虚拟DOM是react内部再用，无需真实DOM上那么多的属性虚拟DOM最终会被React转化为真实DOM呈现在页面上一、jsx

2022-02-14 12:45:04 421

原创 JavaScript - 7

一、PC端网页特效一、元素偏移量offset系列1. 概述使用其相关属性可以动态的得到该元素的位置偏移、大小等（包含padding+border+width）获取元素距离带有定位父元素的位置获取元素自身大小（宽高度）返回的数值都不带单位！！！常用属性：element.offsetParent 返回作为该元素带有定位的父级元素若父级元素都无定位则返回body element.offsetTop 返回元素相对带有定位父元素上方的偏移（距离） element.o

2022-02-09 10:50:54 713

原创 JavaScript - 6

一、BOM一、BOM概述1. BOM（browser object model）：浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。由一系列相关的对象构成且每个对象都提供了很多方法与属性2. BOM比DOM更大3.window 对象是浏览器的顶级对象，它具有双重角色。它是 JS 访问浏览器窗口的一个接口。它是一个全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法。注意：window下的一个特殊属性 wi..

2022-02-08 09:06:58 280

原创 JavaScript - 5

一、事件高级一、注册事件（绑定事件）给元素添加事件，两种方式：1. 传统方式：onclick等同一个元素同一事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数。2. 方法监听注册方式：w3w标准推荐方式addEventListener()是一个方法 IE9之前不支持EventListener() 同一个元素同一个事件可以注册多个监听器，按注册顺依次执行例如：btns[1].addEventListener('click' , function(){

2022-02-07 18:06:17 353

原创 JavaScript - 4

一、简单类型与复杂类型一、简单类型与复杂类型值类型：简单数据类型，在存储时变量中存储的是值本身 string number boolean undefined null（特殊：null返回一个空对象）引用类型：复杂数据类型，在存储变量中存储的仅仅是地址（引用），通过new关键字创建的对象（系统对象、自定义对象），如Object、 Array、Date等二、堆和栈栈（os）：由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈。简单数据类型放栈里堆

2022-02-07 14:07:01 104

原创 JavaScript - 3

一、作用域一、作用域代码名字在某个范围内起作用和效果二、变量的作用域在函数内部没有声明直接赋值的变量也属于全局变量函数的形参可以看做是局部变量全局变量只有浏览器关闭的时候才会销毁，比较占内存资源局部变量当程序执行完毕后就会销毁比较节约资源三、作用域链js没有块级作用域只要是代码就至少有一个作用域函数中还有函数，那么在这个作用域中又有一个作用域用链式查找决定哪些数据能被内部函数访问，这种结构叫作用域链，就近原则，站在目标出发，一层一层往外查找二、预解析

2022-02-05 16:45:37 917

原创 JavaScript - 2

一、分支结构一、流程控制二、顺序流程控制三、分支流程控制if语句if（条件表达式）{//执行语句}else if（条件表达式）{//执行语句}else{//否则执行语句}四、三元表达式条件表达式？表达式1 ：表达式2；若条件表达式为真则返回1，为假则返回2五、分支流程控制switch语句switch（表达式）{case value1：执行语句1；break；case value2：执行语句2；break；...default

2022-02-04 13:55:02 295

原创 JavaScript - 1

JS输入输出语句方法说明归属 alert 浏览器弹出警示框浏览器 console.log(msg) 浏览器控制台打印输出信息浏览器 prompt(info) 浏览器弹出输入框，用户可以输入浏览器一、变量1.变量概述内存里的空间，装东西的盒子2.变量的使用var age = 18；3.变量语法扩展1.更新变量一个变量被重新赋值后它原有的值就会被覆盖，变量值最后将以最后一次赋的值为准2.同时声明多

2022-02-03 08:50:50 156

原创 CSSpart6

一、精灵图1.精灵图（sprites）的使用主要针对背景图使用，把多个小背景图正和岛一张大图片中。大图即为精灵图（雪碧图）移动背景图位置可用background -position 移动的距离就是目标图片的x，y轴（y轴是向下为正）要精确测量二、字体图标iconfont1.优点2.网站下载3.字体图标引入（1）下载好之后先把fonts文件夹移到和页面相同的文件夹里（2）（3）3.字体图标的追加三、CSS三角四、...

2022-02-02 09:44:47 443

原创 CSSpart5

案例：学成在线网页总结实际开发中不会直接用连接a而是用li包含链接（li+a）的做法别忘记丢掉px像素单位！！！记得转换行内块元素 display：block制作网页之前分区根据分好的区确定块需要什么容器一、定位二、网页布局三、元素的显示与隐藏...

2022-01-27 21:24:42 233

原创 CSSpart4

一、浮动网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动1.什么是浮动将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘选择器{ float ：属性值； }none：元素不浮动left：元素左浮动right：元素右浮动2.浮动特性（重点）（1）脱离标准普通流的控制（浮）移动到指定位置（动），即脱标（2）浮动的盒子不再保留原先的位置（3）行显示多个盒子都设置了浮动，则他们会按照属性值一行内显示并且顶端对齐排列浮动的元

2022-01-20 16:22:08 326

原创 CSSpart3

一、盒子模型1.边框border属性作用 border-width 定义边框粗细，单位是px border-style 边框的样式 border-color 边框颜色 1.复合写法：border：1px solid red；没有顺序border-top/bottom/left/right：1px solid red；2.层叠性：下面的会覆盖上面的代码，先大后小。3.表格的细线边框border-collapse：collapse

2022-01-20 09:37:29 275

原创 CSSpart2

一、emmet语法1.快速生成HTML结构语法2.快速生成CSS结构语法采取简写形式w200 width：200pxlh26：line-height：26px3.快速格式化代码VScode：右键：格式化代码或者 ctrl+alt+f二、CSS的复合选择器1.后代选择器（重要）可以选择父元素里的所有子孩子元素1 元素2 {样式声明；}元素12之间用空格隔开 2是1的后代，儿子孙子都可以，可以一层一层的查只改变了2的样式2.子选择器（重要）

2022-01-06 08:28:03 158

原创 CSSpart1

一、语法规范1.在head里书写<style>选择器{样式}给谁修改样式{改什么样式}</style>二、CSS选择器1.基础选择器1.标签选择器标签名 {属性1：属性值1；属性2：属性值2；}某一类整体修改2.类选择器（1）.类名（自己起的名字）{属性1：属性值；}<div class = "red">变红色</div>长名字或词组可以使用中横线不要使用纯数字、中文等命名，尽量用

2022-01-04 15:16:55 316

原创 html学习历程2

一、表格标签1.基本语法表格->行->块（列）2.表头单元格标签<th></th> 加粗居中3.表格属性（不常用，后面用CSS来设置）这些属性要写到table里属性名属性值描述 align left、center、right 规定表格相对周围元素的对齐方式 border 1或"" 规定表格单元是否拥有边框，默认""没有边框 cellpadding 像素值规定单元边沿与其他内容

2022-01-03 17:44:39 424

原创 html学习历程1

一、语法规范包含关系和并列关系二、基本结构标签标签名定义说明 <html></html> HTML标签页面中最大的标签，根标签。 <head></head> 文档的头部 head标签中我们必须要设置的标签是title。 <title></title> 文档的标题让页面泳衣一个属于自己的网页标题 <body></body> 文

2022-01-02 20:31:56 495

原创数据挖掘第八章——聚类分析

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤 1.引入库 2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分

2021-12-27 10:45:23 3231

原创数据挖掘第六章——关联规则

一、目标从给定的一组事务中寻找某些依赖规则，是的可以通过一些项目的出现来预测另外一些项目的出现。寻找支持度、置信度大于给定阈值的关联规则。二、基本概念项集Itemset：包含有多项的集合；支持度计数Support count(σ )：某一项集的出现次数；支持度Support：某一项集出现次数的比例；P(A)，及项集A出现的概率（频数）；置信度：P（B / A）, 条件概率;　P（B / A）= P（AB）/P（A）；频繁项集Frequent Itemset：支持度大于阈

2021-12-26 15:33:17 1612

原创数据挖掘第四章——分类

一、决策树1.工作原理2.建立决策树算法（1）Hunt's Algorithm（2）CART（3）ID3,C4.5（4）SLIQ, SPRINT3.属性划分方法二元属性：测试条件产生两个可能的输出。标称属性序数属性连续属性：离散后划分；选取某一阈值进行二分4.属性最佳划分策略（选取是的划分后数据单纯度最高（混乱度最低）的划分策略）不纯度量：（c是类的个数）（1）基尼系数GINI节点GINI：划分GINI： ...

2021-12-25 21:25:53 794

原创数据挖掘第三章——探索数据

一、概念探测性数据分析EDA：强调数据可视化二、汇总统计1.频数和众数2.百分位数给定一个有序的或连续的属性x和0与100之间的数p，第p个百分位数xp是一个x值，使得x的p%的观测值小于xp。例如第50个百分位数是值x50%，使得x的所有值的50%小于x50%。3.位置度量：均值和中位数4.散布度量：极差和方差极差 = 最大值 - 最小值方差：绝对平均偏差（AAD）：中位数绝对偏差（MAD）：四分位数极差（IQR）：5.多元汇总统计给定一个数据集，数据

2021-12-25 14:59:04 664

原创数据挖掘第一、二章——绪论、数据

一、绪论1.什么是数据挖掘从大量数据中非平凡地提取隐含的、未知的、有潜在价值的有用信息自动化、半自动化地探索、分析大量数据，以求发现有意义的模式 2.数据挖掘任务预测任务（分类、回归...）描述任务（关联、聚类..）3.预测建模：涉及以说明变量函数的方式为目标变量建立模型。有两类预测建模任务分类：用于预测离散的目标变量回归：用于预测连续的目标变量4.关联分析：用来发现描述数据中心强关联特征的模式。5.聚类分析：发现紧密相关的观测值组群，使得与属于不同簇的观

2021-12-25 14:00:25 759

原创数据结构第十章——排序

一、概述1.内部排序：整个排序过程不需要访问外存便能完成2.外部排序：若参加排序的记录数量很大，整个序列的排序过程不可能在内存中完成，则称此类排序问题为外部排序。3.一种排序方法，如果排序后具有相同关键字的记录仍维持排序之前的相对次序，则称之为稳定的，否则称为不稳定的。二、内部排序本章算法描述所用的待排记录的静态存储结构#define MAXSIZE 20typedef int KeyType; //定义关键字类型为inttypedef str..

2021-12-24 17:59:28 1315

原创数据结构第九章——查找

平均查找长度ASL一、静态查找表——线性表的查找//数据类型说明typedef int KeyType;typedef struct{ KeyType key; ...}ElemType;//对两个关键字的比较一般如下约定#define EQ(a,b) ((a) == (b))#define LT(a,b) ((a) <(b))#define LQ(a,b) ((a) <= (b))1.顺序查找（1）时间复.

2021-12-24 14:10:02 756

原创数据结构第七章——图

一、图的定义和术语（1）无向图、有向图（2）顶点、边、弧、弧头、弧尾：数据元素vi称为顶点(vertex )；(vi, vj)表示在顶点vi和顶点vj之间有一条直接连线。在无向图中，则称这条连线为边；边用顶点的无序偶对（vi, vj）来表示，称顶点vi和顶点vj互为邻接点，边（vi, vj）依附于顶点vi与顶点vj；在有向图中，一般称这条连线为弧。弧用顶点的有序偶对<vi, vj>来表示，有序偶对的第一个结点vi被称为始点（或弧尾），在图中就是不带箭头的一端；有序偶对的第二个结点vj

2021-12-24 08:29:51 1170 1

原创数据结构第六章——树和二叉树

一、树的定义和基本术语1.树是n个节点的有限集。二、二叉树三、遍历二叉树和线索二叉树四、树和森林五、树与等价问题六、Huffman树及其应用

2021-12-23 17:39:30 1425

原创数据结构第五章——数组和广义表

一、数组的定义1.基本操作InitArrsy(&A, n, bound1, ... ,boundn)//若维数n和各维长度合法，则构造相应得数组A并返回OKDestroyArray(&A)Value(A, &e, index1,..., indexn)//A是n维数组，e是元素变量，随后是n个下标值；若各下标不超界，则e赋值为所指定的A的元素值，并返回OK。Assign(&A, e, index1,...,indexn)//若下标不超界，则将e的值赋给

2021-12-22 10:30:42 177

原创数据结构第四章——串

一、串类型的定义1.串的相等：两个串长度相等并且对应位置的字符都相等。2.基本操作（注意初始条件 S存在个别由长度限制）StrAssign(&T,chars)//生成一个其值等于chars的串TStrCopy9&T， S）//由串S复制得串TStrEmpty(S)//若S为空串返回TRUE，否则返回FALSEStrCompare(S, T)//若S>T返回值>0， S=T返回值=0， S<T 返回值<0StrLength(S)//返

2021-12-22 09:10:21 369

原创数据结构第三章——栈和队列

栈的基本操作：//S为栈 e为元素InitStack(&S)//初始化操作DEstroyStack(&S)//销毁操作//加工型操作Push(&S,e)Pop(&S,&e)ClearStack(&S)//引用型操作GetTop(S,&e)StackEmpty(S)StackLength(S)StackTraverse(S,visit())顺序栈类型定义：#define STACK_INIT_SIZE 100.

2021-12-21 18:05:38 316

空空如也

空空如也