原生JS手写抽奖案例:今晚吃什么

上课时候突发奇想,想着做一个抽奖系统出来,于是用了两小时去写了这个案例,主要用了随机值函数,其他没什么特别地方,代码自我感觉还算规范。

阅读全文

用原生JS写一个简易的小游戏

昨天在课堂上听课,软件工程导论,听着挺无聊-。-,于是乎,打开了VS2018,敲起了代码,写写封装,写着写着,突发奇想改良成了游戏,模拟了一个类似 “别踩白块儿” 的益智小游戏,我取名为 “别踩黑块” ,哈哈哈,代码随意发挥,既清奇又不整洁,只建议学习其中逻辑原理,不建议当作学习版本。(大佬看我代码估计要喷死我-。-)

阅读全文

你写的CSS3动画为什么卡顿?

在使用css3 transtion做动画效果时,transform实现的动画是与合成器线程相关的,不需要等待主线程样式计算或者 JS 执行,计算速度是很快的;而使用height,width,margin和padding时,导致布局和绘制的调整,主线程需要重新计算样式并且执行JS,计算速度自然就慢了。

阅读全文

前端常见的CSS兼容性问题

1、双倍浮动BUG:描述:块状元素设置了float属性后,又设置了横向的margin值,在IE6下显示的margin值要比设置的值大;解决方案:给float的元素添加 display:inline;将其转换为内联元素;2、表单元素行高不一致:解决方案:  ①、给表单元素添加vertical-align:middle;  ②、给表单元素添加float:left;3、IE6(默认16px为最小)不识别

阅读全文

CSS阴影效果哪个更好:drop-Shadow与box-Shadow

drop-shadow与box-shadow都是阴影效果(光晕效果)的css属性,二者最大的不同点在于:box-shadow只能制作矩形的阴影,而drop-shadow则可以制作和物件不透明区域完全相同形状的阴影。底下是二个css属性的用法:.drop-shadow { -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7)

阅读全文

介绍

热门文章

最近回复

  • 王根基: 大佬赶紧备份了博客准备跑路吧,个人版的cloud studio要...
  • 小陆: This blog is not for commercial ...
  • 陆英彬: 本博客不作商业用途。
  • y8o4u1j2: cheap essay, cheap essay service...
  • 菜鸟: 哦⊙∀⊙!
  • 小陆: 前后端分离的框架用起来不熟练,所以本博客没有分离之别。 我...
  • 菜鸟: 你这个博客是不是没有前后端分离
  • 菜鸟: 大神
  • 陆英彬: 本站滚动条效果即是此案例。 局部盒子滚动条自定义样式写法:...
  • 每日一补: 网站开发不能简单理解为网页制作,网页制作只是网站(B/S结构)中...

其它