前端学习
一个爱摸鱼的前端
这个作者很懒,什么都没留下…
展开
-
web练手--简单加法计算器
废话不多说,直接上代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>简单加法计算器</title> <style type="text/css"> head原创 2018-09-17 21:15:55 · 3240 阅读 · 1 评论 -
web练手--彩色方块下落动画
动画过程:最终效果如下:直接上代码: index.html:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Cube</title></head><body&原创 2018-09-24 15:13:35 · 548 阅读 · 1 评论 -
web练手--抽卡模拟器(1)
抽卡手游玩多了,心血来潮写个抽卡模拟器,卡等级分sss,ss,s,a,b,c六种,sss概率为0.01%,ss概率为0.1%,s概率为1%,a概率为15%,b概率为30%,剩余都为c,为了避免长期呆在非洲,加入了概率补偿的设定,每一次抽到s以下的卡片,都会使概率补偿计数器的值上升,这个计数器的值直接影响到抽到s以上卡的概率,当抽取到s以上卡时,重置这个计数器,防止抽到高级卡的概率过高。目前...原创 2018-09-21 20:16:40 · 11381 阅读 · 1 评论 -
JS中深拷贝的实现
JS中Array对象和Object对象的赋值实际上是引用赋值,会导致很多奇怪的bug,比如b=a之后,改变b的值a也跟着改变,为了解决这个问题,需要自己实现深拷贝函数。代码如下: var clone = function (initData) { //深拷贝 if(typeof initData !== "Object") return...原创 2018-09-22 20:44:05 · 188 阅读 · 0 评论 -
960像素宽,16列栅格css代码
用于固定布局代码如下:/*定义容器*/.container_16{ margin-left: auto; margin-right: auto; width: 960px;}/*全局设置*/.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid...原创 2018-09-28 16:37:02 · 415 阅读 · 0 评论