标签:: 前端

简单的抽奖

一回头, 12月中旬了。 最近项目忙,还被封闭了半个月。为了保持一个月1到2篇博客,月中了,就说说上次写的抽奖吧。 这里讲的是九宫格抽奖,其实圆盘的那种都类似。在线demo地址在线代码地址 逻辑 点击抽奖后立马开始动画效果 请求接口获得中奖结果 减慢动画效果, 命中奖品 从上可以看出来,其实你中奖不中奖是服务来决定的,前台那一些绚丽的动画,就是给你带来快感的。 这里我们要先封装一个抽

css的hover

马上月底了, 这个月忙于工作和生活, 没有很好的写一篇博客, 有点忧伤. 为了弥补, 就写点简单的. 最近项目有个需求, 就是鼠标移入的时候显示一个层, 移除的时候这个层消失. 当然层是可以点击进行额外操作的. 项目用的是react,最开始使用的是mounseenter和mounseleave事件, 结果吧出现了点击进入另外一个路由后,再次点击回来后, 鼠标在元素上, 确没有再出现浮层.

一些链接

Corew3cw3c TRMDNCan I UseBrowse test cases · jsPerfChrome 开发者工具 | Web | Google DevelopersCompatibility overview 学习站点掘金妙味课堂前端网FreeCodeCamp前端乱炖CodePen极客学院 HTML教程|菜鸟教程CSS参考手册_web前端开发参考手册系列ECMAScr

markdown语法

1. 图片语法![Alt text](/path/to/img.jpg "Optional title")示例![Foo](http://i.weather.com.cn/images/cn/life/2017/04/11/11141533DF572FBBA092E37E6E843C656C318272.jpg) 2. 换行在文本中输入的换行会从最终生成的结果中删除,浏览器会根