自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue3+vite+pina+element.plus 超市管理系统

主要技术采用vue3+vite+pina+element.plus 存储采用loaclstorage,都是使用最新的技术,需要源码的小伙伴可以加 Q2777255072。以下是各个功能的增加、删除、修改展示。登录功能界面如图所示。

2024-06-15 23:52:02 309 1

原创 springboot+mybatis+vue3.0+ts+elementUIplus学生管理系统

基于springboot+vue3学生管理系统

2022-10-08 22:20:24 1186 1

原创 【无标题】

实现VUE3登录页面

2022-06-16 20:39:46 255

原创 VUE3+TS使用vuex实现模块化管理

使用VUE3+TS实现vuex的五大特性的使用

2022-04-14 16:42:08 1597

原创 基于vue学生成绩管理系统

基于vue实现学生成绩管理系统

2021-12-19 20:41:24 10942 7

原创 js实现轮播图制作

效果如图所示代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { padding: 0; margin: 0; } .container { position: relative;

2020-12-16 16:02:13 508

原创 2020-12-07

js实现冒泡排序function paixu (arr) { var t; for (var i=0;i<arr.length;i++){ for (var j=0;j<=arr.length-i;j++){ if (arr[j]>arr[j+1]){ t=arr[j]; arr[j] = arr[j+1]...

2020-12-07 08:57:04 104

原创 CSS动画实现

页面中闪动的点代码如下图所示<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .map { position: relative; margin: 0 auto; width: 500px; height:356px;

2020-11-27 21:59:39 153

原创 CSS实现下拉列表框

效果如图所示<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .dropdown { position: relative; width: 100px; he

2020-11-27 14:58:00 1926 1

原创 基于Vue.js实现图片切换功能

实现功能如下文件目录如下,要实现本功能只需要修改图片的存储位置即可代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </he.

2020-11-13 23:19:20 1254

原创 CSS静态网页制作

效果如图所示css代码如下* { padding: 0; margin: 0;}body { background-color: #f3f5f7;}a { text-decoration: none;}li { list-style: none;}.w { width: 1200px; margin: 0 auto;}.header { margin: 50px auto; height: 40px; text-align: center;}.cle

2020-11-10 10:20:02 1328

原创 小米官网布局

主要了解CSS中的浮动问题运行效果如图所示主要代码如下所示需要自己独立分析去学习,图片资源可以去官方区内去复制<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #.

2020-11-09 11:05:49 1864 1

原创 Vue.js开发音乐播放器

目录如下:运行效果如图所示:代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"..

2020-10-29 19:47:59 401

原创 使用vue开发简易记事本

css代码#todoapp { margin: 0 400px; width: 600px; background-color: gray; text-align: center;}.content { margin:0px 100px;}.todo { margin: 10px; text-align: left; background-color:green;}.btn { float: right; background-col

2020-10-25 20:14:46 362

原创 解决最新版Idea加载Maven过慢的解决方法

第一步打开IDEA中得pom.xml文件第二步在pom.xml文件右键打开Maven,找到settings.xml文件并打开。第三步打开settings.xml文件插入以下代码 <mirrors> <mirror> <id>alimaven</id> <name>aliyun maven</name> <url>ht.

2020-10-19 21:35:34 896 1

原创 简易网页音乐播放器制作

简单的html 音乐播放器制作首先第一步找图片资源 音乐资源 放入到img文件夹中第二步对页面布局进行布置第三步书写js代码复制代码运行的时候需要将图片资源,音乐资源换个名称。运行实现图片的切换,效果如图:代码如下:希望各位喜欢!!!1<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> ...

2020-09-17 16:48:34 4672 1

原创 Vue制作电子商城的增删改查功能

项目运行效果截图 复制代码运行不了,需要去Vue官网下载vue.js文件<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script></...

2020-09-11 12:20:47 324

原创 前端实现员工信息录入和删除

实现功能如图所示:代码如下可以参考学习:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><s...

2020-08-03 22:02:08 903

原创 简单的web天气预报界面制作

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>练习</title><linkrel="stylesheet"href="css/s...

2020-06-26 09:51:38 5091 1

空空如也

空空如也

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

TA关注的人

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