- 博客(153)
- 资源 (4)
- 收藏
- 关注
原创 【一文读懂】对闭包的理解及其衍生问题(作用域、垃圾回收、闭包的应用、释放闭包)
闭包可以说是前端必须要了解的内容,但面试时往往会问更多相关问题,比如我就碰到过这样的“组合技”:什么是闭包?什么是作用域链?写个闭包的例子吧!为什么形成了闭包?(面试官写了个例子)这样写是不是闭包?闭包涉及的变量,存储的时候是在栈内存吗?闭包有什么应用?防抖和节流的含义?写个防抖/节流函数吧!什么是垃圾回收?闭包为什么不会被回收?JS如何实现自动垃圾回收?如何手动进行垃圾回收?闭包会不会出现内存泄露?怎么避免内存泄露?怎么释放闭包?本文就将全面整理闭包及其衍生问题。
2024-12-15 12:48:38 1116
原创 Vue处理页面渲染卡顿问题(虚拟滚动 + requestIdleCallback + IntersectionObserver)+ JS卡顿问题解决
在vue中,处理页面渲染卡顿问题+JS卡顿问题。解决方法:虚拟滚动、requestIdleCallback、IntersectionObserver、分批次加载数据等
2024-11-20 20:41:56 1305
原创 裸辞后找工作有多难?分享个人经历+面经+学习路线【内含免费下载初级前端面试题】- 回忆我的2023
在裸辞期间才知道工作难找,而在自己亲身经历过2023年后,整理并想写的唯一一篇文章就是该篇,很希望给大家提供些经验,让即将进入计算机行业,做前端的朋友少走些弯路,能不裸辞就不裸辞。本文内容仅限个人观点+经历,欢迎大家讨论。
2024-01-20 12:21:48 1141 1
原创 【Vue 项目】html2canvas + jspdf 实现将页面内容生成 PDF 及相关问题解决方案(页面被分页分割问题、html2canvas生成图片只有一半)
文中内容是在 Vue 项目中使用 html2canvas和 jspdf 插件实现将页面的内容生成 PDF,并记录在使用过程中遇到的一些问题和解决方案。文中将会贴出很多参考文章,如果各位有需要,可以前往原文章查阅。html2canvas + jspdf介绍使用方法分页分割问题html2canvas生成图片只有一半其他参考文章介绍1、html2canvas该插件允许我们直接在浏览器上对网页或其部分进行“截图”操作,但是屏幕截图基于 DOM,这一点很关键。这就会导致截图的结果,很可能不是自己想要的。.
2022-04-12 23:16:17 16201
原创 【Vue 项目】使用 vuedraggable 实现拖拽效果时遇到的问题及解决方案总结(允许 el-table 行拖拽、部分元素不允许拖拽、拖拽避免影响文字复制和输入框输入文字)
在最近的开发过程中,遇到了关于拖拽排序的功能需求。在这里向大家推荐使用 vuedraggable。
2022-04-11 18:06:18 29898 1
原创 【Vue前端】使用 videojs 做直播流遇到的问题及解决方案总结(video使用 + http-flv 低延时优化方向)
该博文主要用于自我总结。文中内容就是在 Vue 项目中,使用 videojs 实现 hls 直播流的播放。由于文中参考了很多文章,所以重合的部分就不在这里展现,如有需要即可前往原文章查阅。而本文主要是用于记录在这过程中遇到的问题及其解决方案......
2021-09-09 16:59:32 29857 11
原创 【边缘检测】Python实现SUSAN算法及使用非极大值抑制进行改进(含免费可用源代码)
对资源的补充说明:为保证代码能够正常运行,下载的压缩包中自带标准Lena png图像。该算法无法对任意大小、任意格式的图片进行边缘检测。推荐使用尺寸较小的png图像。
2021-07-02 15:00:46 3908 2
原创 基于Java的贪吃蛇游戏设计(含免费可用源代码)
基于Java的贪吃蛇游戏设计引言:1. 需求分析2. 设计思路3. 代码部分简述3.1 主类StartGame3.2 类Data3.3 类GamePanel3.4 类GameJMenuBar4. 成果展示5. 总结(遇到的问题)(1)JFrame窗口的定位:(2)在JMenuBar菜单栏上,点击选项出现对应窗口:(3)实现图片的导入:(4)在JPanel添加“画板”,绘制游戏界面、食物和蛇:(5)......
2019-12-27 22:17:13 12305 8
原创 【Vue】解析+生成Excel、处理超长Int数据、This request has been blocked; the content must be served over HTTPS
用于Vue中处理如何解析和生成Excel、如何处理超长Int数据
2024-12-16 17:50:19 254
原创 Antv g6 点线关系图基础使用+问题记录
最近有需求要做点线关系图,在这里记录下 AntvG6 的基础使用和开发过程中遇到的问题。使用场景:开发如下效果的点线关系图。其中最基础的要素:(1)可以新增/删除节点、边;(2)可以手动连接两个节点(连接后生成边);(3)可以自定义节点,即为相应节点选择选项,并能够展示(选项只能选择1次)。针对上方给出的使用场景,接下来会一步步完成功能实现。
2024-12-02 14:29:12 918
原创 【VitePress】项目打包异常问题总结(Could not resolve、Unexpected character ‘‘、Invalid value used as weak map key)
在最近的一次 VitePress 文档中心 开发过后,在打包时发生了三次报错,而每个报错通过查阅资料都能找到相关解决方案,现将遇到的问题汇总总结如下。如果大家也有相同的问题,希望能帮助到各位。本文无任何其他用途,仅用作作者自己总结。
2022-12-07 16:09:30 3481 1
原创 【Vue + ElementUI】实现前端调用接口传递 form-data 类型入参及总结遇到的问题记录(状态码 415 问题及记录如何生成 File 文件对象)
(1)实现 Vue 前端组装一个 Form-Data 类型入参并解决 415 状态码问题;(2)解决如何根据文件路径转换成 File 文件对象,再拼接进 Form-Data 入参;(3)使用 ElementUI el-upload 组件,实现手动上传文件,并拼接进 Form-Data 入参。
2022-11-01 17:07:17 4246
原创 【ElementUI】InfiniteScroll 无限滚动组件在部分浏览器中滚动失效 的 解决方案
Vue 项目使用 InfiniteScroll 无限滚动组件在部分浏览器失效,转而使用 JS 去实现无限滚动及其相关问题的解决方案
2022-10-20 11:26:30 7436 1
原创 【C# 学习笔记 ④】C#基础用法查缺补漏(预处理器指令、特性、异常处理、访问器、索引器)
对预处理器指令、特性、异常处理用法的总结整理说明,用于自我复习和分享
2022-09-28 15:58:30 541
原创 【C# 学习笔记 ③】C#面向对象编程(基础概念、静态成员、继承、多态 => 虚方法、接口、抽象类及它们的区别)
C#面向对象编程的相关基础概念,静态成员,继承、多态 => 虚方法、接口、抽象类及它们的区别。
2022-09-05 16:56:47 683
原创 【C# 学习笔记 ②】C#基本语法(数组、判断和循环、字符串、枚举、结构体)
数组、判断和循环、字符串、枚举、结构体的基本用法总结,供自己复习查阅使用
2022-09-05 15:53:51 793
原创 【C# 学习笔记 ①】C# 程序结构和基本语法(VSCode工具配置、数据类型、修饰符、构造函数)
笔者的本专栏不建议零基础初学者查看,因为笔者记录 C# 基础用法,主要是用于之后更好的使用 Unity 游戏引擎做查阅和回顾。且笔者已经接触过很多语言,所以会有很多不同语言中共通的基础词汇概念,但是在文中不会做详细说明,所以对初学者来说可能无法理解。除此以外,笔者对 C# 也没有较深层面的了解,所以很多用法笔者也不会完全总结到。所以如果您想更全面的学习 C#,建议找其他更系统的教学文章。C#语言 百度百科以下为本专栏所有参考教程。......
2022-08-04 17:34:06 915
原创 【前端学习笔记】VitePress 项目构建 以及 基础使用汇总(config.js、themeConfig、frontmatter 块、预定义变量)
VitePress 可以快速创建一个简单的文档站点。使用的时候我们只需要了解一些简单的配置项,然后在项目里分结构存储 md 文档即可。这样一来,我们可以在除了要写一些必要的 Vue 之外,不用额外写 Vue 代码、不用写任何的样式,使用 VitePress 自带的页面架构和主题,进行文档的存储管理和文档展示。...
2022-08-03 14:55:23 2030 1
原创 【Linux 学习笔记】记录 Shell 脚本的基础使用
在前文了解了一些Linux基础知识后,不得不提的就是Shell。虽然笔者没有用Shell脚本的需求,不过了解一些未必是坏事。本文将仅作学习笔记用。
2022-07-15 15:20:31 301
原创 【Linux 学习笔记】记录 Linux 常用命令和 Linux 基础知识(目录结构、权限系统)
通过 Win10 安装 Ubuntu,目前打开 Ubuntu 就可以使用 Linux 命令了。本文将简单归总一些常用的 Linux 命令以及相关基础内容说明
2022-07-11 14:22:27 472
原创 Win10 安装 Ubuntu 使用 Linux 教程
由于平常在公司中经常会遇到一些需要在主机上部署项目的任务,那么这就需要了解 Linux 和常用命令。后来发现在 Win10 中,其实提供了一个 Linux 命令的学习环境。解决这个问题的工具就是 wsl(Windows Subsystem for Linux),也就是 windows 的 Linux。本文就将安装 Ubuntu 来实现在 Windows 中学习使用 Linux...............
2022-07-11 13:27:18 1979
原创 【ElementUI】el-upload 到底该怎么使用?记录有时上传图片会失败,有时上传成功又出现图片闪动的问题
el-upload 的单图片、图片墙使用和遇到的坑
2022-06-15 11:19:41 7575
原创 【ElementUI】el-table 多表格切换 导致 expands 展开行仍然会保留的问题(多表格切换时的表格渲染错乱)
首先先叙述一下需求和遇到的问题:需求:在这个页面里,我需要去判断查询条件,从而在不同的条件下,展示不同的表格数据,即在不同情况下,展示不同的表格或者说表格的数据列,从而在不同的条件下看到不同的表格数据。但是问题也就在这里意外的出现了。问题复现:(1)第一种情况下的表格是这样的:第四列为 expand,展现没有问题。(2)现在切换到第二种情况下的表格是这样的:第六列为 expand,没问题。但是,问题就在这里出现了。第四列我是没把它设置成 expand 的。此时我看了一下代码,确定本列确
2022-03-03 11:18:33 3560 2
原创 【Vue 项目】Unknown custom element: XXX - did you register the component correctly? 【问题解决】
相信各位在学习和使用 Vue 进行开发的过程中,或多或少可能见到过或遇到过这样的报错:问题出现的原因很简单:就是某个标签没有被成功导入。问题的解决方案也很简单,网上一搜就会有很多解决方法,比如:(1)第一步:先确保 Vue 项目里 components 、import 、组件标签 的写法没有问题,排除这样的因素:书写问题 (请一定要确保书写没问题,我看网上还有把 components 写在 data 里的,硬说自己写法没问题的)(2)第二步:如果你不是 Vue 项目,而是直接在 HTML 里导入
2022-01-23 18:08:01 6817
原创 【ElementUI】el-table 设置 max-height 后,当表格数据未超过高度时,表格右侧会出现空白列的解决方案
今天在开发过程中,遇到了一个有点棘手的问题。棘手的原因是,我搜索了一圈,结果没发现解决方案,甚至没看到几个遇到相同问题的朋友。这让我感到十分疑惑,作为一个 CV 程序员,难道是我参照文档用的方法不对?竟然还有百度找不到的解决方案?那没办法了,用自己的一根头发作为代价,自己进行摸索吧。问题如下:在使用 ElementUI 的 el-table 时,当我为其设置了一个 max-height 后,如果数据量过大,确实超过了给定的高度,那么用起来和文档还真就是一个效果。但是当这组数据,在没超过 max-heig
2022-01-12 18:34:04 9277 4
原创 【ElementUI】DateTimePicker 日期时间选择器,设置 disabledDate 禁用今天之后的时间后,今天的日期选择不了的问题
首先,在选用 ElementUI 关于时间的选择器时,通常会设置 今天之后的时间不可选 或者 今天之前的时间不可选 等其他关于时间限制的需求。那么参考相关文章和官方文档之后,我们可以知道,我们需要使用 picker-options 里的 disabledDate 去对其进行限制。在这里,参考的文章如下:【ElementUI】日期选择器时间选择范围限制,根据接口灵活设置可选时间。只能选今天之前的时间,或者是只能选今天之后的时间。今天是否可以选。限制结束日期不能大于开始日期但是!同样的一句话,咋就遇到问
2021-12-23 13:16:20 4651 3
原创 deleteOriginalAssets 导致的 ChunkLoadError: Loading chunk * failed 报错问题
话不多说,直接上报错:这个报错看起来可太眼熟了。在网上一搜,大致的解决方案是:1、记一次vue history模式下的报错ChunkLoadError: Loading chunk xx failed net::ERR_ABORTED 404 (Not Found)解决方案2、Error: Loading chunk * failed,Vue Router懒加载报错问题解决方案照着一做,history、publicPath、onError,甚至还有扯到上线服务器的,任你有什么解决方案,到我这里统统
2021-11-09 15:40:47 6185 1
原创 Cypress 前端测试工具的基本使用和相关命令总结
Cypress是基于JavaScript的前端测试工具,可以对浏览器中运行的任何内容进行一个快速、简单、可靠的测试;Cypress是自集成的,提供了一套完整的端到端测试,无须借助其他外部工具,安装后即可快速地创建、编写、运行测试用例,且对每一步操作都支持回看;不同于其他只能测试UI层的前端测试工具,Cypress允许编写所有类型的测试界面测试,集成测试,单元测试。...
2021-08-19 22:14:36 7835 2
原创 Mock 使用方式 + 在 Vue 项目中使用 Mock
在前后端开发过程中,后端进行接口开发,前端使用对应接口从数据库获取前端想要展现的数据。对于后端来讲,它们需要根据需求文档,确定要写的接口的功能。有时,虽然接口还没有写出来,但是相关接口文档已经写出来了。这时前端如果想要调用接口,但是接口还没有完成,前端开发人员也就只能含泪上班摸摸鱼了。那在开发过程中,为了避免这样的情况发生,现在前端已经能够独立于后端进行开发,也就是前端开发人员可以自己根据接口文档去模拟假数据。这个问题的解决方案就是使用第三方库 mock.js。
2021-08-09 10:32:21 17459 10
原创 Vue 使用 AntV x6报错: “Error: Ensure the container of the graph is specified and valid“
今天在工作中,使用了 AntV 旗下的图编辑引擎 X6 来实现功能。该组件库提供了一系列开箱即用的交互组件和简单易用的定点节制能力,方便我们快速搭建流程图、DAG 图、ER 图等。但是在使用时,遇到了Error: Ensure the container of the graph is specified and valid 报错问题:对这个错误进行分析可以发现,错误原因是在 mounted 生命周期时,id 为 container 的 div 还没有被挂载到页面中。这就导致我们想要将 graph 绘制
2021-07-22 16:56:53 9248 5
原创 Vue项目中使用props传递数据并允许子组件修改的方案
在项目中遇到了一个相关需求:一个页面中为了能够使代码更加简洁和易于查看,将其分成了多个功能模块。此时多个功能模块都需要使用共同的一组数据进行展现或对其进行修改。此时考虑到Vue项目中的数据通信方式:可能还是使用上述的 方式1 + 方式2 是最易于理解和简单的。使用方式1传递数据给子组件,如果子组件需要对其进行修改,使用方式2。但是使用props通信的时候,最关键的问题就是子组件虽然能够接收到父组件传递过来的数据,但是无法对其进行修改。如果修改会出现下面的报错信息:此时通过参考资料,总结出了下面的
2021-07-02 10:52:15 1359
原创 nodejs版本过高导致node-sass安装失败的问题
相关文章:node-sass 安装失败的各种坑在项目中需要使用sass,此时在安装node-sass时,遇到了报错信息。和同事参考了大量解决方案后无果。最终经过对报错信息的分析,选择降低nodejs版本进行尝试,最终解决问题。问题如下:(1)直接在项目中使用 npm install 时报错,部分报错信息如下:(2)为排除网络原因选择使用 cnpm。使用 cnpm 后仍然报错。部分报错信息如下:(3)除此以外,参考了文章顶部的相关文章中的方案,最终无法解决问题。最后发现原因是因为node版
2021-07-02 10:24:57 2003
原创 Vue项目中使用ElementUI的el-autocomplete小结
在项目中使用ElementUI的el-autocomplete时,参照了官方文档的代码,结果发现无法使用。现在通过对代码进行调整,总结如下:ElementUI中,el-autocomplete组件是一个拥有输入建议的输入框。该组件的基础用法如下:<el-autocomplete v-model="newGroupId" class="inline-input" :fetch-suggestions="queryGroupId" placeholder="请输入用户组Id" st
2021-07-02 10:14:46 3775
原创 Vue项目中ElementUi的el-dialog弹出框被遮盖层挡住
问题如下:在使用el-dialog时,会自带有遮盖层,此时可能会出现弹出框被遮盖层挡住的情况。解决方案如下:在el-dialog标签里添加 :modal-append-to-body=‘false’。问题解决。
2021-07-02 09:52:27 3133
原创 Vue中使用ElementUi (DatePicker) 中间的至字显示不全的问题
问题如下:解决方案:<style scoped> .box /deep/ .el-range-separator{ width: 20px !important; }</style>
2021-07-02 09:46:43 1464
原创 Vue项目中ECharts图表不显示问题
相关文章:ECharts官网在Vue项目中使用ECharts最近在工作中需要使用ECharts绘制图表,所以根据参考文档尝试了一番,遇到了图表不显示的问题。后来参考了网上许多解决方案,最终发现,原来是因为自己没给图表组件设置height。现记录如下:<ability-line style="width:100%;height:300px;"></ability-line>ability-line不是ECharts封装组件,是自己编写的组件,需要使用imports导入
2021-07-02 09:23:13 7218 1
原创 ⑧ React Redux 基本用法
查看专栏其它文章:① React 介绍及JSX简单使用② React 面向组件编程(state、props、refs)、事件处理③ React 条件渲染、组件生命周期、表单与事件④ React 列表与Keys、虚拟DOM相关说明、AJAX⑤ React 基于react脚手架构建简单项目⑥ React 项目中的AJAX请求、组件间通信的2种方式(props、消息订阅和发布)⑦ React 路由解决方案 react-routerReact本人是个新手,写下博客用于自我复习、自我总结。如有
2021-02-16 18:09:14 178
原创 ⑦ React 路由解决方案 react-router
查看专栏其它文章:① React 介绍及JSX简单使用② React 面向组件编程(state、props、refs)、事件处理③ React 条件渲染、组件生命周期、表单与事件④ React 列表与Keys、虚拟DOM相关说明、AJAX⑤ React 基于react脚手架构建简单项目⑥ React 项目中的AJAX请求、组件间通信的2种方式(props、消息订阅和发布)React本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷
2021-02-15 23:17:51 1402
原创 ⑥ React 项目中的AJAX请求、组件间通信的2种方式(props、消息订阅和发布)
查看专栏其它文章:① React 介绍及JSX简单使用② React 面向组件编程(state、props、refs)、事件处理③ React 条件渲染、组件生命周期、表单与事件④ React 列表与Keys、虚拟DOM相关说明、AJAX⑤ React 基于react脚手架构建简单项目ReactAJAX请求 (使用axios)组件间通信方式一: 通过props传递方式二: 使用消息订阅(subscribe)-发布(publish)机制本人是个新手,写下博客用于自我复习、自我总结。如有错误
2021-02-14 20:53:42 416
原创 ⑤ React 基于react脚手架构建简单项目
查看专栏其它文章:① React 介绍及JSX简单使用② React 面向组件编程(state、props、refs)、事件处理③ React 条件渲染、组件生命周期、表单与事件④ React 列表与Keys、虚拟DOM相关说明、AJAXReact构建项目编写应用及分析练习:评论管理组件间通信方式一: 通过props传递方式二: 使用消息订阅(subscribe)-发布(publish)机制本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷
2021-02-14 15:11:14 420
Vue初级前端1-2年常见面试题
2024-01-20
简单实现英雄联盟登录页面
2022-07-04
基于Python的SUSAN边缘检测算法.rar
2021-07-02
SnakeGame.rar
2019-12-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人