- 博客(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"&
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
原创 淡入淡出轮播图
渐现轮播图 这是一个原生手撸渐现型的轮播图 淡入淡出 移入移出 添加前后按钮 *添加小图(动画效果) 一言不合就上代码 js代码块 document.addEventListener('DOMContentLoaded',function(){ let focus = document.querySelector('#focus'); ...
2018-08-02 10:00:11 432
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人