自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(71)
  • 问答 (7)
  • 收藏
  • 关注

原创 js原型原型链

对象的原型是另一个对象的引用,它包含对象的共享属性和方法。原型链:每个对象都有一个指向另一个对象的原型链。当我们试图访问一个对象的属性时,如果该对象本身没有这个属性,JavaScript 引擎会沿着原型链向上查找,直到找到该属性或者到达原型链的末端。Object.prototype:所有的 JavaScript 对象都继承自 Object.prototype,即 Object 的原型对象。子对象可以通过原型链访问父对象的属性和方法,实现了属性和方法的共享和重用。

2024-02-27 16:17:06 909

原创 后台管理登录权限怎么实现的,token具体有什么作用

总之,Token 在后台管理系统的登录权限实现中扮演着重要的角色,它允许服务器验证用户的身份和权限,并能够在用户和服务器之间进行安全的会话管理。安全性:通过使用 Token 进行身份验证,可以避免在每个请求中传递敏感信息如用户名和密码,减少了敏感信息泄露的风险。权限控制:Token 中通常会包含用户的权限信息,后端可以根据 Token 中的权限信息来控制用户的操作权限。身份识别:Token 包含了用户的身份信息,后端可以通过验证 Token 来识别用户身份。后端接收到登录请求后,验证用户名和密码的正确性。

2024-02-24 22:20:09 939

原创 前端百万级数据导出

前端百万级数据导出 Excel 需要综合考虑数据量、性能、用户体验等因素,采用上述方案可以实现高效、稳定的数据导出功能。

2024-01-31 15:57:15 698

原创 webpack优化配置-dll方式将第三方库独立打包

通过以上步骤,我们就可以使用 DllPlugin 插件将第三方库独立打包,并在项目中引入生成的文件。这样做可以提高构建速度,减少了第三方库的重新打包时间。字段是一个对象,键是你想要将哪些第三方库打包成独立文件,值是这些第三方库的名称。在这个例子中,我们将。文件夹,里面包含了生成的第三方库的文件和 manifest 文件。插件将第三方库打包成一个独立的文件,然后再在项目中引入这个文件。插件,指定了生成的 manifest 文件的路径和名称。字段配置了输出的文件路径和文件名,字段定义了生成的文件的变量名。

2024-01-31 14:33:46 1048

原创 Webpack的性能优化

使用Module Federation:Module Federation是webpack中的新特性,它允许将应用程序拆分成多个独立的bundle,并在运行时进行动态加载,可以减少应用程序的初始加载时间。使用Webpack的性能分析工具:使用Webpack的性能分析工具(如webpack-bundle-analyzer)来分析打包后的文件大小和依赖关系,找出可能的性能优化点。减少构建时间:使用webpack的缓存功能,通过配置cache: true来利用缓存,减少重复构建时间。

2024-01-31 11:23:44 743

原创 有 一 个 一 亿 长 度 的 字 符 串 , 怎 么 存 储 设 计 可 以 让 它 更 好 去 查 询 、 修 改

在修改时,只需修改对应的块,而不必修改整个字符串。采用数据库存储:将长字符串存储在数据库中,可以使用数据库的索引和查询功能进行高效的查询和修改操作。将一个拥有一亿长度的字符串直接存储在内存中可能会导致内存占用过大,对于查询和修改操作的效率也可能较低。分割存储:将长字符串分割为多个较小的片段,每个片段分别存储,并使用索引来记录每个片段的位置。同时,要考虑到查询和修改的效率、存储成本、数据的一致性等因素,并进行相应的权衡和优化。在查询和修改时,需要先进行解压缩操作,对解压后的字符串进行操作。

2024-01-31 11:03:46 468

原创 怎 么 优 化 H5 让 它 可 以 在 300ms 之 内

使用缓存:通过设置适当的缓存策略,让浏览器缓存静态资源(如CSS、JavaScript、图片等),减少不必要的网络请求。图片优化:对图片进行优化,包括选择合适的图片格式(如JPEG、PNG、WebP等),压缩图片大小,使用适当的图片延迟加载。延迟加载和按需加载:对于非关键的资源,可以使用延迟加载或按需加载的方式,即在需要时再加载,避免一次性加载过多资源。预加载和预连接:使用 声明需要提前加载的资源,通过 声明需要预先建立连接的域名,以加快资源的获取速度。

2024-01-31 11:01:37 419

原创 Git分布式版本控制系统

