自定义博客皮肤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 380 1

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

基于springboot+vue3学生管理系统

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

原创 【无标题】

实现VUE3登录页面

2022-06-16 20:39:46 340

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

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

2022-04-14 16:42:08 1668

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

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

2021-12-19 20:41:24 11479 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 563

原创 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 129

原创 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 227

原创 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 1981 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 1297

原创 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 1438

原创 小米官网布局

主要了解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 1950 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 449

原创 使用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 399

原创 解决最新版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 1017 1

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

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

2020-09-17 16:48:34 4789 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 371

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

实现功能如图所示: 代码如下可以参考学习: <!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 979

原创 简单的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 5493 1

空空如也

空空如也

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

TA关注的人

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