- 博客(241)
- 资源 (29)
- 收藏
- 关注
RSS订阅原创 Vue 组件和插件：探索细节与差异
Vue组件和插件是Vue生态系统中的两种重要概念，它们分别服务于不同的目的，但都极大地丰富了Vue的功能性和可扩展性。
2024-03-28 10:30:19
822
原创 vue常用6种数据加密方式的使用
在Vue.js项目中，你可能需要执行数据加密以确保敏感信息的安全。虽然Vue.js本身不提供数据加密功能，但你可以使用JavaScript库来实现这一目标。
2024-03-13 15:57:16
4384
原创 Vue 组件和插件：探索细节与差异
Vue 组件和插件都是 Vue.js 框架的重要组成部分，但它们的作用和使用方式有所不同。组件主要用于构建用户界面，通过组合和嵌套形成复杂的应用。插件则主要用于扩展 Vue 的全局功能，使得 Vue 应用能够更加强大和灵活。在实际开发中，我们通常会同时使用组件和插件，以便更好地构建和管理 Vue 应用。
2024-03-04 21:01:23
1184
原创 vue怎么实现pdf、excel、word文件离线预览？2024年2月份最新测试（可行方案和详细代码在文章末尾）
vue怎么实现pdf、excel、word文件离线预览？2024年2月份最新测试，绝对可行，可行方案在最后面（文章末尾）
2024-02-22 17:36:37
1827
原创 10个常考的前端手写题
这里的实现是在触发函数时记录上一次执行的时间，如果当前时间与上次执行时间差大于设定的时间间隔，则执行函数。实现事件委托 事件委托是一种优化事件处理的方式，通过监听父级元素的事件，然后通过事件对象判断触发事件的具体子元素，从而减少绑定事件的数量。在这个实现中，当父元素接收到事件时，会向上遍历事件传播链，查找是否匹配特定选择器的目标元素，如果匹配就执行处理器函数。这里的实现同样创建了一个新的函数，并在其内部调用了原函数，同时保证了this指向和传参的正确性。
2024-02-17 19:46:03
1173
原创 vue 组件之间相互传值的6种方法
优点实现了数据从子组件向父组件的传递，遵循响应式设计原则。缺点只能实现相邻组件之间的通信，对于多层级嵌套组件间的通信较为复杂。如果组件间交互复杂，可能会导致大量自定义事件的使用，影响代码可读性和可维护性。
2024-01-28 21:17:33
12238
原创 前端世界的跨域挑战
在Web开发中，跨域问题是一个常见且具有挑战性的议题。这主要源于浏览器的同源策略（Same-Origin Policy），它是一种安全机制，用于限制来自不同源的文档或脚本如何与当前文档进行交互。同源指的是协议、域名和端口都相同。然而，在实际的前端开发中，我们经常需要从一个源（例如，域名A）的页面去请求另一个源（例如，域名B）的资源。这种情况下，我们就会遇到跨域问题。在解决跨域问题时，需要根据具体的应用场景和需求来选择最合适的方案。
2024-01-21 14:15:27
1336
原创 Vue3 和Vue2的区别，以及钩子函数的使用
Vue.js 3 和 Vue.js 2 是两个主要版本的流行前端框架，它们之间有很多区别，包括性能优化、新特性和改进的API等。以下是一些Vue 3与Vue 2之间的主要区别，以及一些示例代码来说明这些差异。
2024-01-13 21:32:04
1574
原创 react 6种方式编写样式
直接在React组件中使用style属性来定义样式。这种方式比较适合定义动态的样式，因为它允许你将JavaScript表达式作为样式的值。：通过创建外部的CSS文件，并在React组件中引入这些文件来定义样式。这种方式比较适合定义静态的、可复用的样式。：这是一种将CSS类名局部化的技术，可以有效避免类名冲突的问题。通过创建文件，并在React组件中引入这个文件，你可以使用模块化的CSS类名来定义样式。：这是一个流行的CSS-in-JS库，允许你以组件化的方式编写CSS。
2024-01-05 23:19:20
1957
1
原创 React MUI（版本v5.15.2）详细使用
React MUI（版本v5.15.2）是一个流行的React UI框架，提供了大量预先构建的组件，可帮助开发人员快速构建高质量的用户界面。总的来说，React MUI是一个功能强大、灵活且易于使用的React UI框架，适合用来构建各种各样的Web应用程序。
2023-12-30 20:10:05
1306
原创 java 数组合并的10种方法
自定义方法或库提供了灵活性，可以按照特定需求进行定制和优化。但是，这需要额外的开发时间和测试来确保正确性和性能。如果没有特定的需求或优化要求，通常推荐使用标准库或经过广泛测试的第三方库，因为它们更稳定且经过优化。
2023-12-19 14:33:36
2365
原创 vue最强table vxe-table 虚拟滚动列表 前端导出
要自定义表格中的字段显示，你可以使用formatter属性。这个属性允许你对字段的值进行格式化或翻译。例如，假设你有一个字段名为status，它的值可能是01或2，你想将这些值显示为未开始进行中和已完成data() {return {// ... 其他数据 ...// ... 其他列定义 ...{ field: 'status', title: '状态', formatter: this.formatStatus }],},methods: {case 0: return '未开始';
2023-12-19 10:29:28
6302
原创 Web前端 ---- 【vue】vue 组件传值（props、全局事件总线、消息的订阅与发布）
具体代码如下：首先定义一个 mutation：然后在一个组件中提交这个 mutation：在另一个组件中监听状态的变化并做出响应：使用 Vuex 可以让我们的应用更加的可预测和可维护。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。全局事件总线是一种在组件之间传递数据的模式，但它不是 Vue 的官方推荐方式，因为它可能会使得代码的逻辑复杂化和难以维护。在 Vue.js 中，组件之间的数据传递是一个常见的需求。现在，你可以在任何组件中发布和订阅消息。
2023-12-11 12:08:54
804
原创 CSS3 属性： transition过渡 与 transform动画
CSS3 提供了很多强大的功能，使开发人员可以创建更加吸引人的视觉效果，而不需要依赖于 JavaScript 或 Flash。其中，transition和transform是两个常用的属性，它们分别用于创建平滑的过渡效果和元素的变形效果。下面我们将详细介绍这两个属性的使用方法并给出代码示例。
2023-12-07 16:20:35
2464
1
原创 Vue封装组件 父子组件相互传值
综上所述，父子组件通信是Vue中常见的场景，使用props属性和$emit方法可以实现简单易用的双向通信。但在实际应用中需要注意避免过度耦合和性能问题，以及处理可能存在的数据竞争问题。在Vue中，父子组件通信是非常常见的场景。
2023-12-05 11:22:37
1648
原创 vue3 解决各场景 loading过度-5中方法
使用场景：当需要提供更好的用户体验时，可以使用自定义的全局 loading 组件。优点：可以提供更美观、更易于使用的 loading 组件。此外，自定义的 loading 组件可以更好地控制其显示和隐藏。缺点：需要一定的开发成本。
2023-11-27 16:59:08
1133
原创 前端实现留言板
留言板的主要使用场景是为用户提供一个在网站或应用上留言的平台，这样他们可以分享自己的想法、意见或建议。这些留言可以帮助开发者收集用户反馈，从而改进产品或服务。使用HTML、CSS和JavaScript实现的留言板：这种方法的优点是简单易实现，不需要服务器支持，适用于小型的、静态的留言板。但是，由于所有数据都存储在客户端，所以如果用户清理了浏览器缓存或更换了设备，他们的留言可能会丢失。此外，这种方法也无法处理多个用户同时提交留言的情况，可能会导致数据的混乱。
2023-11-27 16:48:00
2788
原创 js算法面试题（附答案）
题目：给你两个有序整数数组 nums1 和 nums2，请你将它们合并成一个的新数组。题目：给你一个包含 n 个整数的数组 nums，判断是否可以使用其中的四个数来组成一个矩形。题目：给你一个包含 n 个整数的数组 nums，判断是否可以通过在数组中选择一个起始点，然后向后选择两个整数，使得这三个整数的和等于目标值。题目：给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。题目：给你一个字符串 s，请你将它反转成一个新的字符串。
2023-11-21 16:50:02
957
原创 vue EpicEditor 和Vue-quill-editor详细使用说明
EpicEditor和Vue-quill-editor都是基于Quill.js的富文本编辑器，并且都提供了许多强大的功能。它们的主要区别在于配置选项和工具栏选项。EpicEditor的配置选项中，theme对象定义了主题颜色、次级颜色、三级颜色等，而editor.modules.toolbar数组则定义了工具栏的选项，包括加粗、斜体、下划线、颜色和背景色自定义、列表格式设置、脚本格式设置、缩进级别设置、文本方向设置、字体大小设置以及链接、图片和视频插入等。相比之下，Vue-quill-editor的配置选项
2023-11-20 11:24:20
651
原创 什么是Vue的前端微服务架构（Micro Frontends）？
前端微服务架构（Micro Frontends）是一种借鉴了后端微服务架构思想的新型前端架构风格。它将前端应用程序拆分为多个小型、独立的部分，每个部分都可以独立部署、独立开发和独立运行。这种架构的出现是为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，而相似的限制也开始在前端工程中出现。微前端（Micro-frontends）的主要理念是切分你的大应用到更小的、自治的应用中，让每个单个功能能够聚焦在自己的业务上而不关心其他应用的。
2023-11-16 11:07:35
977
原创 vue + ECharts 柱状图，条形图，折线图，扇形图的使用说明和代码实现
ECharts的优点主要包括以下几点：首先，它是开源免费的，我们可以免费使用ECharts，不需要缴纳任何费用。其次，它的功能丰富，提供了各种各样的图表，支持各种各样的定制，能满足各种需求。ECharts具有丰富的图表类型，包括线图、柱状图、散点图、饼图、雷达图等，可以适应不同需求的数据可视化。对于柱状图，它利用柱子的高度反映数据的差异，肉眼对高度的差异很敏感，但局限在于只适用中小规模的数据集。折线图则适合二维的大数据集，还适合多个二维数据集的比较，一般用来表示趋势的变化。
2023-11-11 21:24:30
1415
原创 MySQL分页存储概念清晰梳理
分页存储是操作系统中常用的一种内存管理技术，MySQL数据库也采用了这种技术。在MySQL中，数据并不总是连续存储的，而是被分成一个个页面（Page），每个页面有一定的数据大小（如16KB、32KB等）。这些页面在内存中组成了页表（Page Table），而页表中的每一项称为页表项（Page Table Entry），用来存储页面在内存中的位置信息。
2023-11-09 23:13:59
486
原创 前端TypeScript学习-交叉类型与泛型
交叉类型和泛型虽然有一些区别，但它们都可以用来实现更灵活的类型定义和复用。下面分别介绍它们的详细示例、优缺点和使用场景。
2023-10-27 18:54:11
278
原创 vue 封装组件全过程
创建组件文件：在项目中创建一个新的组件文件，一般以.vue为后缀，例如MyComponent.vue。组件的props和事件：通过props向组件传递数据，通过事件向父组件通信，遵循单向数据流的原则。组件的封装粒度：封装组件时需要考虑组件的封装粒度，尽量保持组件的功能单一，方便维护和复用。组件的可复用性：尽量将组件设计成可复用的，避免与具体业务逻辑耦合过深。组件的命名规范：遵循一定的命名规范，例如使用驼峰式命名或短横线命名。以上是封装组件时常用的事件和注意事项，希望对你有所帮助！组件的样式隔离：使用。
2023-10-25 10:52:18
4397
原创 软件架构风格-BS三层架构
BS三层架构（Browser/Server three-tier architecture）是一种常见的软件架构模式，将一个应用程序分为三个主要的逻辑层：表示层（Presentation Layer）、业务逻辑层（Business Logic Layer）和数据访问层（Data Access Layer）。每个层有不同的职责和功能，通过清晰的分层结构提高了应用程序的可维护性、可扩展性和可测试性。
2023-10-17 09:42:39
4861
原创 微信小程序详细教程-建议收藏
微信小程序是一种基于微信平台的应用程序，它可以在微信客户端上运行，提供类似于原生应用的功能和体验。下面是一个简单的微信小程序详细教程，帮助你了解如何开发一个微信小程序。
2023-10-02 10:24:23
380
原创 JavaScript基础-简单易懂总结
基本数据类型包括数字（Number）、字符串（String）、布尔值（Boolean）、空值（Null）、未定义（Undefined）和符号（Symbol）。JavaScript基础主要包括数据类型、变量和常量、运算符、条件语句、循环语句、函数、对象和面向对象编程、数组、DOM操作以及异步编程等。==、>、=、
2023-09-26 09:37:59
228
原创 快速掌握ES6
let和const：let和const是新的变量声明关键字。let声明的变量是块级作用域的，只在声明的块内有效。而const声明的变量是常量，一旦赋值就不能再改变。箭头函数：箭头函数是一种新的函数声明方式。它可以简化函数的定义和调用，并且可以绑定this的值。箭头函数没有自己的this，它继承自外部作用域的this。
2023-09-19 20:52:10
415
3
原创 Vue-DPlayer详细使用（包含遇到坑）
Vue-DPlayer：一个优秀的视频播放器组件Vue-DPlayer是一个易于使用、高性能的基于Vue.js的视频播放器组件。如果你需要在你的Vue.js应用程序中实现视频播放功能，那么Vue-DPlayer就是一个很好的选择。在下面的文章中，我们将从以下四个方面对Vue-DPlayer进行详细的阐述:一、安装Vue-DPlayer并简单使用在安装Vue-DPlayer之前，请确保已经安装了Vue.js。
2023-09-16 11:12:32
5514
1
原创 Vite 完整版详解
在使用 TypeScript 的同时，您可以享受到 Vite 带来的快速的冷启动和热重载的特性。在开发模式下，Vite 会提供一个开发服务器，实现快速的冷启动和热重载，以便在开发过程中获得即时的反馈。在生产模式下，Vite 会对应用程序进行优化和打包，以提供更高的性能和更小的文件大小。命令，Vite 会将应用程序的源代码打包成一个或多个优化的静态文件，以便在生产环境中进行部署。Vite 默认情况下不支持老版本的浏览器，因为它使用了一些现代的 JavaScript 特性和浏览器原生模块的功能。
2023-09-14 21:21:50
854
原创 vue 使用canvas 详细教程
Vue.js 是一个流行的 JavaScript 框架，用于构建用户界面。它提供了一种简洁的方式来管理和渲染数据，同时也支持与其他库和工具的集成。方法获取当前的时间，并根据小时、分钟和秒钟的值计算出指针的位置。然后，我们定义了一些函数来绘制时钟的各个部分。方法绘制了一个填充整个 Canvas 的矩形。方法绘制一个矩形路径，并使用。方法绘制一个圆形路径，并使用。方法开始一个新的路径，使用。方法开始一个新的路径，使用。函数，实现时钟的动态效果。函数用于绘制时钟的外圆，函数用于绘制时钟的刻度，
2023-09-12 14:23:25
8119
原创 前端同学的Nginx配置指南
server块（Server Block）：server块用于配置具体的虚拟主机。全局块（Global Block）：全局块包含了全局的Nginx配置指令，用于设置Nginx的全局参数。反向代理配置：如果需要将请求代理到其他服务器，可以使用反向代理配置。events块（Events Block）：events块用于配置Nginx的事件模型。http块（HTTP Block）：http块包含了HTTP服务的配置指令。块来配置静态文件的访问。重启Nginx：在修改完配置文件后，需要重启Nginx使配置生效。
2023-09-10 12:39:49
2016
原创 前端的8种跨域解决方案
在前端开发中，常见的跨域解决方案有以下8种：CORS（Cross-Origin Resource Sharing）：通过服务器设置响应头，允许指定的源（域名、协议、端口）进行跨域请求。反向代理：在服务器端设置一个代理服务器，将前端的请求发送到目标服务器，并将目标服务器的响应返回给前端，从而实现跨域请求。WebSocket：使用WebSocket协议进行跨域通信，WebSocket协议默认支持跨域请求。postMessage：通过方法在不同窗口之间进行跨域通信，可以实现跨域数据传递
2023-09-08 22:46:10
1323
原创 vue echart详细使用说明
在Vue组件中，你需要导入ECharts库，并创建一个ECharts实例来绘制图表。在Vue项目中使用ECharts之前，你需要先安装ECharts库。在Vue模板中，你需要创建一个用于显示图表的容器元素。对象中，你可以配置图表的类型、数据、样式等。
2023-09-07 17:15:49
1611
原创 二进制十进制，十六进制相互怎么转
十进制转十六进制：将十进制数不断除以16，直到商为0为止，每次除法得到的余数就是十六进制数的对应位的值，如果余数大于9，则使用字母A~F表示。十进制转二进制：将十进制数不断除以2，直到商为0为止，每次除法得到的余数就是二进制数的对应位的值，最后将余数从下往上排列即可得到二进制数。二进制转十进制：将二进制数从右往左依次对应的位数为2的幂次，然后将每个位上的数字乘以对应的权重，最后将结果相加即可得到十进制数。加密和安全：在加密和安全领域，二进制和十六进制常用于表示和处理密钥、哈希值和其他加密算法中的数据。
2023-09-04 20:18:02
445
1
银河麒麟桌面系统V10 2303-LoongArch64 版本mariadb数据库离线deb安装包-24年3月最新测试
2024-03-13
银河麒麟桌面系统V10 2303-飞腾,鲲鹏,arm64架构,redis离线deb安装包-24年6月测试
2024-07-04
银河麒麟桌面系统V10 2303-飞腾,鲲鹏,arm64架构,nginx离线deb安装包-24年6月测试
2024-07-04
银河麒麟桌面系统V10 2303-飞腾,鲲鹏,arm64架构,minio离线deb安装包-24年6月测试
2024-07-04
银河麒麟桌面系统V10 2303-飞腾,鲲鹏,arm64架构,mysql(mariadb)数据库离线deb安装包-24年6月测试
2024-07-04
银河麒麟桌面系统V10-v2303，jdk离线deb安装包（飞腾-鲲鹏-arm64架构）-24年6月份测试
2024-07-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人