- 博客(150)
- 收藏
- 关注
RSS订阅
原创 前端（二十五）——前端实现 OCR 图文识别的详细步骤与示例代码
什么是OCR？它是一种将印刷体和手体文字转换为可编辑和可搜索的电子文本的技术。OCR通过将图像或扫描文件中的文字识别并转录成机器可读的文本格式，从而实现自动化的文字识别和提取。OCR技术可以应用于各种场景，包括文字文档的扫描与转录、数字化图书馆、自动化数据录入、机器翻译、自动化表单填写等。OCR技术可以极大地提高处理文档和数据的效率，使得文字信息更容易访问和利用。在现代应用程序中，OCR（Optical Character Recognition）技术被广泛应用于将图像转换为可编辑的文本数据。
2023-10-26 20:46:41
11416
21
原创 优雅而高效的JavaScript——?? 运算符、?. 运算符和 ?. .运算符
本文通过对新的JavaScript语法特性??运算符、?.运算符和?..运算符进行深度横向纵向分析，分别介绍了它们的基本用法、与其他运算符的区别以及实际应用场景。这些新的语法特性在处理可能的空值情况时能够大大简化代码，并提高代码的可读性和健壮性。在日常的JavaScript开发中，合理使用这些语法特性将有助于提高开发效率和代码质量。
2023-10-20 06:00:00
4882
3
原创 前端（十八）——gitee上开源一个移动端礼盒商城项目（前端+后台）
项目样式老旧，ui设计较low，虽说现在大众的商城app都使用的是瀑布流布局，且功能更丰富。但本项目仅作为开源学习和技术交流，仅此而已。前端采用搭建vue脚手架处理，使用JavaScript语言，后台采用laravel框架处理，使用php语言。bug丶小狼人。
2023-09-06 14:34:23
4002
50
原创 echarts在vue3中的使用——其他页面跳转回echarts图表页面时，不显示图表的问题
简而言之，这相当于每个图表的一个唯一标识。每次图表创建时，就会生成这个东西。也就是说，在首页加载成功时，这个东西就已经生成了，当我从其他页面跳转到首页时，这个东西还在。所以就有了上面的警告：There is a chart instance already initialized on the dom.那么也就是说，只要删除掉这个属性，那么每次dom都会重新挂载，在切换页面时首页就可以正常显示了。
2023-08-16 09:47:36
3588
6
原创 echarts的xAxis和yAxis——x轴y轴以及网格线的详细配置
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'] //坐标轴刻度文字数据。symbol: ['none', 'arrow'], //坐标轴箭头 (可选'none' 'arrow' ['none','arrow'])
2022-12-26 13:02:32
41516
11
原创 中级程序员——vue3+js+git面试题
Vue3 最大的优点是性能优化和组合式 API。Vue3 在性能方面做了很多改进，比如使用 Proxy 对象进行响应式数据的追踪，减少了不必要的更新操作。另外，Vue3 引入了组合式 API，使得代码更加模块化和可复用。最大的缺点可能是学习成本相对较高，因为 Vue3 在很多方面和 Vue2 有较大的变化，需要重新学习和适应新的 API 和语法。在 Vue3 组合式 API 中，可以通过ref或reactive创建子组件的方法并导出，然后在父组件中引入子组件并调用。watch和。
2023-11-17 11:59:47
1172
2
原创 echarts的图表立体感——实现立体柱状图和立体饼图的详细教程
准备HTML结构和容器，用于容纳图表的展示。初始化Echarts实例，并将之前创建的容器关联起来。配置图表所需的数据，包括x轴和对应的柱状图的高度值（对于立体柱状图）或每个扇区的名称和对应的数值（对于立体饼图）。配置图表的选项，包括样式、颜色和其他属性。渲染图表并呈现在页面中，通过调用Echarts实例的setOption方法将之前配置好的选项应用到图表中，并通过调用Echarts实例的render方法将图表渲染出来。
2023-11-01 20:52:42
16813
18
原创 前端（二十七）——封装指南：Axios接口、常用功能、Vue和React中的封装技术
在我们前端开发当中，封装是种将代码和功能组织起来以便重复使用的方式。它可以使开发人员更高效地编写、维护和管理代码。本文将探讨前端封装的定义、重要性以及在Web开发中实施封装的方法。随着Web应用程序的复杂性不断增加，程序员需要应对各种挑战，如代码复用、维护性、可扩展性等。前端封装作为一种解决方案出现，旨在帮助开发人员更好地管理和组织代码。接下来我们一起探讨一下前端封装的概念和优势，并提供一些常见的实施封装的方法，以帮助大家更好地理解和应用前端封装。
2023-11-01 20:34:05
10044
7
原创 前端（二十六）——常见的HTTP异常状态码以及正反向代理配置
使用代理可以隐藏您的真实IP地址和位置信息，保护您的隐私。代理服务器会做为中间人来转发网络请求，得外部网站只能看到代理服务器的IP地址，而不是您的真实IP地址。这对于防止身份被踪或者避免个人信息泄露非常重要。许多地区或组织会对特定的网站、应用程序或内容进行封锁或限制访问。通过使用代理服务器，可以轻松地绕过这些封锁和限制，问被屏蔽的内容。
2023-11-01 09:46:05
3719
原创 在uni-app中使用ECharts - 配置四种不同的图表
在uni-app中集成ECharts可以为我们的应用提供强大的图表功能。我们详细说一下如何在uni-app中使用ECharts，并配置四种不同的图表。在uniapp中使用echarts的好处：数据可视化：ECharts提供了丰富的图表类型和交互功能，可以将数据以直观、可视化的方式展示出来。在uniapp项目中，通过使用ECharts可以轻松创建各种图表，如折线图、柱状图、饼图等，帮助用户更好地理解和分析数据。
2023-10-31 20:57:36
13251
10
原创 深度理解事件流和DOM事件流的工作原理
大家好，我是小猫娃。理解本文讲的东西，我们先看看钓鱼是咋回事。🐟首先我们在鱼钩上弄点鱼饵，然后扔到水里，你就一直等。（**准备捕获一条大鱼**）🐟正在此时，突然，鱼鳔动了，鱼上钩了。但是此时不能直接拉钩，鱼可能是在试探，得让鱼吃一会，吃差不多了，鱼咬住钩了，它会感到疼，然后摇摆，此时鱼鳔会剧烈抖动。（**让鱼吃一会**）🐟拉杆，鱼慢慢从水里上来，水面上会有好多泡泡。（**鱼出水，并冒泡**）
2023-10-27 14:28:03
548
20
原创 前端（二十四）——轮询与 WebSocket的battle
在现代Web应用中，实时通信已经成为用户体验的重要组成部分。实时通信指的是通过网站或应用程序实时传输数据并保持连接，在无需手动刷新页面的情况下更新内容。轮询和WebSocket都是用于现实时通信的技术。今天我们来对比一下这两种实现方式，看看到底哪个好。
2023-10-26 06:15:00
4706
6
原创 前端（二十三）——轮询和长轮询
现代Web应用程序对实时通信的需求越来越高，为了满足这种需求，轮询和长轮询成为了常用的技术手段。本文将深入探讨轮询和长轮询的实现原理、优缺点以及使用场景，并提供代码示例，以帮助读者更好地理解和应用这两种技术。
2023-10-25 06:00:00
8424
5
原创 前端（二十二）——前端工程化
前端工程化是指通过使用各种工具和技术，将前端开发过程中的重复、繁琐、易错的工作自动化和规范化，从而提高开发效率、代码质量和团队协作能力。随着Web应用的复杂性和前端开发的日益重要性，前端工程化已经成为现代前端开发的核心要素之一。前端工程化是一种开发方法论和实践，通过将前端开发流程中的各个环节进行规范化、自动化和模块化，以提升开发效率、代码质量和项目可维护性。提高开发效率：自动化构建工具和代码生成工具可以减少重复性的工作，提高开发效率，让开发人员能够更专注于业务逻辑的编写。
2023-10-24 14:45:00
5886
4
原创 前端（二十一）——WebSocket：实现实时双向数据传输的Web通信协议
在当今互联网时代，实时通信已成为很多应用的需求。为了满足这种需求，WebSocket协议被设计出来。WebSocket是一种基于TCP议的全双工通信协议，通过WebSocket，Web应用程序可以与服务器建立持久的连接，实现实时双向数据输，提供极低的延迟和高效的数据传输。
2023-10-24 09:19:56
10939
3
原创 前端（二十）——Vite和Webpack：前端开发中常用的构建工具
前端开发中，构建工具起到了至关重要的作用，能够帮助开发者提高开发效率、优化项目性能，并简化前端工程化流程。本文将重点介绍两个在前端开发中常用的构建工具：Vite和Webpack。我们将对它们的起源与发展进行简要介绍，然后详细分析它们的特点，最后对比评估它们在不同方面的优劣，以及如根据项目需求选择合适的工具。Vite的起源与发展Vite是由Vue.js的作者尤雨溪在2020年创造的一种新型构建工具。它的目标是提供一种更快速、更简单的开发体验。
2023-10-23 20:21:51
1510
原创 前端（十九）——vue/react脚手架的搭建方式
脚手架是前端开发中常用的工具，它能够帮助开发者快速搭建项目结构、配置开发环境和提供一些常用的功能模块。Vue和React作为两个主流的前端框架，官方都提供了相应的脚手架工具来帮助开发者快速开始项目。本文将详细讲解Vue和React的脚手架搭建方法，并介绍Vite和其他方式搭建脚手架的探讨。在开发Vue和React项目时，使用官方提供的脚手架工具能够帮助开发者快速搭建项目结构和配置开发环境。
2023-10-20 08:41:54
2768
原创 优雅而高效的JavaScript——try...catch语句（js异常处理）
除了内置的异常类型，JavaScript还允许我们创建自定义异常类型。通过创建自定义异常类型，我们可以根据自己的需求定义特定的错误类型，并在程序中抛出和捕获这些异常。要创建自定义异常类型，我们可以定义一个继承自Error的子类，并在子类中添加自定义的属性和方法。'自定义错误：' + this.message;try {throw new CustomError('这是一个定义错误');console.log('捕获到自定义错误：', error.getErrorMessage());
2023-10-19 12:00:00
20078
2
原创 优雅而高效——立即执行函数表达式()()；
在 JavaScript 中，立即执行函数表达式（Immediately Invoked Function Expression，简称IIFE）是一种常见的函数调用方式。它允许我们在定义函数后立即执行该函数，并且不会污染全局命名空间。本文将介绍立即执行函数表达式的定义、特点和应用场景，并通过示例代码演示其用法。立即执行函数表达式是一种在定义后立即执行的函数调用方式。它的特点是函数定义后紧跟一对括号，并且可以传递参数。函数定义后立即执行，无需显式调用。
2023-10-19 07:15:00
740
1
原创 优雅而高效的JavaScript——防抖和节流
防抖和节流是两种优化事件处理的方式，能够有效地提高页面性能和用户体验。在大量事件或者频繁触发事件时，使用防抖和节流可以降低事件处理的频率或延迟触发事件，从而避免页面卡顿、响应延迟等问题。防抖的基本原理是延迟触发事件，在事件停止触发一段时间后执行最后一次回调函数。通过使用防抖函数，可以将复杂的事件处理逻辑优化为延迟触发的形式。防抖适用于需要延迟触发事件，并在一定时间内只执行最后一次回调的情况。节流的基本原理是限制事件的触发频率，在一定时间只执行一次回调函数。
2023-10-18 20:43:16
1842
2
原创 优雅而高效的JavaScript—— Class 和模块化
Class 是一种用于创建对象的模板或蓝图。通过 Class，我们可以定义对象的属性和方法，并通过实例化来创建具体的对象。${this// 输出：Hello, my name is John..`);// 输出：Hello, my name is John.在上面的示例中，我们定义了一个名为 Person 的 Class，它有两个属性 name 和 age，以及一个方法 sayHello。通过 new 关键字可以创建 Person 的实例，并调用其方法。
2023-10-18 06:15:00
1498
2
原创 优雅而高效的JavaScript——Generator 函数
Generator函数是ES6中新增的一种函数类型，它可以用来生成迭代器对象。通过使用yield关键字在函数内部暂停和恢复代码的执行，Generator函数可以实现函数的暂停和恢复。Generator函数是一种特殊类型的函数，它可以在函数执行过程中多次返回值，并且可以通过next方法控制函数的执行。
2023-10-17 13:53:44
2009
4
原创 优雅而高效的JavaScript——Proxy 和 Reflect
Proxy 和 Reflect 是 JavaScript 中强大的特性，它们为我们提供了更大的灵活性和控制力来创建自定义行为的对象代理和实现元编程的功能。在本文中，我们学习了 Proxy 和 Reflect 的基本概念，介绍了它们的使用方法和示例。我们还探讨了 Proxy 和 Reflect 的应用领域，包括对象代理和元编程。希望通过本文的学习，你对 Proxy 和 Reflect 的概念和用法有了更深入的理解。
2023-10-17 10:13:44
833
3
原创 优雅而高效的JavaScript——模板字面量
模板字面量的定义模板字面量是一种更强大、更灵活的字符串表示方式，使用反引号（）包裹。与传统的字符串表示方式相比，模板字量允许在字符串中插入变量、表达式和原始字符串，并且支持多行文本的处理。模板字面量的特点使用反引号（`）包裹字符串，使得字符串更清晰易读。使用${}语法可以在字符串中插入变量和表达式。支持多行文本的处理，不再需要手动添加换行符。${.`;
2023-10-14 13:00:00
1332
4
原创 优雅而高效的JavaScript——扩展运算符
扩展运算符是三个点（…），它可以将一个数组或对象展开成多个元素，或将多个元素合并成一个数组或对象。扩展运算符是一种非常有用的语法，它可以在数组、对象和函数调用等场景中展开数组或对象，可以实现浅拷贝，实现数组的展开、合并、复制和解构赋值，对象的展开、合并、复制和解构赋值，以及函数参数的传递和返回值的处理。但是，在使用扩展运算符时需要注意其使用限制和性能问题。
2023-10-14 08:14:15
2907
5
原创 优雅而高效的JavaScript——箭头函数
箭头函数是一种相对于传统函数定义方式更简洁、灵活和易用的函数定义方式。它使用箭头（=>）来替代传统的function关键字，使得函数的定义更加精简和易读。本文将介绍箭头函数的基本语法和特点，对比传统函数的使用方式，并提供一些实例来说明箭头函数的使用场景和优势。箭头函数在处理回调函数时非常有用。它可以减少回调函数的定义代码量，使得代码更加简洁和易读。});本文介绍了箭头函数的基本语法和特点，对比了传统函数和箭头函数的使用方式和区别，并提供了一些使用箭头函数的场景和实例。
2023-10-12 20:16:32
1894
6
原创 JavaScript的懒加载处理
懒加载（Lazy Loading）是一种优化技术，它可以延迟加载某些资源，直到它们真正需要被使用的时候才进行加载。这种技术可以提升应用程序或网站的性能，减少初始加载时间。
2023-10-12 19:07:31
1915
5
原创 优雅而高效的JavaScript——解构赋值
解构赋值是一种从数组或对象中提取值并赋给变量的语法，它可以简化代码，使得对多个变量的赋值更加便捷和直观。在编写代码时，我们可以根据具体的需求选择使用数组解构赋值或对象解构赋值，并结合默认值和剩余参数等特性，来提升代码的可读性和可维护性。同时，了解解构赋值的注意事项和常见问题，以及应用于嵌套结构、函数返回值、函数参数和遍历数据结构等扩展应用，可以更好地发挥解构赋值的潜力。
2023-10-11 19:46:09
2345
1
原创 优雅而高效的JavaScript——Promise 和 async/await
在现代的web开发中，异步操作已经成为一种常见情况。在处理异步操作时，我们需要一种有效的方法来管理和处理这些操作，以确保代码的可读性和可维护性。Promise是一种用于处理异步操作的编程模式，而async/await则是对Promise的一种语法糖。本文将详细介绍Promise和async/await的相关概念以及它们的优势。
2023-10-10 23:30:00
1030
1
原创 优雅而高效的JavaScript——函数柯里化
在现代JavaScript开发中，函数柯里化（Function Currying）是一项非常有用的技术，它可以将多个参数的函数转换为接受一个参数的函数，并返回一个新的函数来处理剩余参数。函数柯里化不仅提高了代码的可复用性和灵活性，还方便了代码的组合和封装，使我们的开发更加高效。在本篇博客中，我们将深入探讨JavaScript中的函数柯里化的概念、原理和应用场景，并通过丰富的示例代码进行解析。函数柯里化是一种将多个参数的函数转变为接受一个参数的函数，并返回一个新的函数来处理剩余参数的技术。
2023-10-10 17:43:43
1417
6
原创 优雅而高效的JavaScript——高阶函数
JavaScript是一种高级编程语言，它支持高阶函数。高阶函数是指可以接受一个或多个函数作为参数，或者返回一个函数的函数。在JavaScript中，函数是一等公民，这意味着函数可以像变量一样被传递、赋值和使用。这个特点使得JavaScript非常适合使用高阶函数。在本文中，我们将学习什么是高阶函数，以及如何在JavaScript中使用它们。我们还将探讨高阶函数的一些常见用途，如函数组合、柯里化和延迟执行。最后，我们将介绍一些常见的高阶函数，如map、filter和reduce。
2023-10-10 15:54:01
2135
4
原创 前端（十七）——Web应用的安全性研究
前端安全性是保护Web应用程序的前端部分免受恶意攻击和数据泄露的关键措施。前端安全性对Web应用程序至关重要。它保护用户数据、预防恶意攻击、维护业务声誉，并增强用户对应用程序的信任。开发人员应该将前端安全性纳入开发流程中，并采取适当的措施来保护应用程序和用户数据的安全用户数据保护：前端安全性确保用户输入和敏感数据得到充分保护，防止被未经授权的访问或窃取。通过有效的输入验证、数据加密和安全的身份验证机制，可以保护用户的个人信息、密码和其他敏感数据。防止跨站脚本攻击
2023-09-06 14:31:58
1598
原创 从本地到Gitee：一步步学习文件上传及解决常见报错问题
在当今数字化时代，开发人员和团队需要一个可靠而高效的版本控制系统来管理代码和项目。Gitee作为一个流行的托管平台，为开发者提供了一种方便的方式来协作和共享代码。本教程将带您深入了解如何将本地文件上传到Gitee，并解决在这个过程中可能遇到的常见报错问题。让我们一起走进这个无缝上传的世界！此外，我们还将探讨如何处理其他可能的报错问题，例如权限错误、分支冲突以及提交问题等。通过这个教程，您将掌握解决这些问题的关键技巧，并能更加顺利地完成文件上传。
2023-09-04 16:15:35
2698
2
原创 前端（十六）——微信小程序语音转文字，文字转语音功能的实现
语音转文字和文字转语音功能在现代社会中具有重要的作用和意义。随着移动互联网的普及和技术的不断进步，这两个功能成为了人们日常生活和工作中不可或缺的一部分。语音转文字和文字转语音的能力使得人们能够更加便捷地进行沟通、记录和获取信息。首先，语音转文字的功能为用户提供了一种直接将口述内容转换为可编辑和存档的文字形式的方式。这使得会议记录、讲座笔记、语音笔记等变得更加高效和准确。无论是会议记录员、学生、记者还是研究人员，都可以通过语音转文字功能方便地记录和整理大量信息，从而提高工作效率。
2023-08-30 14:41:54
4346
4
原创 前端（十五）——开源一个用react封装的图片预览组件
拖拽，上下左右翻转、旋转，全屏，缩放，缩略图高亮。具体描述如下，缩放级别等数据可以自己改。在哪里改，都有注释，非常清晰。点击缩略图可以在模态框中展示选中的图片，并带有高亮。。可以放大和缩小图片，最大放大到130%，最小缩小到30%。。可以旋转图片，左旋转和右旋转分别是每次旋转90度。。可以上下翻转和水平翻转图片，点击按钮可以进行翻转和恢复默认状态。。可以使用键盘的箭头键进行上一张和下一张图片的切换，同时也支持使用键盘的上下箭头进行放大和缩小。。可以通过拖拽图片进行位置的调整，鼠标按下开始拖拽，松开结束拖拽。
2023-08-28 07:45:51
1871
4
原创 前端（十四）——DOM节点操作手册：你需要了解的一切
DOM（文档对象模型）是一种用于表示和操作HTML、XML和SVG文档的编程接口。它将网页文档解析为一个由节点组成的树形结构，每个节点代表文档中的一个元素、属性、文本或其他内容。DOM是很重要的，因为它让我们能够使用JavaScript等脚本语言直接操控网页内容，实现动态、交互性强的网页效果。通过DOM，我们可以改变网页的样式和结构，响应用户的操作，并且实现数据的动态加载和更新。这样就能够让网页更加生动有趣，提升用户体验。同时，DOM的标准化也保证了开发者在不同浏览器下的兼容性，使得开发更加便捷和可靠。
2023-08-24 22:15:24
3793
原创 前端（十三）——JavaScript 闭包的奥秘与高级用法探索
闭包是一种特殊的函数对象，它包含了函数的代码和在创建该函数时所处环境中的变量。简单来说，闭包就是一个函数和与之相关的引用的组合体。当一个函数内部定义了另一个函数，并且内部函数可以访问外部函数的变量时，我们就可以称这个内部函数为闭包。闭包可以“记住”创建它时的环境，即使在其定义的上下文已经不存在时仍然可以访问那些变量。这就像是一个函数带着一个包裹，包裹里面装着函数所需的数据。当我们调用这个闭包时，它会携带着这个包裹，使得内部函数能够继续访问和操作包裹里的数据。可以捕获并访问定义它的外部函数的变量。
2023-08-21 16:57:34
1560
3
原创 git版本管理加合并笔记
解决方法：vscode中会有很明显的提示，删掉，或者修改，然后再重新提交同6即可。git pull origin 分支名，指定获取哪一个分支最新版。合并过程会报冲突错误，代码中编写重复，或者样式冲突。git merge dev 将dev合并到master。1.创建空文件夹，右键Bash here打开。2.打开链接，点击克隆下载，复制SSH链接。8.在dev里修改内容，提交，步骤同6。但明明我已经有权限了， 还是蹦出个这。10.获取最新版，更新到本地。git merge 分支名。刷新页面合并成功就完事了。
2023-08-18 12:15:53
917
记录学习日志，富文本学习
2023-10-15
Gitee开源一个礼盒商城项目
2023-09-04
微信小程序语音转文字，文字转语音功能封装
2023-08-30
Gitee开源一个react封装的图片预览组件
2023-08-27
电脑录屏生成gif动图格式软件
2023-07-01
vue写法-使用js高阶函数实现多条件搜索功能
2023-06-27
react写法-使用js高阶函数实现多条件搜索功能
2023-06-27
less使用demo( css预处理语言)
2023-03-20
addressbook-demo（手把手教你用js实现手机通讯录功能）
2023-03-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人