自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(102)
  • 收藏
  • 关注

原创 VUE中如果让全局组件在某一页面不显示

在使用 Vue 开发项目时,为了提高开发效率和减少重复代码,我们通常会使用全局组件。全局组件能够在整个项目的各个页面中使用,使得组件的复用更加方便。然而,有时候我们在某个页面中可能不希望显示全局组件。本篇文章将介绍如何在设置了全局组件的情况下,在某个页面中不显示全局组件,优化项目的组件加载和页面渲染。

2023-12-13 15:40:10 804

原创 vue3项目脚手架如何使用swiper, ‘vue-awesome-swiper‘报错解决(简单示例)

Vue3和Vue2在使用swiper时是有差别的,Vue3引入swiper需要注意Vu3的版本和swiper的版本,如果不匹配通常会报错

2023-12-03 14:15:28 1478

原创 Vue CLI 初体验之如何创建一个项目并打开,以及组件的简单使用案例。

Vue CLI旨在为Vue生态系统提供标准化的工具基础,确保各种构建工具能够平稳衔接,并提供灵活的配置选项,使开发者能够专注于应用程序的开发,而不必花费大量时间来处理配置问题

2023-11-27 20:24:59 461

原创 VUE简易计划清单

vue简单的计划清单程序,实现了添加计划功能,删除计划功能,查看详情,完成计划等功能。

2023-11-26 22:52:25 683

原创 VUE简易购物车程序

vue制作简易的购物车,实现了商品数量添加,价格计算,全选效果等。

2023-11-26 22:43:23 531

原创 Vue简单的表单操作

本篇文章vue简单表单操作,并没有连接数据库,只是用vue写了一个简单的表单操作,添加的数据保存在data中。

2023-11-26 22:33:50 381

原创 Vue常见的实现tab切换的两种方法

VUE基础tab切换常用的实现方法。

2023-11-26 22:22:38 1959

原创 Vue轻松入门,附带学习笔记和相关案例

Vue.js是一款现代、轻量级的JavaScript前端框架,旨在简化构建交互性强、响应迅速的用户界面。由尤雨溪(Evan You)于2014年首次发布,Vue以其灵活性、易用性和逐步采纳的特性而受到广泛欢迎。它采用了MVVM(Model-View-ViewModel)的架构模式,将应用程序分为模型、视图和视图模型三个主要组成部分。Vue的核心特点包括响应式数据绑定、组件化开发、虚拟DOM等。

2023-11-26 20:43:10 1072

原创 canvas版放大镜

使用html5的canvas画布也可以制作放大镜的效果,快来试试吧。

2023-11-25 23:43:10 100

原创 原生javascript实现放大镜效果

javascript原生放大镜效果,快来试试吧。

2023-11-25 22:59:50 274

原创 网页设计作业-音乐网站首页

网页设计作业,高仿某q音乐首页。

2023-11-25 20:38:50 134

原创 VUE留言板

vue留言留言板是一个很简单的程序,很适合新手练习。

2023-11-25 17:10:07 967 2

原创 期末又要到了,网页设计作业模版分享(包含网盘链接)

链接:https://pan.baidu.com/s/1JYw2ItQM5tkvTcD837_fGA?

2023-11-25 16:09:40 1279 2

原创 js案例:跟随鼠标移动的大虫子

跟随鼠标移动的大虫,涵盖了一些基础的前端开发概念,包括 DOM 操作、事件处理和动画效果的实现。如果你对这些概念和技术有更深入的理解,可以尝试编写,加入更多交互性和动画特效,以提高你的前端开发能力。

2023-11-14 15:59:40 115

原创 threejs太阳系(源码加相关素材)

Three.js 是一款基于原生 WebGL 封装通用 Web 3D 引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS 等各个领域基本上都有 three.js 的身影。

2023-11-14 10:03:43 418

原创 js案例:打地鼠游戏(打灰太狼)

打地鼠游戏是一个基础的javascript小游戏,他主要考查计时器,数组,随机数和定位等相关知识。文章最后附带源码压缩包和相关素材。

2023-11-12 22:10:45 1389 1

原创 我的创作纪念日

我是小姚学前端,一位对前端开发充满热情的大四计算机科学与技术专业学生。我的专业使命不仅是深入学习计算机科学领域的理论知识,还在于将这些知识应用到实际项目中,创造出令人满意的用户体验。在我的学习旅程中,我不仅仅是一名学生,更是一位积极的知识分享者,通过在CSDN上分享我的前端开发经验和见解,我希望能够激发他人对这个领域的兴趣,并提供实用的学习资源。

2023-11-12 20:07:20 275

原创 javaScript:碰撞检测

