- 博客(36)
- 收藏
- 关注
RSS订阅原创 详细理解React的Fiber结构
FiberFiber是一种数据结构，可以用一个纯js对象来表示stateNode, //节点实例child, // 子节点sibling, // 兄弟节点return, // 父节点。
2024-04-16 16:16:34
627
原创 whistle安卓手机抓包（图文详解）
上述图片点击修改网络后，跳转到下方页面，点击代理设为手动，填写服务器主机名（即电脑。复制开启成功页面下的两个网址中的任意一个，以。按钮，弹出二维码，打开手机浏览器扫码即可下载。证书，点击安装，选择下载的。），修改完成之后保存即可。页面就能够看到数据啦。
2023-10-13 15:06:43
1648
原创 对浏览器垃圾回收机制的理解
变量不再参与的时候，就需要系统收回被占用的内存空间，这就是垃圾回收。标记清除是浏览器最常见的垃圾回收方式，当环境进入执行环境的时候，被标记为进入环境的变量是不能被回收的，离开环境标记离开，会被内存释放。● 局部变量使用闭包在外部可以使用，函数的执行结束后，函数外部的变量依然指向函数内部的局部变量。垃圾收集器在运行的时候会给存储在内存上的所有变量都加上标记，然后去掉环境中的变量以及被环境中的变量引用的标记。浏览器可以进行垃圾自动回收，但是代码复杂的时候，垃圾回收带来的代价比较大，所以应该减少垃圾回收。
2023-08-06 17:32:38
629
原创 js的事件循环机制（详解）
当代码中遇到需要等待一部操作结果的语句时，js引擎不会一直等待，而是将该语句放入事件的队列中，并执行下一步语句。异步操作完成的时候，就会将其对应的事件加入到事件队列中。指的是需要当前任务执行完成后立即执行的任务，例如Promise的then / catch / finally方法。指的是需要被放入事件队列中的任务，例如setTimeout / setInterval等。用来存储事件的队列，包括鼠标点击、键盘输入、定时器等等。用来存储正在执行的代码的栈。● 首先基本定义，宏任务和微任务。
2023-07-23 20:10:29
3559
3
原创 javaScript实现二分查找
数组是存放在连续内存空间上的相同类型数据的集合数组可以方便的通过下标索引的方式获取到下标对应的数据需要注意的是：● 数组的下标都是从0开始的● 数组内存空间的地址是连续的因为数组的内存空间地址是连续的，所以我们删除或者增加元素的时候，就要移动其他元素的地址数组的元素是不能删除的，只能覆盖。
2023-07-09 20:25:52
441
原创 如何在使用密钥登录的时候请求ChatGPT的聊天接口并实现流式输出
下图是正常请求时候的请求头和body体，这样请求的话是等结果都加载出来后一起出现，并且返回的结果也是标准的json格式。如果想要实现和ChatGPT一样的效果，官网的这样推荐的，如下图从上图可以看到它用的是sse实现的，并且请求的body体加上就可以。请求过来的格式可以看到不是标准的json格式，如下图，所以我们要处理成json格式，并拿到数据。
2023-05-24 21:05:51
1477
原创 npx nuxi init ＜project-name＞ 初始化项目失败
如果你发现保存文件的时候选择了所有文件，但是文件列表中还是多了一个hosts.txt，hosts并没有修改，那就把hosts文件删掉，对hosts.txt文件进行重命名，删除后面的.txt。完成后打开文件检查是否成功添加。直接记事本打开hosts文件，修改文件会保存不上，显示需要提供管理员权限，所以就要采取以下方法。，可选以下四个IPv4地址中的任意一个，我用的是第一个。首先win+R，打开命令窗口，输入。
2023-04-04 16:01:33
1257
原创 Vue3+TS实现多个按钮分别拖到各自对应的位置，并只能按照顺序拖拽
Vue3+TS实现多个按钮分别拖到各自对应的位置，并只能按照顺序拖拽。 /** * 三个可以拖动的按钮 */ Item 1
2023-03-31 21:29:11
384
原创 src和href的区别
浏览器解析到改元素的时候会暂停其他资源的下载和处理，直到这个资源加载，编译，执行完毕，图片和框架等元素相当于将所指向资源嵌在当前的标签中。的缩写，指向网络资源所在的位置，会建立和当前元素或当前页面之间的链接。会在页面加载完成后才开始加载，会出现页面初始化无样式也就是白屏的问题。的缩写，指向外部资源的位置，指向的内容会嵌在标签所在的位置，在请求。文件，会并行下载资源并且不会停止对当前文档的处理，所以建议用。资源的时候会将其指向的资源下载并应用到文档内，一般用于。样式（不推荐，会阻塞浏览器渲染文档）
2023-02-13 09:08:21
421
原创 Post和Get，Post和Put请求的区别
一、Post 和 Get 请求的区别最直观的区别就是Get请求把参数包含在url中，但是Post通过request body传递参数1、应用场景Get请求是一个幂等的请求，一般Get请求用于对服务器资源不会产生影响的场景（如请求一个网页的资源）；Post不是一个幂等的请求，一般用于对服务器资源会产生影响的场景（如注册用户）幂等的请求：指的是同样的请求被执行一次和连续执行多次的效果是一样的，服务器的状态也是一样的。即如果一个Http请求在使用相同的数据对服务器进行相同的请求时。不会对服务器的...
2022-11-20 10:34:43
3053
1
原创 vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”
今天从GitHub上拉下来了一个vue3+vite项目，之前就是安装依赖就可以运行了，但是今天一直报错，显示...
2022-08-07 22:01:45
29011
原创 GitHub打不开解决办法
完成后保存即可，如果出现此文件有只读限制，就hosts文件右键，点击属性，把只读选项取消后点击确定，再保存文件就好了。首先，我们通过https://ipaddress.com/website/github.com可以查询到。这个文件一般情况下是要提供管理员权限的，所以我们可以先搜索记事本，找到记事本，右键，以管理员的身份运行。官网的时候，直接显示打不开，按理说应该是先加载再显示超时，感觉这个现象很反常，就想通过。ping一下，看看是什么问题，结果显示。目录下的 hosts 文件，将下面的。
2022-07-14 10:25:19
165
原创 vue3 点击按钮，复制列表中的部分内容
剪切板复制功能在开发过程中是非常常见的，vue3中可以使用vue-clipboard插件来快速实现。
2022-06-21 22:25:01
3447
3
原创 Matlab期末课程设计《基于BP网络的个人信贷信用评估》
1.目的和意义 对客户行为模式的分析，对于每一个行业都至关重要。客户信用的评估基于对客户的认知，将客户划分为不同的类别，对应不同的需求，市场规模和重要程度。由此，可以指定差异化的服务策略，从而压缩成本，降低风险，实现利益最大化。2.算法设计流程图算法理论介绍（1）读入数据，由于数据保存在二进制文件german.data中，需要使用MATLAB的fid = fopen(‘german.data’, ‘r’);打开文件，再使用MATLAB的读入函数textscan，其中fid作为打开的文件句柄。调
2022-05-30 10:02:05
1228
原创 Canvas理解
1、什么是Canvas Canvas是HTML5的一个新的特性,canvas又称为画板，我们可以在canvas上绘制我们需要的图形。为什么会出现canvas呢？因为HTML中不存在一套二维的绘图API。Canvas本身是一个HTML元素，需要HTML元素的高度和宽度属性定义出一块可绘制的区域，定义区域后可以使用Javascript的脚本绘制图像的HTML元素。它可以基本的绘制图形，进一步制作动画，更进一步可以处理和渲染视频2、基本用法
2022-05-15 17:08:36
1051
原创 js中的函数防抖和函数节流
1、什么是函数防抖和函数节流 防抖（debounce）和节流（throttle）都是用来控制某个函数在一定时间内执行多少次的技巧，两者相似不相同，基本思想都是某些代码不可以在没有间断的情况下连续重复执行1.1 函数防抖如果一个事件被频繁执行多次，并且触发的时间间隔过短，则防抖函数可以使得对应的事件处理函数，只执行最后触发的一次。函数防抖可以把多个顺序的调用合并成一次。1.2 函数节流如果一个事件被频繁触发多次，节流函数可以按照固定的频率去执行相应
2022-05-15 10:07:18
4150
原创 Ajax概念及使用
1.1 Ajax概念 首先我们来说一下，什么是Ajax,它的全名是async JavaScript and XML,翻译过来就是“异步的JavaScript和XML”，有很多人会误认为Ajax是发送请求的一种方式或者认为Ajax和XMLHttpRequest是一样的，其实这种想法是错误的。Ajax是一个技术统称，是一个概念模型，是客户端个服务端发送消息以及接受响应的工具，是一种使用现有标准的新方法，它的特性之一就是实现页面局部刷新。1.1.1 同步和异步 A
2022-05-14 22:40:16
504
原创 window.focus()的作用
首先我们先来看一个例子，foucus()是获取焦点的方法，那它在设置创建和调整窗口的过程中有什么作用呢？ <script> // 创建一个窗口 var w; function openwindow(){ //创建的窗口大小宽高均为100px， w=window.open("","","width=100,height=100'"); w.focus();
2022-04-23 16:03:29
2607
原创 响应式布局的常用解决方案(媒体查询、百分比、rem和vw/vh）
在前端开发过程中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem、和vw /vh,本文主要分析px在移动端布局中的不足，以及几种不同的自适应解决方案一、px和视口 一般情况下，我们写网页时最常用来描述长宽的单位是像素（px）,在pc端，通常认为css中，1px表示的真实长度是固定的 其实并不是这样，px是与设备有关的，例如font-size为16px的时候，在pc端和移动端的大小是不一样的 所以，css中1px的真实长度是由什么决定的呢
2022-04-21 17:11:47
2812
原创 Grid布局介绍
1、什么是Grid布局 Grid布局即网格布局，是一种新的css模型，一般是将一个页面划分成几个主要的区域，定义这些区域的大小、位置和层次等关系，是目前唯一一种css二维布局。2、和flex布局的区别 Grid布局和flex布局是有实质性的区别的，flex是一维布局，只能处理一个维度上的布局，一行或者是一列。但是Grid布局是二维布局 ，将容器划分成了“行”和“列”，产生了一个个的网格，可以将网格元素放在行和列相关的位置上，从而达到了布局的目的。flex布局示
2022-04-18 17:38:30
33765
原创 Font Awesome图标的介绍与应用
1、介绍 Font Awesome 是一套图标字体库及CSS框架，主要目的是和Bootstrap搭配使用，可以通过CSS提供的特性设置大小，颜色，阴影等 图标库：http://www.fontawesome.com.cn/faicons/ 官网：https://fontawesome.com/?from=io 另一个常用的图标库是阿里矢量图标库https://www.iconfont.cn/2、引用将以下代码粘贴到网页HTML代码的 部分.<link href="//ne
2022-04-16 20:57:55
12923
2
原创 box-sizing 属性
1.作用 定义如何计算一个元素的总宽度和总高度，主要设置是否需要加上内边距（padding）和边框等2、属性值content-box 默认值，任何边框和内边框的宽度都会被增加到最后绘制出来的元素宽度中border-box设置的边框和内边距的值是包含在 width 内的3、实例 <body> <div class="container"></div> </body>
2022-04-16 11:02:44
345
原创 括号匹配的检验 数据结构【C语言】
《数据结构 （C语言版）》严蔚敏 案例 原问题：假设表达式中允许包括两种括号：圆括号和方括号，其嵌套方式随意，即（【】（））等都是正确的格式，【（】）是不正确的格式。设计一个算法检查输入的字符串中的括号是否是匹配的。#include<stdio.h>#include<stdlib.h>#include<math.h>#define STACK_INIT_SIZE 10 // 初始化分配量#define STACKINCREMENT 1 // 分配增
2022-03-31 11:35:06
5607
2
原创 js this关键字指向问题
1、this指向要素this指向的只可能是对象this指向谁取决于函数在哪调用this指向的对象称为函数上下文，也叫函数的调用者2、指向规律方法中，this指向该方法的所属对象，如果单独使用，this表示全局对象；在函数中也是表示全局对象，但是在严格模式下，this是未定义的；在事件中则是接收事件的元素；类似call() 和 apply() 方法可以将 this 引用到任何对象2.1 函数名()直接调用 this指向window function func(){
2022-03-27 16:01:27
241
原创 js自执行函数
在声明函数时自动调用的函数类型，声明自执行的语法结构有三种：1、!function(形参列表){}(实参列表); 这是最常用的声明方式，可以使用任意符号开头，一般使用“!”!function(num1,num2){ var sum = num1 + num2;}(1,2);2、(function(形参列表){}(实参列表)); 这种写法匿名函数和之后的圆括号包裹成为一个整体，表明匿名函数与之后调用函数的()为一个整体(function
2022-03-26 21:58:06
1180
原创 BFC详解
BFC1、什么是BFC BFC是块格式化上下文的意思，指在浏览器中创建一个独立的渲染区域，在该区域中无论如何布局都不会影响到区域外的元素不会v，并且这个渲染区域只对块级元素起作用。2、常见触发方式 1）浮动元素 float属性值不为none 2）绝对定位元素 position的属性值为absolute或者fixed 3）overflow不为visible的块级元素 4） display为inline-block,table-cell,tab
2022-03-24 17:46:57
227
原创 清除浮动的五种方法
清除浮动（clear） 通过一个实例，我们来了解一下浮动对布局有什么影响，为什么要清除浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
2022-03-24 17:45:42
2152
2
原创 HTML 表单详细介绍
表单主要用于填写信息，由许多表单控件组成的，主要包括用户填写信息部分和表单的提交按钮，用户填写数据完成后，单击“提交”按钮就可以发送数据到服务器，经过后台处理后将用户所需的信息返回到客户端，在浏览器中展示给用户，表单内容由<form> </form>包含1、表单常用属性 1.1 action属性 指定表单提交表单时向何处发送数据，即需要发送的服务器地址<form action="form.php"> 各种表单控件</form
2022-03-22 17:21:34
3071
原创 HTML表格
表格是html5中的重要布局之一，包含的内容十分广泛，一般使用<table>标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 <tr>、<th> 或<td>元素组成表格, <tr>元素表示表格的行，<th>元素表示表头，<td> 元素定义单元格。2.1 表格属性<table border="1"> </table> <!-- 表示表格的边框宽度为1px
2022-03-20 17:44:50
1429
原创 GitHub创建一个项目
1、GitHub上新建一个仓库1、本地没有项目代码创建一个空白的文件夹，再克隆刚刚创建的项目到本地，添加代码上传mkdir democd demogit clone https://github.com/w021102/demo.git2、本地已有代码1、先执行命令git init,称为一个git仓库2、输入git add .，将项目里的所有文件添加到本地仓库3、再输入git commit -m'注释信息'将暂缓区的内容提交到本地仓库4、git pull https://gitee
2022-03-17 08:32:01
2154
原创 Git项目搭建和文件操作
1、Git项目搭建1.1 创建工作目录与常用指令工作目录一般是希望Git管理的文件夹，一般不要有中文1.2 本地仓库创建创建本地仓库的方法有两种：创建全新的仓库1、创建全新的仓库，需要Git管理的项目的根目录执行#在当前目录新建一个Git代码库$git init2、执行后可以看到，仅仅在项目目录多出了一个.git目录，关于版本信息都在这个目录里克隆远程仓库1、克隆远程目录，由于是将远程服务器上的仓库完全镜像一份去本地#克隆一个项目和它的整个代码历史（版本信息）$git
2022-03-17 08:27:04
132
原创 Git基础知识
1、版本控制即版本迭代，在开发过程中用于管理我们对文件、目录或者工程等内容的修改历史，可查看历史记录，恢复成之前的版本主流版本控制器如下：GitSVNCVSVSSTFS2、版本控制分类2.1 本地版本控制记录每次文件的更新，可以对每个版本的文件进行一个快照，或者是记录补丁文件，适合个人用2.2 集中版本控制 SVN所有的版本数据都保存在服务器上，协同开发者从服务器上同步更新活上传自己的修改2.3 分布式版本控制所有版本信息仓库同步到本地的每个用户，这样可在本地查看所有
2022-03-15 08:42:01
98
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人