![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习案例
文章平均质量分 83
三杯温开水
这个作者很懒,什么都没留下…
展开
-
CSS绘制自己的小摩尔
小摩尔的绘制最近手游摩尔庄园上线了,作为热爱前端的我来说,自己要有一个属于自己的摩尔头像,那麽我们就开始绘画吧!首先要了解CSS样式和一些简单的JS,这样看下面的文章就容易很多了,我们看看效果图,需要准备怎么样的布局或者说需要准备怎么样去绘制前的HTML标签的搭建,废话不多说,开干!1、首先时HTML的搭建HTML搭建主要分为一个标题(可省略),小摩尔的(脸部、眼睛、眼珠子、鼻子、嘴巴、面具)<body> <h3>我的小摩尔</h3> <d原创 2021-06-08 00:55:12 · 610 阅读 · 2 评论 -
原生JavaScript实现todolist操作
todoList 案例我们通过一个案例,了解一下 push() 和 spile() 方法的使用,他们分别是压入一个元素 和 删除某个(数组)元素。1、首先是一个简单的样式布局1-1、通过html 和 css 样式的局部完成我们页面的搭建:使用常规html进行布局,数据的添加采取 fieldse t布局或者使用 form 来局部均可,我这里采取 fieldset 局部搭建完成。html元素:<div id="app"> <!-- 第一部分:输入信息 -->原创 2021-06-06 23:50:29 · 1078 阅读 · 1 评论 -
3分钟快速理解并实现CSS轮播图
css轮播图实现首先我们要理解这样一个问题,在css轮播图的移动中,是图片移动还是所有图片一起移动呢?答案是后者,我们通过下面的图可以了解到,通过集体向translateX移动所有照片X轴的总和,比如,我们每一张图片是400px,4张图片,那麽就是400*4 = 1600px;translateX移动1600px,因为是向左滑行,所以移动的值是负值。 功能:当我们鼠标有一个移入的动作时,轮播停止;我们下面这个案例会帮助我们更快的理解到: <main> <s原创 2021-04-26 10:03:25 · 255 阅读 · 0 评论 -
5分钟做一个php的增删改查案例
增删改查案例PHP基础入门完成了,自己做了一个签到系统,用于可活动考勤,班级考勤等,主要是在校园中自己有时候需要使用,最近刚好学了PHP+MySQL的知识,于是自己构建了一个简单的考勤签到系统。这个案例主要实现的原理就是通过PHP执行SQL语句,更改数据库中的内容。接下来我们就来看看是怎么样实现的。1、先看效果图:添加信息的列表:学生签到页面2、代码index.php的代码,主要将数据库的信息渲染在页面,这里通过PHP + H5 结合起来,然后通过循环,将数据库中存在的信息,经过模板渲染出来原创 2021-03-28 00:13:32 · 6145 阅读 · 4 评论