分支(Branch):分支是基于某一提交创建的一个独立的工作区。使用分支可以同时进行多个并行的开发工作,每个分支都有自己独立的提交历史。提交(Commit):提交是将文件的更改记录到仓库中的操作。仓库(Repository):Git 仓库是存储项目文件和版本历史的地方。仓库可以是本地的(本地仓库)或远程的(远程仓库)。远程仓库(Remote):远程仓库是分布在不同地点的仓库副本,用于协作开发和备份代码。主分支(Master):主分支是默认的主要开发分支,通常用于发布稳定版本。查看仓库的提交历史。

2024-01-31 10:04:53 556

原创 到底是用面向过程还是用面向对象

优点:性能比面向对象高,因为类调用时需要实例化,开销比较大,比较消耗资源;比如单片机、嵌入式开发、 Linux/Unix等一般采用面向过程开发,性能是最重要的因素。优点:易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统,使系统 更加灵活、更加易于维护。要搞明白一件事你到底要做成什么样再去决定用什么方式,如果追求性能可以选择面向过程,否则可以用面向对现象,缺点:没有面向对象易维护、易复用、易扩展。

2024-01-31 09:57:11 355

原创 防抖函数和节流函数js

防抖函数(Debounce)的作用是在事件触发后等待一段时间,如果在等待时间内再次触发了事件,就重新计时。只有在等待时间内没有再次触发事件,才会执行函数。以上就是使用 JavaScript 编写防抖函数和节流函数的示例代码。根据实际需求和场景选择适合的函数使用。节流函数(Throttle)的作用是在一段时间内只执行一次函数。在该时间段内再次触发事件,函数不会被执行。防抖函数和节流函数是常用于优化前端性能的工具函数。

2024-01-30 17:19:05 411

原创 防抖函数,节流函数

注意,以上代码是用Python语言来实现的,并参考了JavaScript中的setTimeout和clearTimeout函数的概念。在实际使用中,需要根据具体的编程环境来调整代码。防抖函数的作用是在短时间内频繁触发的事件只执行一次,节流函数的作用是在连续触发的事件中间隔一段时间执行一次。

2024-01-30 16:52:50 518 1

原创 wrappedComponentRef和ref的区别

在创建组件时,可以给组件添加一个 ref 属性,然后通过该属性来获取组件实例或者 DOM 元素。是在使用高阶组件 (Higher-Order Component) 包装组件时的一个 prop,它用于引用被包装的组件实例。是在使用高阶组件 (Higher-Order Component) 包装组件时的一个 prop,它用于引用被包装的组件实例。是在使用高阶组件 (Higher-Order Component) 包装组件时的一个 prop,它用于引用被包装的组件实例。

2024-01-30 16:24:08 1131

原创 Docker 的基本概念和优势

开发人员可以使用Docker来构建和打包应用程序,并将其推送到注册表中,然后使用Docker来部署应用程序到生产环境中。总之,Docker是一个强大的容器化平台,它提供了一种可靠、高效和便捷的方式来开发、交付和部署应用程序。他们可以使用Docker容器来复制生产环境,并在其中进行开发和测试,以确保应用程序在不同的环境中都能正常运行。Docker是一个开源的容器化平台,它通过将应用程序和其依赖项打包到一个称为容器的独立单元中,实现了应用程序的快速开发、交付和部署。容器是轻量级的,可以快速启动、停止和迁移。

2024-01-26 14:12:53 668 1

原创 tkinter库实现的电子时钟

批处理:Spark 可以处理大规模的批量数据,并提供了丰富的数据转换和计算操作。转换操作(Transformation):Spark 提供了一系列转换操作,如 map、filter、reduce 等,可以对 RDD 进行各种操作,生成新的 RDD。图计算:Spark 提供了 GraphX 图计算库,用于处理大规模的图数据,支持图的构建、遍历和计算。因为 Apache Spark 具有高性能和易用性的特点,被广泛应用于大数据分析、机器学习和图计算等领域,并且得到了业界和学术界的认可。

2024-01-26 10:10:32 387

原创 Apache Spark

批处理:Spark 可以处理大规模的批量数据,并提供了丰富的数据转换和计算操作。转换操作(Transformation):Spark 提供了一系列转换操作,如 map、filter、reduce 等,可以对 RDD 进行各种操作,生成新的 RDD。图计算:Spark 提供了 GraphX 图计算库,用于处理大规模的图数据,支持图的构建、遍历和计算。因为 Apache Spark 具有高性能和易用性的特点,被广泛应用于大数据分析、机器学习和图计算等领域,并且得到了业界和学术界的认可。

2024-01-25 10:23:53 548

原创 程序员裁员潮

