- 博客(29)
- 收藏
- 关注
RSS订阅原创 如何使用Svg矢量图封装引用到vue3项目中
在现代前端开发中，SVG（可缩放矢量图形）因其高质量和灵活性成为了图标和图形设计的热门选择。对于 Vue 3 项目而言，将 SVG 图标封装和引用到项目中不仅能提升性能，还能带来更高的可维护性和一致性。SVG 图标本质上是矢量图形，因此无论放大还是缩小，图像都不会失真，这使得它们在响应式设计中表现尤为出色。此外，通过封装 SVG 图标，可以将图标的样式和行为与组件紧密结合，简化管理和重用的过程。这种做法不仅优化了开发流程，也提升了用户体验。
2024-08-30 20:46:53
1681
原创 Web服务如何实现一个视频项目架构
在当今数字化时代，云电商自媒体视频成为品牌推广和用户互动的重要工具。为了抓住这一机遇，我们启动了Video视频项目，旨在通过高质量的短视频内容，帮助品牌在电商平台上脱颖而出，提升用户 engagement 并推动销售增长。该项目将利用最新的视频制作技术和云计算平台，为品牌提供一个灵活且强大的视频发布和管理系统。
2024-08-29 21:00:57
1381
原创 Node.js原生开发脚手架工具（下）
在现代软件开发中，脚手架工具成为提高开发效率和一致性的关键利器。使用Node.js原生开发自己的脚手架工具不仅能帮助自动化常见任务，还能根据具体需求进行高度定制。Node.js的异步非阻塞特性和丰富的模块系统使其成为构建这种工具的理想选择。本篇文章将深入探讨如何利用Node.js的核心功能，逐步构建一个功能强大且灵活的脚手架工具，从基础知识到实际实现，帮助开发者提升工作效率和项目管理能力。补充上一章的Node.js原生开发脚手架及原理。
2024-08-29 00:02:24
406
原创 前端创作纪念日
在这段时间里，自己创作了个人的小程序开发，和数据大屏项目，在各个自媒体平台上推送自己的项目，吸引了不少的用户来参与使用，和参与的数据大屏项目在比赛中也去得了优异的成绩，并在项目开发中总结了不少的实战经验。做自己的光，在自己的领域里闪闪发光，早日攀登自己遥遥可及的梦想。
2024-08-14 22:31:46
416
原创 uniapp使用echarts在H5上显示报错问题的解决方法
在做uniapp vue3开发的echarts图表的时候，发现在浏览器上面正常运行，但在微信开发者工具上显示报错了，报错如下原因：在微信小程序中，使用document.getElementById会报错，因为小程序的运行环境是基于WedView的，不同于浏览器环境。在微信小程序中没有直接操作Dom的能力，也就是没有document对象和getElementById方法。
2024-08-11 15:07:08
532
原创 TS的类型声明，分类与使用（二）
TypeScript 的类型声明是确保代码质量和可维护性的关键工具。通过为变量、函数、类等定义精确的类型，TypeScript 可以在编译阶段捕捉错误，减少运行时异常。
2024-08-11 09:59:43
1000
原创 TS如何运行环境搭建（一）
TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。
2024-08-11 09:55:39
577
原创 Node Js开发环境的搭建
通过自动化繁琐的设置和配置工作，帮助开发者快速启动新项目。常见的Node脚手架工具包括Yeoman、Express Generator、Create React App等。用于快速创建和配置项目的基本结构和配置文件。脚手架工具可以帮助开发者快速启动新项目，减少手动配置和重复工作，提高开发效率。
2024-07-25 09:12:01
1117
原创 Node.js是什么(基础篇)
Node.js是一个基于Chrome V8 JavaScript引擎的开源、跨平台JavaScript运行时环境，主要用于开发服务器端应用程序。它的特点是非阻塞I/O模型，使其在处理高并发请求时表现出色。
2024-06-23 17:51:44
1371
1
原创 如何系统学习vue框架
在软件开发的浩渺星海中，编程规范如同航海的罗盘，为我们指引方向，确保我们的代码之旅能够顺利、高效地到达目的地。无论是个人开发者还是大型团队，编程规范都是提升代码质量、保障项目成功不可或缺的一环。
2024-06-11 01:02:40
793
原创 vue-cli是什么？和 webpack是什么关系？
Vue CLI是Vue.js项目的官方脚手架，基于Node.js与Webpack构建。安装Vue CLI前需确保Node.js已安装，随后通过npm全局安装。Vue CLI能迅速创建和管理Vue.js项目，提升开发效率。而Webpack则负责资源打包，通过配置文件管理依赖、插件等，优化代码并分割资源，提高项目性能。Vue CLI与Webpack的完美结合，让开发者更专注于业务逻辑，轻松构建高效、稳定的Vue.js应用。
2024-06-10 15:05:54
1822
原创 VueRouter路由与Vuex状态管理
本章节将深入探讨Vue3中的路由与状态管理，涵盖路由的基本概念、实现原理、搭建与配置、动态与编程式路由、命名路由与视图、路由守卫等关键内容，以及Vuex和Pinia等状态管理库的基本使用、异步处理、计算属性和辅助函数的应用，还包括Vuex-persist数据持久化、模块分割和多状态管理等高级话题。此外，还将探讨在组合式API中如何使用Router和Vuex，并通过一个综合案例来加深理解。
2024-06-09 13:14:28
896
原创 vue.js组件应用
2)、根组件与普通组件3)、全局组件与局部组件使用全局组件使用局部组件4)、插槽（slot）普通插槽使用具名插槽作用域插槽二、组件之间通信联系1、组件之间是如何进行互相通信的2、父组件通过props进行传参3、给prop设置默认值4、子组件通过自定义emit进行通信5、不分组件的双向流动6、当父传子参没有props时7、通过inheritAttrs选项阻止这种行为8、$attrs 内置语法
2024-04-25 19:32:36
756
原创 Vue.js之MVVM设计模式
MVC是一种最早出现的软件架构模式，它将应用程序的输入、处理和输出明确地划分为三个部分，使得业务逻辑、数据和界面显示可以独立地进行开发、测试和维护。其中MVC指的是Model（模型）、View（视图）、Controller（控制器）
2024-04-22 01:22:13
964
1
原创 嵌入式物联网开发基石
书写代码的工具，编写 C 语⾔代码，可以使⽤ linux 系统提供的⼯具才能进⾏代码的编写。代码编写完成之后，我们还需要验证书写的代码是否正确。这就需要编译器来进程验证。linux 系统为我们提供了⽐较好的开发⼯具。是 Linux 下提供⼀般⽤户使⽤的标准编译器。是由 GNU 开发的编程语⾔编译器。它是 GNU Compiler Collection 的缩写。可以⽤来编译C,C++,Object-C 等多种语⾔。安装gcc当完成hello.c文件时，由。
2024-04-21 12:30:42
1038
2
原创 屏幕适配布局之grid网格布局
是W3C提出的一个二维布局系统。它与其他布局方式有所不同，因为它不仅可以指定容器内部多个项目的位置，还能创建更加复杂和灵活的页面布局。Grid布局可以将容器划分为“行”和“列”，形成单元格，并允许开发者指定项目所在的单元格。
2024-04-20 16:10:45
1039
原创 git命令分之上传项目管理
为什么要将代码放入GitHub进行项目管理GitHub是开源社区的重要平台，是基于 Git 的版本控制系统，这使得开发者可以轻松地跟踪和管理代码的变化。而且GitHub拥有强大的协作功能，可以进行代码审查，项目管理，和协作开发，同时提供了私有仓库功能，确保信息的安全。
2024-04-19 21:00:12
1005
1
原创 Iconfont该如何使用，多种组件模块化详解（png，icon，svg）
Iconfont是一个功能强大、资源丰富的在线图标库，通过掌握其使用方法和多种组件的模块化应用技巧，我们可以更好地利用图标进行设计和管理，提升作品的质量和用户体验。接下来，本文将详细介绍Iconfont的使用方法以及各种图标格式的模块化应用技巧。
2024-04-18 02:00:20
2224
原创 通过使用XShell工具、Nginx环境实现服务器项目构建与发布
在信息化和数字化的今天，网站和应用的构建与发布已成为企业发展的重要一环。为了确保项目的顺利上线和稳定运行，选择合适的工具和环境至关重要。本文将详细介绍如何通过XShell工具以及Nginx环境来实现服务器项目的构建与发布，为广大开发者提供一条高效、便捷的路径。如果想学习Ubuntu系统下载和学习资料的可以私我，如果需要的人多的话将会发布一篇关于Ubuntu系统的介绍。
2024-04-17 17:49:43
2332
4
原创 如何将录制视频制作成GIF动态图
操作简单易上手，支持多格式多轨道的精准剪辑 提供了一键配音、水印标注、字幕添加、视频转场等多种实用功能。然后添加视频，步骤：点击文件->导入->视频帧到图层->添加保存的视频内容（然后会显示点击确认）使用专业视频编辑软件或者使用使用在线转换工具，小编使用的免费工具有Ev录屏，Ev剪辑和PS。免费无水印，集视频录制与直播功能于一身的桌面录屏软件、分屏录制、 场景编辑 、 教学画板。将视频拖拽到下方视频区域，这样就可以进行剪辑啦。选择录制音频，可以选择关闭录制的声音。选择添加录制好的或需要上传的视频。
2024-04-15 22:53:10
946
1
原创 Canvas打造三重玩法转盘：不等分不同概率转盘抽奖（4）
在这个Canvas精心打造的转盘抽奖游戏中，每一个区域都如同一个神秘的宇宙，蕴含着不同的概率与惊喜。这个转盘，并非简单地将空间均分给每一个颜色，而是以一种独特的方式，为每一个区域赋予了不同的面积和抽奖概率。转动这个转盘，就如同踏上一段充满未知与惊喜的旅程。你不知道下一刻会是哪个区域跃然眼前，但正是这种不确定性，让每一次抽奖都充满了刺激与期待。每一次转动，都是一次与命运的较量，每一次中奖，都是一次与惊喜的邂逅。
2024-04-15 11:00:00
585
1
原创 Canvas打造三重玩法转盘：等分不同概率转盘抽奖（3）
想象一下，你正置身于一个充满惊喜与刺激的世界，手中的转盘仿佛掌握着无尽的财富与好运。而今天，我们来看看这个转盘不同于一般的等分转盘，，每个区域都有自己独特的概率，为你带来不同的惊喜与奖励。在这个Canvas打造的转盘世界里，你可以看到红色、蓝色和绿色等多个主要区域，但它们的面积均等。但被转到的概率不同，红色概率可能占据了大半的转盘，而蓝色和绿色则相对较小。这样的设计，使得每次转动都充满了未知与期待。
2024-04-15 00:34:23
608
1
原创 常用node.js命令有哪些呢？
Node.js 是一种在服务器端运行 JavaScript 的开放源代码、跨平台 JavaScript 运行环境。3、初始化一个新的 Node.js 项目，会生成一个 package.json 文件，用于存储项目的配置信息。9、列出当前项目安装的所有 npm 包及其版本信息。16、在 npm 上搜索符合指定关键字的包。1、查看当前安装的 Node.js 版本。7、更新一个已安装的 npm 包到最新版本。2、查看当前安装的 npm 版本。8、卸载一个已安装的 npm 包。6、安装指定版本的 npm 包。
2024-04-15 00:32:17
503
1
原创 Canvas打造三重玩法转盘：等分等概率转盘抽奖（2）
想象一下，你正置身于一个充满惊喜与刺激的世界，手中的转盘仿佛掌握着无尽的财富与好运。而今天，我们来看看等分等概率转盘。这种转盘的特点是每个区域都均等划分，每个区域的面积、形状都完全相同。无论是红色区域、蓝色区域还是绿色区域，它们都有着相同的概率被选中。当你轻轻一点，转盘飞速旋转，最终停留在哪个区域，完全取决于你的运气。这种等分转盘，简单直接，公平公正，是初学者们的最爱。
2024-04-14 19:26:06
1113
1
原创 Canvas打造三重玩法转盘：绘制转盘（1）
想象一下，你正置身于一个充满惊喜与刺激的世界，手中的转盘仿佛掌握着无尽的财富与好运。而今天，我们将为你揭秘如何用Canvas打造三种不同玩法的转盘，让你在每一次旋转中都能感受到不同的乐趣与期待！效果图展示。
2024-04-14 15:50:53
1467
1
原创 互联网人副业指南，蓝海新风口，稳定不内卷
发展副业，变身斜杠青年，增加收入来源——这是每个互联网从业者都有的梦想。但大多数都止步于想法——如何确定副业方向，学习哪些技能，如何启动自己的第一个项目，如何变现？这林林总总的问题可能阻挡了你。本内容整理总结互联网时代副业的必备技能，带大家共同学习，助力大家早日开辟个人第二赛道。视频UP主新媒体运营知识分享达人专业技能讲师有效的落地指南，帮你避开在副业路上的各种弯路和坑。
2024-04-12 19:31:33
388
原创 【vue3项目】打包报错 TypeError: Cannot read properties of undefined (reading ‘wrapper‘)
错误信息"Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'wrapper')" 表明在 JavaScript 代码中尝试访问一个未定义对象的 wrapper属性。在 Vue 3 中，如果你遇到这个错误，很可能是因为你在访问响应式引用之前，该引用还没有被正确初始化或者该引用根本就不存在。
2024-04-11 15:23:50
3479
原创 随机洗牌、算法
// 从数组的最后一个元素开始向前遍历 for (let i = array.length - 1; i > 0; i--) { // 生成一个从 0 到 i（包含）的随机整数 const j = Math.floor(Math.random() * (i + 1)); // 交换当前元素 array[i] 和随机索引 j 处的元素 array[j] [array[i], array[
2024-04-08 13:10:40
528
2
Canvas打造三重玩法转盘：等分不同概率转盘抽奖（3）
2024-04-16
Canvas打造三重玩法转盘：不等分不同概率转盘抽奖（4）
2024-04-16
Canvas打造三重玩法转盘：等分等概率转盘抽奖（2）
2024-04-16
Canvas打造三重玩法转盘：绘制转盘（1）
2024-04-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人