碰撞检测在计算机图形、模拟、交互设计以及各种应用中都具有广泛的应用,它可以确保物体之间的正确交互,提供更真实和高效的体验,并有助于避免潜在的问题和冲突。

2023-10-10 17:29:47 891

原创 javaScript:拖拽效果

JavaScript的拖拽效果是一种常见的交互技术,它允许用户通过鼠标操作在网页中拖拽(拖动)元素。这种技术可以为网站和应用程序带来多种用途和好处,如:增强用户体验,实现拖放功能,图形设计和游戏,排序和重新排列,数据可视化,创建可自定义界面等等。总之,JavaScript的拖拽效果是一种强大的交互技术,可以提高用户体验、增加网站或应用程序的功能性,并创造更富有创意和直观的用户界面。

2023-10-10 12:01:51 625

原创 javaScript:滚动事件以及窗口事件

滚动事件和窗口事件用来实现响应式设计、动态调整页面元素等功能,提升用户体验。在处理这些事件时,需要考虑兼容性以确保在不同浏览器环境下都能正常运行。

2023-10-10 11:26:22 1051

原创 javaScript:什么是事件对象?事件原对象?如何获取坐标点?

了解事件对象和事件原对象的概念对于前端开发非常重要。它们使我们能够在事件发生时获取事件的相关信息,并根据需要对页面进行相应的操作和交互。通过使用事件对象和事件原对象,我们可以实现各种交互效果,例如表单验证、按钮点击、鼠标悬停等。

2023-10-10 11:10:59 215

原创 javaScript:键盘事件和表单事件以及鼠标键盘结合事件

键盘事件、表单事件和鼠标键盘结合事件是前端开发中常用的事件类型。键盘事件是指与键盘相关的事件,如按键按下、按键弹起等。表单事件是指与表单元素相关的事件,如表单提交、输入框获得焦点等。鼠标键盘结合事件是指同时涉及鼠标和键盘的事件,如鼠标点击加键盘按键。

2023-09-23 16:17:34 345

原创 javaScript:事件冒泡和事件捕获

事件冒泡和事件捕获在DOM事件处理中具有重要的作用和意义,它们提供了灵活的事件处理机制,使开发人员能够更好地控制和管理事件的传播和处理。

2023-09-20 15:36:55 112

原创 javaScript:鼠标事件

鼠标事件是Web开发中与鼠标交互相关的事件。这些事件允许开发者捕捉和响应用户使用鼠标进行的各种操作,例如点击、移动、滚动等。

2023-09-18 23:22:15 804

原创 分享篇:Canvas绘制简单图像

绘制笑脸需要用到arc(),beginPath(),等方法,需要使用beginPath()创建新的路径绘制每个圆时都会使用 stroke() 方法,默认情况下,绘制的路径会沿着之前的路径绘制,形成相互连接的效果,而这些圆之间是相互连接的。绘制折线需要的用到moveTo() lineTo() stroke(),折线的绘制和直线的绘制原理一致,使用moveTo()规定折线的起点,lineTo(),规定折线需要经过的位置,再使用stroke()绘制路径即可。同样,在此示例中,中心点的 y 坐标也设置为 100。

2023-09-15 00:08:50 385

原创 分享篇:初识Canvas

Canvas 是一个 HTML5 的元素,用于在网页上绘制图形和动画。它提供了一个位图的绘图环境,可以使用 JavaScript 来控制绘图过程。Canvas 可以用于创建交互式的图表、游戏、信息可视化等各种应用。

2023-09-14 14:05:52 119

原创 javaScript:事件注册与事件监听

在JavaScript中,可以使用事件注册和事件监听来处理网页上的交互和用户操作。事件注册是指将事件处理函数与特定的事件关联起来,以便在事件触发时执行相应的代码。事件监听是一种更高级的事件处理方式,它能够在同一个元素上同时监听多个事件,并在事件触发时执行相应的处理函数。

2023-09-13 14:12:44 945

原创 js案例:选字游戏

简单文字游戏的实现,只需要计时器,函数,数组,和Math方法等等,快来试试吧。

2023-09-07 22:24:50 372 2

原创 javaScript:DOM中常用尺寸

在js中我们可以通过dom操作获取想要得到的尺寸,并对其进行一系列操作使其可以帮助我们实现动态布局、响应式设计、动画效果、碰撞检测等一系列功能。在这篇文章中,我们将了解常用的dom尺寸,并配合相关案例,来帮助我们了解和掌握这部分知识

2023-09-05 17:45:43 381 1

原创 javaScript:节点操作

在JavaScript中,节点操作是指通过操作DOM(文档对象模型)中的节点来动态修改网页的结构和内容。DOM表示网页的层次结构,可以通过JavaScript来访问和操纵DOM节点。节点是DOM树中的基本单元,可以是元素节点、文本节点、属性节点等。节点操作包括创建、添加、删除、替换和修改节点的属性或内容等操作。