然而,对于技术行业的程序员来说,技术变革也可能带来新的机会。新兴技术的出现可能会创造新的领域和就业机会,程序员可以通过学习和适应来抓住这些机会。因此,程序员可能需要不断学习和更新自己的技能,以适应市场的需求。技能更新需求:技术的快速发展可能导致某些技能变得过时,这就要求程序员不断学习和更新自己的技能。压力和工作负担:在公司裁员后,剩余的程序员可能需要承担更多的工作负担,以填补被裁员工的空缺。这可能导致更高的工作压力和长期工作小时。失去工作后,他们可能需要重新建立自己的职业道路,这可能需要时间和努力。

2024-01-25 10:00:46 365

原创 计算机视觉(CV)技术的优势和挑战

计算机视觉(CV)技术是一种利用计算机对图像或视频进行处理和分析的技术。它在许多领域有着广泛的应用,如医疗诊断、自动驾驶、安防监控等。综上所述,计算机视觉技术有着许多优势,但也面临一些挑战。随着技术的发展和算法的优化,计算机视觉技术在各个领域的应用前景将会更加广阔。

2024-01-25 09:58:35 497 1

原创 人工智能(Artificial Intelligence,简称AI)

总之,人工智能在现代科技中的应用已经带来了许多创新和便利,未来发展的趋势是更广泛、更智能的应用,并与其他前沿技术相结合,同时也要关注伦理和法律问题的解决。一方面,随着计算能力的提高和大数据的积累,人工智能算法和模型将变得更加强大和智能化。通过分析海量的医学数据和病例,AI可以提供更准确的诊断结果,并给出个性化的治疗方案。通过分析大数据,AI可以预测金融市场的趋势和波动,帮助投资者做出更明智的决策。例如,人工智能与物联网、大数据、云计算和区块链等技术相结合,可以实现智能家居、智能城市和智能医疗等领域的创新。

2024-01-23 15:23:50 1021

原创 自然语言处理(NLP)

自然语言处理(NLP)技术是一种人工智能领域的技术,用于使计算机能够理解、解释和处理人类语言。例如,虚拟助手如Siri和Alexa可以通过识别用户的语音指令来执行特定的任务。例如,在社交媒体监测中,NLP技术可以用于识别用户提到的品牌和产品。这些只是NLP技术的一些例子,实际上NLP技术在语音识别、机器翻译、信息提取、摘要生成、问答系统等各个领域都有广泛的应用。例如,在社交媒体监测中,NLP技术可以用于分析用户对某个产品或事件的情感反应。例如,谷歌翻译使用NLP技术将输入的文本从一种语言翻译成另一种语言。

2024-01-23 15:21:07 540

原创 K-均值聚类算法

总的来说,K-均值聚类算法是一种简单而有效的聚类算法,适用于大规模数据集。然而,它需要预先确定聚类数量和对初始中心点敏感,而且对异常值敏感。在应用中需要根据具体情况综合考虑算法的优缺点。K-均值聚类算法是一种常见的无监督学习算法,用于将数据集分成 K 个不同的组或类别。该算法的思想是通过计算样本之间的距离来寻找簇中的中心点,并将样本分配到最近的中心点所代表的簇中。

2024-01-23 15:13:22 470

原创 RESTful API

例如,使用GET方法可以获取资源的信息,使用POST方法可以创建新的资源。选择合适的HTTP方法:根据操作的类型,选择合适的HTTP方法来对资源进行操作。例如,使用GET方法获取资源的信息,使用POST方法创建新的资源。处理请求和响应:在服务器端实现相应的处理逻辑,根据请求的URL和HTTP方法来确定需要执行的操作,并返回合适的HTTP响应。通过遵循RESTful API的设计原则和使用合适的工具和框架,可以构建出易于理解、易于维护和易于扩展的web应用程序。

2024-01-23 15:12:12 330

原创 TensorFlow

张量可以是常量或变量,具有不同的数据类型(如整数、浮点数、字符串等)和形状(如scalar、vector、matrix等)。深度学习:TensorFlow支持深度学习模型的构建和训练,包括卷积神经网络(CNN)、循环神经网络(RNN)和生成对抗网络(GAN)等。机器学习:TensorFlow提供了丰富的机器学习算法和模型,可以用于分类、回归、聚类等任务。总之,TensorFlow是一个功能丰富的机器学习和深度学习库,适用于多种应用场景,包括机器学习、深度学习、自然语言处理和图像处理等领域。

2024-01-23 15:11:12 1023

原创 fork使用git可视化管理工具

