- 博客(63)
- 收藏
- 关注
RSS订阅原创 前端canvas实现图片涂鸦(Vue2、Vue3都支持)
先看一下效果图吧代码组成：画笔大小、颜色、工具按钮都是组件，通俗易懂，可以按照自己的需求调整。
2024-05-28 17:11:01
753
原创 开放分享：大学生毕业项目和论文资料的新时代
首先，开放分享使得优秀的毕业项目和论文得以被更多人了解和参考，不仅可以激发更多的学术思考，还能够促进相关领域的进步和发展。其次，这种做法也有助于建立更加开放和包容的学术氛围，让学术成果不再局限在学术界内部，而是能够为社会大众所共享和应用，真正实现了知识的民主化。首先，通过分享自己的学术成果，他们可以获得更广泛的认可和赞誉，提升自己的学术声誉和影响力。总之，免费无偿分享毕业项目和论文资料是一个全新的学术风气，它不仅有助于促进学术交流和知识共享，还能够为大学生们提供更广阔的学术平台和发展空间。
2024-04-23 11:23:24
192
原创 Pytorch与深度学习
深度学习是一种基于神经网络的机器学习方法，通过多层次的非线性变换来学习数据的表示，实现对复杂模式的建模和识别。在深度学习中，常用的神经网络模型包括全连接神经网络、卷积神经网络（CNN）和循环神经网络（RNN）等。它通过卷积层、池化层和全连接层构成，其中卷积层可以提取输入数据的局部特征，池化层可以降低数据维度，全连接层则用于分类或回归任务。PyTorch 拥有庞大的用户社区和活跃的开发者社区，提供了丰富的文档、教程和示例代码，为用户提供了充足的学习资源和技术支持。### 2. PyTorch 的使用。
2024-04-23 10:53:59
641
原创 npm详解
npm的安装与配置非常简单，通过npm的各种命令，我们可以轻松地实现各种操作，如安装、升级和卸载模块，运行脚本等。npm的功能非常丰富，不仅可以安装和升级Node.js模块，还可以管理项目的依赖关系、运行脚本、发布模块到npm仓库等。npm是随Node.js一起安装的，所以只需要下载并安装最新版本的Node.js即可。然后，在模块的根目录下创建一个名为package.json的文件，并定义好模块的相关信息。在Node.js中，模块是代码的集合，可以通过require函数来引入模块。
2024-04-23 10:45:13
569
原创 循环打印红黄绿
版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。函数暂停1秒，然后继续打印下一个颜色。这样就实现了红黄绿循环打印。要停止循环打印，可以在终端中按。🙋♂️ 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！循环来无限循环打印红、黄、绿。每个颜色打印后，使用。🐱 个人主页：SHOW科技，公众号：SHOW科技。
2024-01-29 16:22:09
169
原创 实现每隔一秒打印 1,2,3,4
版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。🙋♂️ 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！然后，使用一个无限循环来打印。🐱 个人主页：SHOW科技，公众号：SHOW科技。的值大于4时，跳出循环。函数来暂停1秒钟，以实现每隔一秒打印一次。📢 资料领取：前端进阶资料可以找我免费领取。在每次循环结束时，将。
2024-01-29 16:21:11
236
原创 使用setTimeout实现setInterval
可以根据实际需求传入不同的函数和延迟时间来实现不同的定时任务。版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。🙋♂️ 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！可以使用递归调用setTimeout来实现setInterval的功能。🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！函数，该函数接受一个函数和延迟时间作为参数。内部定义了一个闭包函数。
2024-01-29 16:20:15
191
原创 实现Promise.all
我们还定义了一个空数组results来存储每个Promise对象的解决值，并定义了一个count变量来跟踪已成功解决的Promise对象的数量。Promise.all是一个静态方法，它接受一个可迭代的对象（比如数组）作为参数，并返回一个新的Promise对象。这个新的Promise对象将在可迭代对象中的所有Promise对象都成功解决后解决，并将解决值组成一个数组作为其解决值。如果其中一个Promise对象被拒绝了，我们将直接调用reject函数将错误传递给新的Promise对象，使它被拒绝。
2024-01-29 16:19:35
607
原创 异步控制并发数
异步控制并发数通常用于限制同时进行的异步操作数量，以避免资源过度占用或网络请求过多导致的性能问题。接着使用一个循环来执行10个异步操作，每个异步操作都被包装为一个异步函数并添加到异步操作队列中。当异步操作队列中的异步函数数量达到并发数上限。方法等待当前所有异步操作完成，并清空异步操作队列。这样，就可以通过控制并发数，实现异步操作的有效管理和控制。函数，用于控制同时进行的异步操作数量。函数，用于模拟异步操作。函数中，我们首先定义了最大的并发数。在这个示例代码中，我们定义了一个。，以及一个异步操作队列。
2024-01-29 16:18:54
247
原创 实现发布-订阅模式
发布-订阅模式是一种经典的设计模式，它用于解耦观察者和被观察者，实现对象之间的松耦合。在发布-订阅模式中，有一个被称为发布者（Publisher）的对象，它负责发布事件或消息，而有一个或多个订阅者（Subscriber）对象订阅这些事件或消息。通过实例化发布者对象，创建订阅者对象，并将订阅者添加到发布者的订阅者列表中，可以实现发布-订阅模式。当发布者发布消息时，所有订阅者都会收到通知，并执行相应的操作。方法用于发布消息，遍历所有订阅者对象，调用它们的。方法用于将订阅者添加到列表中，
2024-01-29 16:16:19
187
原创 实现观察者模式
观察者模式是一种设计模式，用于在对象之间定义一对多的依赖关系，当一个对象的状态发生改变时，其依赖对象都会收到通知并自动更新。这样，当被观察者的状态发生改变时，观察者会收到通知并更新状态。方法中，创建了一个被观察者对象和一个观察者对象，然后注册观察者、通知观察者并移除观察者。实现被观察者接口：创建具体的被观察者类，实现被观察者接口的方法，并维护观察者列表。定义被观察者接口：定义被观察者的方法，用于添加、删除和通知观察者。实现观察者接口：创建具体的观察者类，实现观察者接口的方法。是一个具体的观察者类，实现了。
2024-01-29 16:14:05
175
原创 手写reduce：reduce的使用及实现
这个简化版的reduce函数首先将可迭代对象转换为迭代器，并初始化累积值value。然后使用for循环遍历迭代器，每次将当前元素与累积值传递给二元操作函数，并将结果更新为新的累积值。最后返回最终的累积值。reduce函数是Python内置的一个高阶函数，用于对可迭代对象进行累积操作。reduce接受一个二元操作函数和一个可迭代对象作为参数，返回一个单值结果。现在，我们手写一个简化版的reduce函数来实现类似的功能。
2024-01-29 16:12:10
148
原创 获取URL参数：split方法、URLSearchParams方法示例
总结： 使用split()方法和URLSearchParams()方法都可以很方便地获取URL参数。split()方法比较适合简单的情况，而URLSearchParams()方法提供了更多的功能，适用于复杂的URL参数解析和处理。在JavaScript中，可以使用多种方法来获取URL参数，其中常用的方法有split()和URLSearchParams()。🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！🐱 个人主页：SHOW科技，公众号：SHOW科技。
2024-01-29 16:05:31
336
原创 前端手写实现继承，ES5继承（寄生组合式继承）ES6继承示例
版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。🙋♂️ 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！🐱 个人主页：SHOW科技，公众号：SHOW科技。📢 资料领取：前端进阶资料可以找我免费领取。注意：ES6的继承更简洁明了，直接使用。关键字定义父类和子类，并使用。关键字调用父类的构造函数。关键字进行继承，通过。
2024-01-29 16:03:19
171
原创 vue3使用vue-diff插件实现文本对比
vue-diff会根据这两个属性的值进行文本对比，并展示出修改的部分。你可以根据自己的需求，修改。的值来进行不同的对比。
2024-01-29 15:57:34
1372
原创 Echarts的常用API，以及常用的写法
ECharts是一款基于JavaScript的开源可视化库，用于构建交互式的图表和可视化数据。它提供了丰富的API用于定制图表和处理数据。以上是ECharts的一些常用API和写法的简介。在实际使用中，可以根据具体需求进行更多的配置和定制化。
2024-01-12 16:01:31
897
原创 Echarts封装动态加载组件，并且添加循环效果
基于 Echarts 框架的组件，用于实现数据滚动效果。在该组件中，我们首先引入了 Echarts 库，并定义了组件的名称和所需的 props 属性。在 mounted 钩子函数中，我们调用 initChart 方法来初始化图表，并使用 setInterval 定时器来触发 updateChart 方法，以实现数据滚动效果。在 updateChart 方法中，我们通过复制数据、移除数据、截取数据等操作来更新图表，并计算出当前数据索引。
2024-01-12 15:43:20
623
原创 每个前端开发需要了解的15个强大的CSS属性
要创建不同的效果，可以尝试不同的grayscale值，例如grayscale(50%)将使图像呈现一种半色调效果。下面的示例中，实际的 div 元素是紫色的，盒子阴影是天蓝色的，并且设置在右下方 10 像素处。如果使用0到100%之间的值，可以创建不同的效果。使用CSS的图像转换效果，可以通过调整值来轻松地将彩色图像转换为黑白，并实现各种不同的效果。如果输入元素的当前值在 min 和 max 属性的范围之间，那么它就处于范围内。如果输入元素的当前值超出了min和max属性的范围，那么它就是超出范围的。
2024-01-03 17:23:46
802
原创 http——https实现指南
HTTP（超文本传输协议）是一种使用明文传输的协议，数据不加密，容易被窃听和篡改。可以通过购买商业证书来获得，或者使用免费的证书颁发机构（如Let's Encrypt）生成证书。更新网站代码和资源：一旦HTTPS正常工作，需要确保网站上的所有链接都使用HTTPS。重定向：为了确保所有的HTTP请求都被重定向到HTTPS，可以将HTTP请求重定向到HTTPS。需要注意的是，实现HTTPS需要一些技术知识和经验，特别是在配置服务器方面。这通常涉及将证书文件上传到服务器，并在服务器配置中指定证书的位置。
2023-12-29 09:40:30
403
原创 【vue3】组件的二次封装
在Vue 3中，可以通过二次封装组件来对组件进行定制化的扩展和封装。以下是一个简单的示例，演示如何使用Vue 3的Composition API来进行组件的二次封装。这种方式可以让我们在编写组件时更加灵活，可以根据实际需求进行定制化扩展，提高组件的可复用性和可维护性。作为父组件，可以在其中添加需要的定制化内容，并且可以在父组件中定义相关的数据和方法。然后，在需要进行二次封装的组件中引入。组件，并进行定制化的扩展。首先，创建一个基础组件。
2023-12-29 09:20:48
519
原创 精解 ES6 this指向
然而，当我们将sayHello方法赋值给一个变量并调用时，this指向就变成了全局对象（在浏览器中为window对象），因此输出了undefined。当我们在全局作用域中调用sayHello函数时，this指向的是全局对象，因此输出了undefined。在上面的例子中，当我们使用对象的方法调用sayHello函数时，this指向的是调用该方法的对象（即person对象）。在上面的例子中，箭头函数sayHello中的this指向的是函数定义时所在的上下文，即全局作用域。在上面的例子中，当我们调用。
2023-12-25 10:42:26
374
原创 精解 ES6 set和map数据结构
Map通过set()方法设置键值对，通过get()方法获取指定键对应的值，通过has()方法判断是否包含指定键，通过size属性获取Map的大小，通过delete()方法删除指定键，通过clear()方法清空Map中的所有键值对。Set通过add()方法向集合中添加元素，通过delete()方法删除指定元素，通过has()方法判断集合中是否包含某个元素，通过size属性获取集合的大小，通过clear()方法清空集合中的所有元素。ES6中引入了Set和Map两种新的数据结构，用于存储一组唯一的值和键值对。
2023-12-25 10:35:41
364
原创 精解 ES6解构赋值
总结：ES6解构赋值是一种方便的语法，可以从数组或对象中提取值，并将其赋给一组变量，从而简化了代码的编写。默认值： 在解构赋值中，可以为变量设置默认值，当提取的值为undefined时，将使用默认值。用于函数参数的解构赋值： 解构赋值也可用于函数参数中，方便提取函数参数对象的属性值。ES6解构赋值是一种方便的方式，可以从数组或对象中提取值，并将其赋给一组变量。嵌套解构赋值： 可以在解构赋值中使用嵌套结构，以提取嵌套对象或数组中的值。这里将对象的name属性赋给变量name，age属性赋给变量age。
2023-12-25 10:32:24
389
原创 精解 ES6箭头函数
需要注意的是，箭头函数没有自己的this关键字，它继承外层作用域的this值。版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。总结来说，箭头函数提供了一种简洁、清晰的方式来定义函数，特别适用于简单的函数表达式，可以帮助提高代码的可读性和编写效率。隐式返回值：如果函数体只有一条表达式，并且不需要额外的处理，可以省略return关键字，函数会自动返回表达式的结果。简化的参数书写：当只有一个参数时，可以省略参数的圆括号。
2023-12-25 10:31:01
335
原创 精解 WbeGL着色器
着色器是WebGL中一个至关重要的组成部分，它们用于控制图形的渲染过程，包括顶点的位置、颜色和纹理等属性。它接收输入数据，例如纹理坐标和顶点属性，然后根据设置的光照模型、纹理样本和其他参数对其进行计算，最终输出最终的颜色。顶点着色器是一个程序，用于为每个顶点计算其最终的位置和属性。它接收输入数据，例如顶点的位置和法线，然后根据设置的变换矩阵和其他参数对其进行计算，最终输出变换后的位置。顶点着色器处理每个顶点的位置和属性，片段着色器则处理顶点之间的插值颜色。的属性变量，表示顶点的位置。
2023-12-25 10:24:43
344
原创 Cesium模型部署到线上，优化初始化黑屏情况
使用LOD模型：Cesium支持使用LOD（Level of Detail）模型，可以根据距离调整模型的细节级别，减少加载和渲染的工作量。其他优化：如果以上方法都无效，可以考虑使用其他调试工具，如Chrome开发者工具、Cesium调试工具等，进行进一步的分析和优化。分段加载：如果模型过大，在初始化时可以只加载部分模型或者先加载低分辨率的模型，待页面初始化完成后再加载完整模型。检查资源加载：Cesium模型通常需要加载大量的资源文件，确保这些资源文件的路径正确无误，并且能够正常加载。
2023-12-25 10:21:08
592
原创 精解 ES6 Promise 用法
ES6 Promise 是一种用于处理异步操作的方式。它是一个对象，表示一个异步操作的最终完成（或失败）及其结果的值。Promise 可以通过链式调用的方式，更方便地处理异步操作的结果。ES6 Promise 是一种用于处理异步操作的方式。它是一个对象，表示一个异步操作的最终完成（或失败）及其结果的值。Promise 可以通过链式调用的方式，更方便地处理异步操作的结果。这只是 Promise 的基本用法，还有更多高级用法和技巧可以探索。这只是 Promise 的基本用法，还有更多高级用法和技巧可以探索。
2023-12-25 10:18:47
368
原创 计算机视觉（CV）技术的优势和挑战
尽管计算机视觉技术面临一些挑战，但它的优势使其在许多领域具有广泛的应用潜力，并为我们提供了更好的理解和利用图像和视频数据的方式。版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。计算机视觉（CV）技术是一种通过计算机算法和模型分析和理解图像和视频内容的技术。🙋♂️ 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！
2023-12-22 09:08:52
377
原创 Apache Spark 的基本概念和在大数据分析中的应用。
Spark SQL：Spark SQL是Spark的一个模块，提供了对结构化数据进行查询和分析的功能。总的来说，Apache Spark是一种强大的大数据处理和分析引擎，可以快速处理大规模数据，支持多种数据处理和分析任务，并具有高性能和弹性分布式计算能力。数据流转换：Spark提供了丰富的数据流转换操作，例如map、reduce、filter、join等，可以对RDD进行高效的转换和处理。弹性分布式计算：Spark的RDD提供了容错和弹性的数据处理能力，可以在集群中分布式处理数据，并进行数据的故障恢复。
2023-12-22 09:07:41
406
原创 区块链技术的应用场景和优势。
通过将物流信息、产品信息和交易信息记录在区块链上，可以实现供应链的端到端可视性，减少信息不对称和欺诈行为，提高供应链的效率和安全性。通过将医疗数据记录在区块链上，可以确保数据的安全性和一致性，方便医疗机构之间的数据共享和交流，提高医疗服务的质量和效率。通过将物联网设备的身份和数据记录在区块链上，可以确保数据的安全性和不可篡改性，提高设备之间的互操作性，并实现可信的自动化管理和交互。通过将版权信息记录在区块链上，可以确保作品的来源和创作时间的可信性，帮助艺术家和创作者保护自己的知识产权。
2023-12-22 09:07:04
545
原创 人工智能在现代科技中的应用和未来发展趋势。
机器学习和数据分析：人工智能可以利用机器学习算法对大规模数据进行分析和模式识别，从而提供有关趋势和模式的洞察。综上所述，人工智能在现代科技中有着广泛的应用，并且未来的发展将进一步加强其在各个领域的作用和影响。随着技术的不断进步和创新，人工智能将继续为我们带来更多的机会和挑战。自主智能系统：人工智能的未来发展趋势之一是创建能够自主学习和改进的智能系统。这样的系统可以适应变化的环境、自主解决问题，并具有更高的智能水平和能力。机器视觉：人工智能可以通过图像和视频分析来理解和识别物体、人脸、场景和动作。
2023-12-22 09:05:39
420
原创 Docker 的基本概念和优势，以及在应用程序开发中的实际应用。
容器化：容器化是将应用程序和其依赖项打包到一个独立的容器中，使其能够在不同的环境中进行部署和运行。水平扩展和负载均衡：通过使用Docker容器，可以将应用程序分布在多个主机上，并使用负载均衡来实现水平扩展，提高应用程序的性能和可用性。通过使用镜像，可以快速创建和启动多个容器。开发环境管理：Docker可以创建一个包含开发所需的所有软件和配置的容器，确保开发团队在不同的开发环境中具有一致的配置。环境一致性：使用Docker可以确保应用程序在不同的环境中具有一致的运行方式，消除了“在我的机器上能工作”的问题。
2023-12-22 09:02:54
357
原创 自然语言处理（NLP）技术
问答系统：NLP技术可以用于构建智能问答系统，使计算机能够理解和回答用户的问题。例如，IBM的Watson可以使用NLP技术来回答广泛范围的问题。例如，苹果的Siri和亚马逊的Alexa使用NLP技术来理解和响应用户的语音命令。例如，新闻摘要生成器可以使用NLP技术来提取新闻文章中的关键信息并生成简洁的摘要。例如，社交媒体监控工具可以使用NLP技术来分析用户对某个产品或事件的情感。这些只是NLP技术的一些示例，NLP在语音识别、机器翻译、信息检索、文本挖掘等领域都有广泛的应用。
2023-12-21 17:52:49
270
原创 机器学习中的 K-均值聚类算法及其优缺点。
总结起来，K-均值聚类算法是一种简单有效的聚类算法，适用于大规模数据集。然而，它对初始聚类中心的选择敏感，并且对噪声和离群点较敏感。在处理复杂数据集或非凸形状数据集时，可能需要使用其他聚类算法。K-均值聚类算法是一种常用的无监督学习方法，用于将数据集划分为K个不重叠的聚类。这种算法的目标是最小化聚类内部的方差，使得相同簇中的数据点更加相似，而不同簇之间的数据点更加不相似。
2023-12-21 16:56:08
327
原创 RESTful API，以及如何使用它构建 web 应用程序。
RESTful API（Representational State Transfer）是一种基于 HTTP 协议的设计风格，用于构建网络应用程序。它使用统一的接口来实现资源的状态转移和交互，使得不同平台和技术可以进行无缝的通信。使用 RESTful API 构建 web 应用程序的好处是可以实现前后端的分离，提高应用程序的灵活性和可扩展性。同时，RESTful API 的设计规范和通用性也使得不同开发团队可以方便地进行协作和集成。
2023-12-21 16:55:11
345
原创 Git 的基本概念和使用方式
分支（Branch）：分支是代码仓库中的一个独立的开发路径。克隆（Clone）：克隆是从远程仓库复制项目到本地的过程。提交（Commit）：提交是对代码仓库的更改的一个快照。代码仓库（Repository）：Git 使用代码仓库来存储项目的历史记录和文件。合并（Merge）：合并是将一个分支的更改合并到另一个分支中的过程。拉取（Pull）和推送（Push）：拉取是从远程仓库获取最新的代码更新，推送是将本地更改上传到远程仓库。更新（Pull）：更新是拉取远程仓库的最新更改并自动合并到当前分支的操作。
2023-12-21 16:53:21
326
原创 TensorFlow 的基本概念和使用场景
计算图（Computational Graph）：TensorFlow中的计算过程被组织成静态的计算图，图中的节点表示操作，边表示数据流动。总而言之，TensorFlow是一个强大的机器学习框架，可以帮助开发者构建和训练各种机器学习模型，并且支持在不同的计算环境中进行部署和使用。模型（Model）：TensorFlow可以通过构建计算图来定义机器学习模型，模型的训练和预测都可以在TensorFlow中进行。高性能计算：TensorFlow支持GPU加速，可以在复杂的计算任务中提供高性能的计算能力。
2023-12-21 16:01:26
330
原创 深拷贝意义及工具函数示例
深拷贝是在复制一个对象时，不仅复制对象本身，还递归地复制对象内部的所有属性和子对象。它会创建一个全新的对象，该对象与原对象相等但完全独立。深拷贝的意义在于：避免对象共享：深拷贝创建了一个独立的对象副本，这样修改副本不会影响原始对象。这对于需要分开操作多个相同对象的情况非常有用，同时也有助于避免错误的数据共享。维护数据的完整性：在某些情况下，如果只进行浅拷贝（只复制对象的引用），则拷贝后的对象和原对象会共享相同的属性和子对象。这可能导致意外的修改，从而破坏数据的完整性。
2023-09-01 10:29:45
75
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人