前端web开发
文章平均质量分 86
前端Web开发专栏,掌握未来科技潮流!引领你深入探索前端技术的奥秘,从HTML、CSS到JavaScript,再到前端框架与工具,我们为你提供全方位的学习资源。实战案例、技巧分享、性能优化,助你轻松构建出精美、高效的Web应用。不容错过,快来关注吧!
炑焽
https://github.com/Muying-Zhao
展开
-
如何使用Svg矢量图封装引用到vue3项目中
在现代前端开发中,SVG(可缩放矢量图形)因其高质量和灵活性成为了图标和图形设计的热门选择。对于 Vue 3 项目而言,将 SVG 图标封装和引用到项目中不仅能提升性能,还能带来更高的可维护性和一致性。SVG 图标本质上是矢量图形,因此无论放大还是缩小,图像都不会失真,这使得它们在响应式设计中表现尤为出色。此外,通过封装 SVG 图标,可以将图标的样式和行为与组件紧密结合,简化管理和重用的过程。这种做法不仅优化了开发流程,也提升了用户体验。原创 2024-08-30 20:46:53 · 1116 阅读 · 0 评论 -
Web服务如何实现一个视频项目架构
在当今数字化时代,云电商自媒体视频成为品牌推广和用户互动的重要工具。为了抓住这一机遇,我们启动了Video视频项目,旨在通过高质量的短视频内容,帮助品牌在电商平台上脱颖而出,提升用户 engagement 并推动销售增长。该项目将利用最新的视频制作技术和云计算平台,为品牌提供一个灵活且强大的视频发布和管理系统。原创 2024-08-29 21:00:57 · 1226 阅读 · 0 评论 -
uniapp使用echarts在H5上显示报错问题的解决方法
在做uniapp vue3开发的echarts图表的时候,发现在浏览器上面正常运行,但在微信开发者工具上显示报错了,报错如下原因:在微信小程序中,使用document.getElementById会报错,因为小程序的运行环境是基于WedView的,不同于浏览器环境。在微信小程序中没有直接操作Dom的能力,也就是没有document对象和getElementById方法。原创 2024-08-11 15:07:08 · 459 阅读 · 0 评论 -
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 · 1431 阅读 · 0 评论 -
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 · 738 阅读 · 0 评论 -
脚手架vue-cli及webpack
上一章我们学习了组件的使用,这一章讲解怎么使用vue cli脚手架的安装和使用。原创 2024-04-25 19:31:01 · 659 阅读 · 0 评论 -
Vue.js之MVVM设计模式
MVC是一种最早出现的软件架构模式,它将应用程序的输入、处理和输出明确地划分为三个部分,使得业务逻辑、数据和界面显示可以独立地进行开发、测试和维护。其中MVC指的是Model(模型)、View(视图)、Controller(控制器)原创 2024-04-22 01:22:13 · 905 阅读 · 1 评论 -
屏幕适配布局之grid网格布局
是W3C提出的一个二维布局系统。它与其他布局方式有所不同,因为它不仅可以指定容器内部多个项目的位置,还能创建更加复杂和灵活的页面布局。Grid布局可以将容器划分为“行”和“列”,形成单元格,并允许开发者指定项目所在的单元格。原创 2024-04-20 16:10:45 · 978 阅读 · 0 评论 -
git命令分之上传项目管理
为什么要将代码放入GitHub进行项目管理GitHub是开源社区的重要平台,是基于 Git 的版本控制系统,这使得开发者可以轻松地跟踪和管理代码的变化。而且GitHub拥有强大的协作功能,可以进行代码审查,项目管理,和协作开发,同时提供了私有仓库功能,确保信息的安全。原创 2024-04-19 21:00:12 · 971 阅读 · 1 评论 -
Iconfont该如何使用,多种组件模块化详解(png,icon,svg)
Iconfont是一个功能强大、资源丰富的在线图标库,通过掌握其使用方法和多种组件的模块化应用技巧,我们可以更好地利用图标进行设计和管理,提升作品的质量和用户体验。接下来,本文将详细介绍Iconfont的使用方法以及各种图标格式的模块化应用技巧。原创 2024-04-18 02:00:20 · 2030 阅读 · 0 评论 -
通过使用XShell工具、Nginx环境实现服务器项目构建与发布
在信息化和数字化的今天,网站和应用的构建与发布已成为企业发展的重要一环。为了确保项目的顺利上线和稳定运行,选择合适的工具和环境至关重要。本文将详细介绍如何通过XShell工具以及Nginx环境来实现服务器项目的构建与发布,为广大开发者提供一条高效、便捷的路径。如果想学习Ubuntu系统下载和学习资料的可以私我,如果需要的人多的话将会发布一篇关于Ubuntu系统的介绍。原创 2024-04-17 17:49:43 · 2175 阅读 · 4 评论 -
如何将录制视频制作成GIF动态图
操作简单易上手,支持多格式多轨道的精准剪辑 提供了一键配音、水印标注、字幕添加、视频转场等多种实用功能。然后添加视频,步骤:点击文件->导入->视频帧到图层->添加保存的视频内容(然后会显示点击确认)使用专业视频编辑软件或者使用使用在线转换工具,小编使用的免费工具有Ev录屏,Ev剪辑和PS。免费无水印,集视频录制与直播功能于一身的桌面录屏软件、分屏录制、 场景编辑 、 教学画板。将视频拖拽到下方视频区域,这样就可以进行剪辑啦。选择录制音频,可以选择关闭录制的声音。选择添加录制好的或需要上传的视频。原创 2024-04-15 22:53:10 · 901 阅读 · 1 评论 -
Canvas打造三重玩法转盘:不等分不同概率转盘抽奖(4)
在这个Canvas精心打造的转盘抽奖游戏中,每一个区域都如同一个神秘的宇宙,蕴含着不同的概率与惊喜。这个转盘,并非简单地将空间均分给每一个颜色,而是以一种独特的方式,为每一个区域赋予了不同的面积和抽奖概率。转动这个转盘,就如同踏上一段充满未知与惊喜的旅程。你不知道下一刻会是哪个区域跃然眼前,但正是这种不确定性,让每一次抽奖都充满了刺激与期待。每一次转动,都是一次与命运的较量,每一次中奖,都是一次与惊喜的邂逅。原创 2024-04-15 11:00:00 · 562 阅读 · 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 · 489 阅读 · 1 评论 -
Canvas打造三重玩法转盘:等分不同概率转盘抽奖(3)
想象一下,你正置身于一个充满惊喜与刺激的世界,手中的转盘仿佛掌握着无尽的财富与好运。而今天,我们来看看这个转盘不同于一般的等分转盘,,每个区域都有自己独特的概率,为你带来不同的惊喜与奖励。在这个Canvas打造的转盘世界里,你可以看到红色、蓝色和绿色等多个主要区域,但它们的面积均等。但被转到的概率不同,红色概率可能占据了大半的转盘,而蓝色和绿色则相对较小。这样的设计,使得每次转动都充满了未知与期待。原创 2024-04-15 00:34:23 · 573 阅读 · 1 评论 -
Canvas打造三重玩法转盘:等分等概率转盘抽奖(2)
想象一下,你正置身于一个充满惊喜与刺激的世界,手中的转盘仿佛掌握着无尽的财富与好运。而今天,我们来看看等分等概率转盘。这种转盘的特点是每个区域都均等划分,每个区域的面积、形状都完全相同。无论是红色区域、蓝色区域还是绿色区域,它们都有着相同的概率被选中。当你轻轻一点,转盘飞速旋转,最终停留在哪个区域,完全取决于你的运气。这种等分转盘,简单直接,公平公正,是初学者们的最爱。原创 2024-04-14 19:26:06 · 1096 阅读 · 1 评论 -
Canvas打造三重玩法转盘:绘制转盘(1)
想象一下,你正置身于一个充满惊喜与刺激的世界,手中的转盘仿佛掌握着无尽的财富与好运。而今天,我们将为你揭秘如何用Canvas打造三种不同玩法的转盘,让你在每一次旋转中都能感受到不同的乐趣与期待!效果图展示。原创 2024-04-14 15:50:53 · 1361 阅读 · 1 评论 -
互联网人副业指南,蓝海新风口,稳定不内卷
发展副业,变身斜杠青年,增加收入来源——这是每个互联网从业者都有的梦想。但大多数都止步于想法——如何确定副业方向,学习哪些技能,如何启动自己的第一个项目,如何变现?这林林总总的问题可能阻挡了你。本内容整理总结互联网时代副业的必备技能,带大家共同学习,助力大家早日开辟个人第二赛道。视频UP主新媒体运营知识分享达人专业技能讲师有效的落地指南,帮你避开在副业路上的各种弯路和坑。原创 2024-04-12 19:31:33 · 369 阅读 · 0 评论 -
随机洗牌、算法
// 从数组的最后一个元素开始向前遍历 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 · 512 阅读 · 2 评论 -
【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 · 2221 阅读 · 0 评论