作者:穆亚克
欢迎来玩!
超级玛丽
flappy bird
- 动画
- 游戏
- 小人跑动(电脑版)(背景横向移动,体现远近距离视差,左右键控制角色的走动,空格键为跳跃)
- 放地雷(电脑版)(鼠标点击,产生一个💣,带重力加速度,引信点完,产生爆炸效果)
- 超级玛丽
- flappy bird(手机版)
- 字幕滚动(模拟每2s产生1-4条数据)
- 图片加载且顺序呈现(图片同时加载,但是顺序显示)
- 鼠标拖动图片滚动(利用translate来实现)
- js复制粘贴功能
- 模拟vue双向绑定
- 节流(每1.5s执行一次,结束后2s执行一次,不同的节流需求)
- 瀑布流(方法2 瀑布流)
- 文字走光效果
- 图片翻折效果
- 圆形进度条css
- 圆形进度条svg
- 九宫格自适应css+js(改变窗口大小,自适应)
- 九宫格自适应css纯(padding-top相对应父元素宽度)
- 手机端显示小于12px的文字(改变窗口大小,自适应)
- 锤子科技鼠标3d效果展示
- svg动态字体(手机版,自适应文字大小)
- 价格输入或长按增长(手机版)
-
css
- 媒体查询
- background
- counter-reset(counter-reset用法及排行榜插入效率最高方法)
- contenteditable(div模拟input,包括富文本编辑器)
-
js
- 图片预加载(原生)
- 图片预加载(jquery deferred)
- 图片预加载(promise)
- 强制手机设置成横屏状态
- 倒计时(console.log中查看)
[个人博客](http://www.muyake.site/blog/)