Lv.5
阿童木
更多个人资料
1156
成长值
1
关注
11
粉丝
+ 关注
私信
个人介绍
广东工业大学电子信息类大二在读
感兴趣或擅长的领域
编程语言
个人勋章
TA还没获得勋章~
成长雷达
1130
6
0
0
20
个人资料
个人介绍
广东工业大学电子信息类大二在读
感兴趣或擅长的领域
编程语言
达成规则
以上满足
项可达成此勋章
博客
关注
粉丝
论坛
全部时间
全部时间
最近三天
最近一周
最近一月
全部
暂无专栏分类
React入门学习(四)-- diffing 算法
React入门学习(四)-- diffing 算法📢 大家好,我是小丞同学,一名准大二的前端爱好者📢 这篇文章将尽力说明白 diff 算法📢 愿你忠于自己,热爱生活 前言diff 算法是 React 提升渲染性能的一种优化算法,在 React 中有着很重要的地位,也不止于 React ,在 Vue 中也有 diff 算法,似乎没有差别。在最近的 React 学习中,学到了 diff ...
React
虚拟化
阿童木
2021-08-29 23:40:44
4025
0
0
2021-08-29 23:40:44
999+
0
0
3d分层悬停效果
3d分层悬停效果 写在前面经过了2个星期的努力,我回来了!会继续将我学习路上遇到的问题,以及一些笔记,demo分享给大家 实现效果致我最爱的backpink 实现思路将6张图片,通过定位叠在一起当鼠标移入时,每张图片旋转一定的角度,从而实现思路很简单,实现也很简单,但是效果很好看 实现过程 HTML<div class="imgBox"> <div class="innerBox">...
CSS
阿童木
2021-08-29 23:38:17
1532
0
0
2021-08-29 23:38:17
999+
0
0
C语言实现推箱子游戏完整代码
C语言实现推箱子游戏完整代码前言自己做的,可能有些代码不够工整,或者有些小问题,但游戏的基本操作是可以实现的 代码效果代码一共分为8个部分,4个控制上下左右移动,2个判断输赢,1个统计归为的个数,一个作图。手动设置地图用’0’表示空格,“1”表示墙,“2”表示箱子,“3”表示人,“4”表示终点这样可以提高代码的移植性如需改为手动输入地图可以直接定义一个二维数组,在给他赋值就可以了int s...
5G游戏
数据结构
阿童木
2021-08-29 23:37:24
2583
0
0
2021-08-29 23:37:24
999+
0
0
文字折叠效果 CSS
文字折叠效果人的志向通常和他们的能力成正比例。——约翰逊 实现效果 实现思路建一个div盒子让其旋转一定角度,使其有一定的倾斜效果通过双伪元素建两个相同的样式,通过clip-path属性分别截取上半部分和下半部分,并定位使其与原div盒子层叠添加鼠标移入效果,通过一定的旋转和倾斜来实现折叠时的效果 实现原理一个div盒子在底层不动,让伪元素变化从而达到效果 重要属性clip-path:使用...
CSS
HTML
JavaScript
阿童木
2021-08-26 21:08:41
1767
0
0
2021-08-26 21:08:41
999+
0
0
旋转魔方
旋转魔方 写在前面我们可以失望,但不可以盲目 实现效果 实现思路通过transfrom属性来摆放图片形成一个正方体给整个正方体定义一些样式,通过js来选择正方体使用哪种样式,也就是显示哪张图片给下面的小图片添加点击事件,点击到这张图片时,这张图片需要转出来,所以要把变成这张图片需要做的变化类名传给正方体,让其变化添加一个过渡效果就完成了部分解释在代码注释中 实现代码HTML//正方体<di...
阿童木
2021-08-26 21:07:55
992
0
0
2021-08-26 21:07:55
992
0
0
旋转水滴加载效果
旋转水滴加载效果利用了css的var()函数实现的旋转水滴效果 实现效果 实现思路将多个小圆圈定位在一起,再添加动画给每个小圆圈添加一定的动画延时,产生这样一个圆圈一个圆圈出来的效果 实现要点在添加动画延时的时候,很多时候都是之间给每个元素添加延时,这样的代码就会冗余,这样当要操作的元素数量过多时,是不太好操作的,css3新增了函数的方法,可以利用var函数来获取属性值因此我们可以这样来操...
CSS
HTML
JavaScript
阿童木
2021-08-26 21:06:25
1552
0
0
2021-08-26 21:06:25
999+
0
0
原来404页面也能这么炫酷,我马上打开了编译器
原来404页面也能这么炫酷,我马上打开了编译器引言:在浏览网页的时候,经常会遇到一些404的网页,一般来说都是很简陋的布局,但是最近发现了一个超炫酷的404页面,自己也学着做了一个,下面一起来学习一下怎么制作吧!源码在后面噢!可以自己改一下内容,效果也很炫噢 实现效果超炫酷的动画效果 实现过程实现这个效果只需要html 和 css的知识下面将挑选几个部分来解释一下先看看html结构<sec...
CSS
HTML
JavaScript
阿童木
2021-08-26 21:05:25
4240
0
0
2021-08-26 21:05:25
999+
0
0
圆盘时钟 旋转时钟 数字时钟
圆盘时钟 旋转时钟 数字时钟 写在前面仿荣耀手机时钟,设计的同款时钟效果 实现效果 实现原理 数字时钟利用Date内置对象获取当下的时间,通过处理呈现在页面上这一步获取时间是非常简单的,通过Date下的一些属性就可以实现了背景采用的是一个炫彩流光的效果,利用了CSS3新增的动画效果这部分的炫彩流光效果在之前的博客中有详细讲到 指针时钟通过定位将三根针重叠在一起,下端对齐都摆在原点,通过tr...
CSS
HTML
JavaScript
阿童木
2021-08-26 21:04:55
1936
0
0
2021-08-26 21:04:55
999+
0
0
由于电费太贵,本博客提供云风扇服务
由于电费太贵,本博客提供云风扇服务烈日炎炎,快来降温吧! 实现效果看!很凉快吧! 实现过程HTML结构首先先从html开始,我们将顶部的文字和下面的风扇分成2个部分,再将风扇和切换按钮分离,对于风扇结构来说,我相信很多人会以为==这是图片==,但是其实这个是通过border-radius属性画出的扇页形状,再通过==2根横竖的棍子==拼接成了风扇的形状<div class="fan"> ...
CSS
HTML
JavaScript
阿童木
2021-08-26 21:04:20
4324
0
0
2021-08-26 21:04:20
999+
0
0
炫彩流光按钮 CSS
炫彩流光按钮 写在前面你若要喜爱你自己的价值,你就得给世界创造价值。——歌德 效果图 HTML代码<div class="box"> <button class="btn">button</button></div> 实现过程给按钮添加一个渐变的背景颜色将背景的大小放大到原来的若干倍,可以自己设定,这样做是为了让渐变的效果更明显,同时后续实现流光的效果给字体设置text-sh...
CSS
阿童木
2021-08-25 19:34:42
1612
0
0
2021-08-25 19:34:42
999+
0
0
总条数:118
10
10
20
50
100
1
2
3
4
5
6
...
12
上滑加载中
https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=0&rsv_idx=1&tn=baidu&wd=sed%20%E6%9B%BF%E6%8D%A2%E5%AD%97%E7%AC%A6%E4%B8%B2&rsv_pq=c7db61a600035dc5&rsv_t=5e19yEsbV9N5fIvdlGRU
+ 关注
私信