推送(push):将本地仓库同步至远程仓库,一般推送(push)前先拉取(pull)一次,确保一致(十分注意:这样你才能达到和别人最新代码同步的状态,同时也能够规避很多不必要的问题)。拉取(pull):从远程仓库获取信息并同步至本地仓库,并且自动执行合并(merge)操作(git pull=git fetch+git merge)。合并(merge):将多个同名文件合并为一个文件,该文件包含多个同名文件的所有内容,相同内容抵消。重置(reset):回到最近添加(add)/提交(commit)状态。

2023-12-04 10:05:24 348

原创 ProTable高级表格获取表单数据

使用 refForm.current.getFileDsValue();然后在代码中定义 const refForm = useRef();获取高级表格中的表单数据 Forminstance 引入。手动控制高级表格中的搜索按钮。隐藏高级表格中的收起按钮。

2023-11-21 14:39:23 405

原创 Pending authentication: please accept debugging session on the device.pc调试H5时不出现的几种原因解决办法

3、切换连接方式切换到USBPTP 或者文件格式 我在chrome浏览器都是切换到PTP;2、把USB连接调试关闭开启一次,再进入到页面刷新是否会出现;1、先看开发者模式是否打开,如果打开就先关闭开启一次,

2023-10-20 15:59:17 2894

原创 splice没有删除指定元素怎么回事

动态删除数组元素,只能用倒序遍历或者正序遍历时i每次减1。防止遍历时数组元素长度动态改变导致的死循环或者缺漏。

2023-08-08 09:02:13 256

原创 js控制左右滚动距离

要通过JavaScript控制元素的左右滚动距离,可以使用scrollLeft属性。scrollLeft属性可以获取或设置元素内容在水平方向上滚动的像素值。在上面的示例中,我们首先获取了一个滚动容器元素(例如DIV),然后通过修改scrollLeft属性来控制滚动距离。请将上述代码中的scroll-container替换为你实际使用的滚动容器元素的ID。

2023-07-06 18:00:35 1933

原创 react 子传父传递数据以及调用父级方法

子组件中要调用父组件方法并且传值的。1、props 类组件。

2023-05-10 10:39:51 326 1

原创 antd upload beforeUpload上传文件之前校验文件大小以及格式

message.info(‘单个文件上传大小不能超过20M’);

2023-04-07 14:44:17 1059

原创 react 搭建项目

命令:npx create-react-app + 项目名称。命令:npm i -g create-react-app。命令:create-react-app + 项目名称。等待加载完成 删除原有src文件搭建自己项目。方式1、先全局安装脚手架工具包。用脚手架工具来创建项目。

2023-03-22 11:10:37 73

原创 a标签下载本地文件

模板放入相对路径,这个只针对下载模板使用,不用后端返回文件流下载,

2022-12-26 14:07:17 398

原创 record为undefined

你需要在render括号中在record钱写东西进行占位才有数据。此时为undefined。

2022-11-30 19:10:17 236

原创 TS基础类型

无 声明变量为数组。// 在元素类型后面加上[] let arr: Array = [1, 2];元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。any 声明为 any 的变量可以赋予任意类型的值。} 用于标识方法返回值的类型,表示该方法没有返回值。

2022-09-29 10:39:41 158

原创 js原生xhr获取响应头中数据

获取需要的响应头获取整个响应头。

2022-08-25 16:06:56 2109

原创 xhr原生请求接口

例:xhr.send(‘name-张三&age-18&sex-男’)3. 设置Content-Type 属性(注意这是固定写法)4.调用send() (若果要提交数据,以字符串的形式提交)xhr.open(‘POST’,‘请求的地址’ )2.调用open()

2022-08-23 19:56:05 915

原创 面试官,不要再问我三次握手和四次挥手

面试官,不要再问我三次握手和四次挥手

2022-08-17 10:44:13 105

原创 The data. Slice is not a function 报错 react

数据格式不是你使用 组件所需要的table 需要数组 而不是对象 给你的数据加【】即可

2022-07-06 15:23:03 3127

原创 入参参数为Object,但传递过去却成了[object object] 是因为需要转为JSON格式

使用了session记录值进行判断

2022-06-22 10:42:35 452

原创 react 点击tab页,如何回到离开该tab页时所在的当前页?

使用了session记录值进行判断

2022-06-08 20:18:19 379

原创 vue生命周期

1, create 创建vue实例 beforeCreate() { console.log('vue对象还没有创建,这里不能使用this'); }, created() { console.log('vue对象已经创建,在这个函数中可以初始化数据'); // 一般建议在created函数中发起ajax请求,获取数据 fetch('./上周作业-爱介护/data/nav.json').then( res => res.json()

2022-04-04 21:19:08 594

Git客户端:Fork for Window

Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即可使用。Fork 绝对是目前功能和交互最优秀的全功能的 Git 客户端,免费的下载即

2023-03-21

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除