前端练手项目
文章平均质量分 85
言不及行yyds
一个正在前端开发努力奋斗的人。
展开
-
前端练手小项目--自定义时间(html+css+js)
多场景的自定义时间原创 2023-08-14 08:00:00 · 1157 阅读 · 32 评论 -
【socket.js联合express】:搭建简约版聊天室
利用express与socket.js实现简约版聊天室原创 2022-11-03 13:12:28 · 1918 阅读 · 56 评论 -
用【mysql,vue,node】制作一个前后端分离小项目
在这个项目中我们用到那些知识点1.利用axios获取后台数据,2.利用element-ui搭建界面3.用cros解决跨域问题。4.用vue,express创建项目5.利用mysql语句操作mysql数据库。6.利用vue的语法使数据具有动态性好了,这次介绍就这么多,如果各位有什么建议,欢迎评论区。期待各位能。原创 2022-10-13 09:48:37 · 3167 阅读 · 79 评论 -
echarts+node+ajax实现时间天气服务器
1.了解node的fs模块怎么读取数据2.了解express怎么搭建服务器,设置数据接口3.学会echarts的设置与使用4.了解怎么改变全局颜色5.了解ajax怎么处理后台数据原创 2022-07-25 06:45:00 · 3126 阅读 · 71 评论 -
授予渔,从0开始搭建一个自己想要的网页
在进行过CSS样式设置时然后就是要实现右边图标的点击事件处理了。具体的可以看我发的资源。然后进行CSS样式设置。实现效果就是然后在这里有一个有用的技巧。就是在div结构中设置data-set="XXX"后续在js中使用dataset用于获得他的值然后通过得到video的src,与设置的data-set的值,使用video.src=spans[i].dataset.src实现切换视频通过CSS样式的实现就是下面的效果通过css样式设置就是下面的效果了。通过CSS以及JS设置后就是下面的原创 2022-07-04 07:45:00 · 31178 阅读 · 102 评论 -
618快到了送上自制前端小项目(html css js)
目录🚩.自定义播放器🏠.图片自动消失✨.小轮播图🎃.旋转音乐盒html:css:js:2.图片自动消失yy3.小轮播图4.旋转音乐盒旋转音乐盒 css:html:js:原创 2022-06-13 06:45:00 · 10352 阅读 · 74 评论 -
5个前端练手项目(html css js canvas)
目录🥩.跑马灯1.1效果图:1.2思路解析1.3源码🍧.彩虹爱心2.1效果图2.2思路解析2.3源码🌮.闹钟3.1效果图3.2思路解析3.3源码🍲.自制笔记本4.1效果展示4.2思路解析4.3源码🍣.自定义写字台(也可自定义字的样式)5.1效果展示 5.2思路解析5.3源码2.彩虹爱心2.1效果图3.闹钟3.1效果图html:css:js:4.自制笔记本4.1效果展示html: css:js:5.自定义写字台(也.....原创 2022-06-04 06:45:00 · 29036 阅读 · 87 评论 -
Echarts + vue + koa2实现数据同页面,切换全屏内容
前言本次项目用到的技术:1.Echart2.vue3.koa2本次项目的练习,是跟着黑马教程中关于Echarts的教程,学习的视频地址1.所用技术详解1.1 vue技术在使用这个技术的过程中,主要是用到关于组件的创建,以及路由的使用。以及在组件中创建各种方法,用于处理数据。所以说,在上手这个项目时,你应该对于vue有一定的基础。vue官网在使用时,主要是创建7个主组件(后续会合并成一个组件)六个子组件在子组件中书写接收后台的数据的方法,以及配置Echarts的配置项。处理呈原创 2022-06-01 06:48:29 · 1299 阅读 · 47 评论 -
用js给自己照相并修图
1.思路1.1搭建静态页面两块大区域:1块是控制区域,另一块是照相区1.1.1 控制区域 两个按钮,一个是点击是拍照并播放音乐,另一个是给拍照后的图片区域 的图片进行修饰。 六个滑动栏,对应六种颜色,不同的滑动,它的RGB值不同 六个滑动栏,移动的位置不同得出不同的值给图片的组合效果不同 1.1.2照片区域首先会在实时视频区域得到照片,点击照相时,图片出现在图片区域此时滑动滑动栏修改图片,点击保存,图片出现在变色画布区域&...原创 2022-05-02 07:30:00 · 2467 阅读 · 100 评论 -
音乐盒(前端练手项目 html css js)
大家好我是言不及行yyds在学完前端三剑客后的练手小项目。☀️作者简介:大家好我是言不及行yyds🐋个人主页:言不及行yyds的CSDN博客🎁系列专栏:【前端练手项目】🌱每日一句:“人生的道路都是由心来描绘的。所以,无论自己处于多么严酷的境遇之中,心头都不应为悲观的思想所萦绕。”——稻盛和夫1.展示2.代码html代码...原创 2022-04-27 07:15:00 · 1123 阅读 · 33 评论 -
手敲女神动态图,前端练手小项目
1.效果展示视频效果显示2.源码2.1html部分<body> <div class="cube"> <div class="box1"><img src="./img/imgs/1.jpg"></div> <div class="box2"><img src="./img/imgs/2.jpg"></div> <div class="box3"><img src原创 2022-04-19 11:53:05 · 325 阅读 · 5 评论