自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

翻译 骨架屏

骨架屏 ##骨架屏提升用户体验,比菊花屏、白屏用户体验强很多,下面就实践怎样搭骨架屏 使用vue-cli搭建项目,安装依赖,使用vue-skeleton-webpack-plugin注入骨架屏。在build目录下创建webpack.skeleton.conf.js 'use strict'; const path = require('path') const merge = require('w...

2018-12-20 09:59:51 690

原创 分散烟花

分散烟花 javascript中有名的莫过于对象,怎样处对象呢?现在我们一起面向对象,做一个自动播放烟花效果,也可以自己点击放烟花的效果 html很简单 <div id="tips"><a id="auto" href="#">自动放烟花</a></div> 这是css样式 html,body{overflow:hidd

2018-08-23 11:13:30 188

原创 时钟

时钟 用过js和css写过时钟,现在用canvas写一个时钟,发现canvas写出来的动画比css写出来的效果及性能好,先看看效果 下面就分享一下canvas的时钟代码 html <canvas id="myCanvas" width="300" height="300"></canvas> js var can = document...

2018-08-20 15:00:38 184

原创 旋转的剑

旋转的剑 这是一个纯css3做出来的动画3d旋转的剑,go=> <div class="box"> <div class="box1 box1_1"> <div class="div1"></div> <div class="div2"&amp

2018-08-10 15:29:25 116

原创 3d导航

3d导航 这是一个纯css3的3d导航,简单粗暴,通俗易懂 HTML: <ul class="box"> <li><span>大劫案</span><span>是假的</span></li> <li><span>

2018-08-06 17:08:06 156

原创 障碍物反弹效果

障碍物反弹效果 一个小球遇到障碍物或者边界就变色反弹的小游戏,可以左右移动挡板来阻挡小球使其反弹

2018-08-02 10:24:56 555

原创 淡入淡出轮播图

渐现轮播图 这是一个原生手撸渐现型的轮播图 淡入淡出 移入移出 添加前后按钮 *添加小图(动画效果) 一言不合就上代码 js代码块 document.addEventListener('DOMContentLoaded',function(){ let focus = document.querySelector('#focus'); ...

2018-08-02 10:00:11 432

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除