- 博客(102)
- 收藏
- 关注
原创 VUE中如果让全局组件在某一页面不显示
在使用 Vue 开发项目时,为了提高开发效率和减少重复代码,我们通常会使用全局组件。全局组件能够在整个项目的各个页面中使用,使得组件的复用更加方便。然而,有时候我们在某个页面中可能不希望显示全局组件。本篇文章将介绍如何在设置了全局组件的情况下,在某个页面中不显示全局组件,优化项目的组件加载和页面渲染。
2023-12-13 15:40:10
1287
原创 vue3项目脚手架如何使用swiper, ‘vue-awesome-swiper‘报错解决(简单示例)
Vue3和Vue2在使用swiper时是有差别的,Vue3引入swiper需要注意Vu3的版本和swiper的版本,如果不匹配通常会报错
2023-12-03 14:15:28
1973
原创 Vue CLI 初体验之如何创建一个项目并打开,以及组件的简单使用案例。
Vue CLI旨在为Vue生态系统提供标准化的工具基础,确保各种构建工具能够平稳衔接,并提供灵活的配置选项,使开发者能够专注于应用程序的开发,而不必花费大量时间来处理配置问题
2023-11-27 20:24:59
535
原创 Vue轻松入门,附带学习笔记和相关案例
Vue.js是一款现代、轻量级的JavaScript前端框架,旨在简化构建交互性强、响应迅速的用户界面。由尤雨溪(Evan You)于2014年首次发布,Vue以其灵活性、易用性和逐步采纳的特性而受到广泛欢迎。它采用了MVVM(Model-View-ViewModel)的架构模式,将应用程序分为模型、视图和视图模型三个主要组成部分。Vue的核心特点包括响应式数据绑定、组件化开发、虚拟DOM等。
2023-11-26 20:43:10
1152
原创 期末又要到了,网页设计作业模版分享(包含网盘链接)
链接:https://pan.baidu.com/s/1JYw2ItQM5tkvTcD837_fGA?
2023-11-25 16:09:40
1887
3
原创 js案例:跟随鼠标移动的大虫子
跟随鼠标移动的大虫,涵盖了一些基础的前端开发概念,包括 DOM 操作、事件处理和动画效果的实现。如果你对这些概念和技术有更深入的理解,可以尝试编写,加入更多交互性和动画特效,以提高你的前端开发能力。
2023-11-14 15:59:40
163
原创 threejs太阳系(源码加相关素材)
Three.js 是一款基于原生 WebGL 封装通用 Web 3D 引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS 等各个领域基本上都有 three.js 的身影。
2023-11-14 10:03:43
636
1
原创 js案例:打地鼠游戏(打灰太狼)
打地鼠游戏是一个基础的javascript小游戏,他主要考查计时器,数组,随机数和定位等相关知识。文章最后附带源码压缩包和相关素材。
2023-11-12 22:10:45
1472
1
原创 我的创作纪念日
我是小姚学前端,一位对前端开发充满热情的大四计算机科学与技术专业学生。我的专业使命不仅是深入学习计算机科学领域的理论知识,还在于将这些知识应用到实际项目中,创造出令人满意的用户体验。在我的学习旅程中,我不仅仅是一名学生,更是一位积极的知识分享者,通过在优快云上分享我的前端开发经验和见解,我希望能够激发他人对这个领域的兴趣,并提供实用的学习资源。
2023-11-12 20:07:20
315
原创 javaScript:碰撞检测
碰撞检测在计算机图形、模拟、交互设计以及各种应用中都具有广泛的应用,它可以确保物体之间的正确交互,提供更真实和高效的体验,并有助于避免潜在的问题和冲突。
2023-10-10 17:29:47
1364
原创 javaScript:拖拽效果
JavaScript的拖拽效果是一种常见的交互技术,它允许用户通过鼠标操作在网页中拖拽(拖动)元素。这种技术可以为网站和应用程序带来多种用途和好处,如:增强用户体验,实现拖放功能,图形设计和游戏,排序和重新排列,数据可视化,创建可自定义界面等等。总之,JavaScript的拖拽效果是一种强大的交互技术,可以提高用户体验、增加网站或应用程序的功能性,并创造更富有创意和直观的用户界面。
2023-10-10 12:01:51
728
原创 javaScript:滚动事件以及窗口事件
滚动事件和窗口事件用来实现响应式设计、动态调整页面元素等功能,提升用户体验。在处理这些事件时,需要考虑兼容性以确保在不同浏览器环境下都能正常运行。
2023-10-10 11:26:22
1444
原创 javaScript:什么是事件对象?事件原对象?如何获取坐标点?
了解事件对象和事件原对象的概念对于前端开发非常重要。它们使我们能够在事件发生时获取事件的相关信息,并根据需要对页面进行相应的操作和交互。通过使用事件对象和事件原对象,我们可以实现各种交互效果,例如表单验证、按钮点击、鼠标悬停等。
2023-10-10 11:10:59
332
原创 javaScript:键盘事件和表单事件以及鼠标键盘结合事件
键盘事件、表单事件和鼠标键盘结合事件是前端开发中常用的事件类型。键盘事件是指与键盘相关的事件,如按键按下、按键弹起等。表单事件是指与表单元素相关的事件,如表单提交、输入框获得焦点等。鼠标键盘结合事件是指同时涉及鼠标和键盘的事件,如鼠标点击加键盘按键。
2023-09-23 16:17:34
797
原创 javaScript:事件冒泡和事件捕获
事件冒泡和事件捕获在DOM事件处理中具有重要的作用和意义,它们提供了灵活的事件处理机制,使开发人员能够更好地控制和管理事件的传播和处理。
2023-09-20 15:36:55
214
原创 javaScript:鼠标事件
鼠标事件是Web开发中与鼠标交互相关的事件。这些事件允许开发者捕捉和响应用户使用鼠标进行的各种操作,例如点击、移动、滚动等。
2023-09-18 23:22:15
1346
原创 分享篇:Canvas绘制简单图像
绘制笑脸需要用到arc(),beginPath(),等方法,需要使用beginPath()创建新的路径绘制每个圆时都会使用 stroke() 方法,默认情况下,绘制的路径会沿着之前的路径绘制,形成相互连接的效果,而这些圆之间是相互连接的。绘制折线需要的用到moveTo() lineTo() stroke(),折线的绘制和直线的绘制原理一致,使用moveTo()规定折线的起点,lineTo(),规定折线需要经过的位置,再使用stroke()绘制路径即可。同样,在此示例中,中心点的 y 坐标也设置为 100。
2023-09-15 00:08:50
1076
原创 分享篇:初识Canvas
Canvas 是一个 HTML5 的元素,用于在网页上绘制图形和动画。它提供了一个位图的绘图环境,可以使用 JavaScript 来控制绘图过程。Canvas 可以用于创建交互式的图表、游戏、信息可视化等各种应用。
2023-09-14 14:05:52
373
原创 javaScript:事件注册与事件监听
在JavaScript中,可以使用事件注册和事件监听来处理网页上的交互和用户操作。事件注册是指将事件处理函数与特定的事件关联起来,以便在事件触发时执行相应的代码。事件监听是一种更高级的事件处理方式,它能够在同一个元素上同时监听多个事件,并在事件触发时执行相应的处理函数。
2023-09-13 14:12:44
1444
原创 javaScript:DOM中常用尺寸
在js中我们可以通过dom操作获取想要得到的尺寸,并对其进行一系列操作使其可以帮助我们实现动态布局、响应式设计、动画效果、碰撞检测等一系列功能。在这篇文章中,我们将了解常用的dom尺寸,并配合相关案例,来帮助我们了解和掌握这部分知识
2023-09-05 17:45:43
795
1
原创 javaScript:节点操作
在JavaScript中,节点操作是指通过操作DOM(文档对象模型)中的节点来动态修改网页的结构和内容。DOM表示网页的层次结构,可以通过JavaScript来访问和操纵DOM节点。节点是DOM树中的基本单元,可以是元素节点、文本节点、属性节点等。节点操作包括创建、添加、删除、替换和修改节点的属性或内容等操作。
2023-09-05 16:55:55
423
原创 javaScript:DOM(父子/兄弟)常用属性
父子关系和兄弟关系在 DOM 中具有重要的作用,使开发者能够方便地导航和操作 DOM 元素。它们为动态创建和修改 DOM 结构、样式和布局控制、事件处理和委托等提供了强大的功能和灵活性。
2023-09-05 15:52:34
1233
原创 javaScript:DOM中的CSS操作
在 JavaScript 中,可以通过 DOM(文档对象模型)操作来访问和修改网页上的 CSS 样式。js提供了灵活的方式来操作和修改 DOM 元素的 CSS 样式,使网页开发者可以根据需要进行样式的动态控制和改变。
2023-09-05 14:28:51
1007
原创 javaScript:DOM元素的获取(静态/动态获取)
dom操作其实在前面的文章中已经用到很多次了,但是一直没有系统性的总结,接下来的几篇文章,主要来总结dom操作以及dom操作相关的案例(小游戏),比如说:选字游戏,连连看,打地鼠,多球碰撞,随机抽签,无缝轮播,原生js绘制时钟等等。二.DOM元素获取的常用方法(重点)
2023-09-05 12:00:56
2553
1
原创 javaScript:什么是DOM操作?DOM节点?
DOM 操作指的是使用 JavaScript 通过文档对象模型(DOM)来操纵网页中的 HTML 元素和内容。DOM 是一个树状结构,表示网页的结构和内容,它允许开发者通过 JavaScript 修改、添加、删除或查询网页中的元素和属性。
2023-09-05 08:40:49
849
原创 javaScript:带你深入了解基本数据类型和引用类型
在本篇文章中,我们将深入研究基本数据类型和引用类型的各项特性和用法,让你更加熟悉它们之间的区别,为编写高质量的代码打下坚实的基础。
2023-08-23 20:15:32
450
原创 javaScript:七夕特辑-对象的认识与应用(包含日期对象及相关案例)
对象是 JavaScript 中最重要的数据类型之一。它是一种复合数据结构,用于存储和组织键值对。对象在 JavaScript 中扮演着重要的角色,理解对象的概念和应用对于编写高效的 JavaScript 代码至关重要。
2023-08-22 20:28:54
586
原创 javaScript:对函数的认识与应用
函数是一段可重复使用的代码块,它接收输入(称为参数)并执行特定的操作,然后可以返回一个结果。函数可以帮助我们将复杂的问题分解成更小的、可管理的部分,并提供了代码重用的机制。
2023-08-21 20:34:02
920
1
原创 javaScript:常用的js字符串方法
当涉及到字符串处理时,JavaScript提供了一系列的字符串方法,用于执行不同的操作。通过掌握这些常见的字符串方法,您可以更轻松地处理和操作字符串数据。这些方法是编程中非常有用的工具,可以在各种场景中应用。
2023-08-21 19:54:51
587
原创 javaScript:还有人不会js中的Math方法?
JavaScript 提供了一系列用于数学计算和操作的内置方法和函数。这些方法涵盖了基本的数学运算、三角函数、指数、对数、四舍五入、取整等各种常见的数学操作。
2023-08-18 20:08:40
698
2
跟随鼠标移动的大虫子(动画)
2023-11-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人