CSS3
文章平均质量分 58
哪有那么可爱的小蝈蝈
吃得好饱
展开
-
ES6面向对象 观察者模式实现video视频的弹幕功能与基础组件
ES6面向对象实现 video 视频的弹幕功能与基础组件实现目标1、打开网页自动播放视频(因为谷歌不支持video标签在有声音的情况下自动播放,所以要设置muted)2、使用观察者模式,监视每一条弹幕3、将每一条弹幕元素加入Set列表中,给每一条弹幕添加定时器,使他运动,当文字尾部移出视频时,将该弹幕元素从Set列表中删除,同时删除该元素的定时器4、实现重写controls组件,暂停,上一个视频,下一个视频5、实现当前视频结束时,播放列表中下一个视频6、实现视频网页开关灯7、ES6面向对象原创 2020-11-21 19:59:13 · 1458 阅读 · 4 评论 -
ES6面向对象三级级联省、市、区菜单
ES6面向对象三级级联省、市、区菜单实现目标:nodejs加ES6面向对象实现省市县的三级级联菜单接口文档项目列表接口index.html:http://10.9.72.220:4001URL :http://10.9.72.220:4001Method :GETDataType : 请求消息: QueryString 响应消息: JSON接口名称1、?type=province ?type=city?type=district2、http://10.9.72.22原创 2020-11-16 08:04:54 · 381 阅读 · 0 评论 -
node.js+MySql数据库+HTML实现内部查重系统
node.js+MySql数据库+HTML实现内部查重系统实现目标:1、将每个人的项目登记,存入MySql数据库2、在填写时进行实时正则判断,判断每项输入格式是否正确,方便之后进行查重对比3、设置查询按钮,可以在填写提交自己的项目之前看到大家的提交详情4、提交时,在数据库中进行姓名对比,每人只能提交一次,不能重复提交5、提交时,项目网址与项目中文名会在MySql数据库中进行查询对比,双重保险,避免只查询一项造成漏网之鱼6、提交完成后自动跳转到查询页面7、提交填写页面与服务端使用form表单通原创 2020-11-14 20:53:07 · 890 阅读 · 1 评论 -
JavaScript+HTML5+CSS3完美实现ToDoList(详细注释)
JavaScript+HTML5+CSS3完美实现ToDoList实现目标:实现在todolist中添加未完成事件,事件完成后点击checkbox多选框可以将该事件移入donelist列表中,双击事件名称可更改事件名称,点击“-”实现删除该事件,点击清空可清除全部事件,利用localStorsge实现本地长期存储,关闭浏览器再次打开浏览器可直接显示上次对该页面最后操作所显示的样式。整体思路1、title中输入事件,点击回车后添加到未完成事件todolist列表中2、点击todolist列表中未完成原创 2020-11-03 20:06:54 · 1794 阅读 · 0 评论 -
利用原生JS写简单计算器
利用原生JS写简单计算器利用原生JS来写一个简单的计算器,其中主要是对利用JS新建标签和鼠标事件的应用<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document原创 2020-10-05 21:04:00 · 2225 阅读 · 2 评论 -
关于CSS3中动画属性的基本知识
关于CSS3中动画属性的基本知识animation顾名思义为动画的意思。Animation应用在页面DOM上 使其产生动画的效果。在开始介绍Animation之前我们有必要先来了解一个特殊的东西,那就是"Key s",我们把他叫做“关键帧”,玩过flash的朋友可能对这个东西并不会陌生。 animation vs transition 相同点:都是随着时间改变元素的属性值。 不同点:transition需要触发一个事件(hover事件或click事件等)才会随时间改变其css原创 2020-09-29 09:47:21 · 610 阅读 · 0 评论