2023-09-05 16:55:55 212

原创 javaScript:DOM(父子/兄弟)常用属性

父子关系和兄弟关系在 DOM 中具有重要的作用,使开发者能够方便地导航和操作 DOM 元素。它们为动态创建和修改 DOM 结构、样式和布局控制、事件处理和委托等提供了强大的功能和灵活性。

2023-09-05 15:52:34 951

原创 javaScript:DOM中的CSS操作

在 JavaScript 中,可以通过 DOM(文档对象模型)操作来访问和修改网页上的 CSS 样式。js提供了灵活的方式来操作和修改 DOM 元素的 CSS 样式,使网页开发者可以根据需要进行样式的动态控制和改变。

2023-09-05 14:28:51 837

原创 javaScript:DOM元素的获取(静态/动态获取)

dom操作其实在前面的文章中已经用到很多次了,但是一直没有系统性的总结,接下来的几篇文章,主要来总结dom操作以及dom操作相关的案例(小游戏),比如说:选字游戏,连连看,打地鼠,多球碰撞,随机抽签,无缝轮播,原生js绘制时钟等等。二.DOM元素获取的常用方法(重点)

2023-09-05 12:00:56 1973 1

原创 javaScript:什么是DOM操作?DOM节点?

DOM 操作指的是使用 JavaScript 通过文档对象模型(DOM)来操纵网页中的 HTML 元素和内容。DOM 是一个树状结构,表示网页的结构和内容,它允许开发者通过 JavaScript 修改、添加、删除或查询网页中的元素和属性。

2023-09-05 08:40:49 437

原创 js案例:小球碰壁反弹

小球碰壁反弹效果,包括效果预览图,完整代码,以及代码讲解,其目的是为以后的js小游戏做铺垫。

2023-08-23 20:52:39 496 1

原创 javaScript:带你深入了解基本数据类型和引用类型

在本篇文章中,我们将深入研究基本数据类型和引用类型的各项特性和用法,让你更加熟悉它们之间的区别,为编写高质量的代码打下坚实的基础。

2023-08-23 20:15:32 161

原创 javaScript:七夕特辑-对象的认识与应用(包含日期对象及相关案例)

对象是 JavaScript 中最重要的数据类型之一。它是一种复合数据结构,用于存储和组织键值对。对象在 JavaScript 中扮演着重要的角色,理解对象的概念和应用对于编写高效的 JavaScript 代码至关重要。

2023-08-22 20:28:54 195

原创 javaScript:对函数的认识与应用

函数是一段可重复使用的代码块,它接收输入(称为参数)并执行特定的操作,然后可以返回一个结果。函数可以帮助我们将复杂的问题分解成更小的、可管理的部分,并提供了代码重用的机制。

2023-08-21 20:34:02 259 1

原创 javaScript:常用的js字符串方法

当涉及到字符串处理时,JavaScript提供了一系列的字符串方法,用于执行不同的操作。通过掌握这些常见的字符串方法,您可以更轻松地处理和操作字符串数据。这些方法是编程中非常有用的工具,可以在各种场景中应用。

2023-08-21 19:54:51 174

原创 javaScript:还有人不会js中的Math方法?

JavaScript 提供了一系列用于数学计算和操作的内置方法和函数。这些方法涵盖了基本的数学运算、三角函数、指数、对数、四舍五入、取整等各种常见的数学操作。

2023-08-18 20:08:40 133 2

Vue轻松入门,附带学习笔记和相关案例

vue学习笔记,带详细源码和相关案例教程

2023-11-26

canvas版本放大镜

使用canvas制作简单的放大镜效果

2023-11-25

原生javascript实现放大镜效果

原生javascript实现放大镜效果

2023-11-25

网页设计作业-音乐网站首页

音乐网站首页

2023-11-25

使用vue实现简单的留言板效果

使用vue实现简单的留言板效果。

2023-11-25

期末又要到了,网页设计作业模版分享(包含网盘链接)

网页模版

2023-11-25

跟随鼠标移动的大虫子(动画)

跟随鼠标移动的大虫子(动画)涵盖了一些基础的前端开发概念,包括 DOM 操作、事件处理和动画效果的实现。如果你对这些概念和技术有更深入的理解,可以尝试扩展这个项目,加入更多交互性和动画特效,以提高你的前端开发能力。

2023-11-14

threejs太阳系(源码加相关素材)代码写的比较繁琐,感兴趣的可以下载优化一下

3D太阳系

2023-11-14

js案例:打地鼠游戏(打灰太狼)

打地鼠游戏源码

2023-11-12

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除