vue + canvas 实现炫酷时钟

2019-01-17
阅读 2 分钟
6.8k
如何基于canvas实现下图的样式 demo演示地址: [链接] canvas绘制步骤思路 绘制表盘的(时针)刻度 绘制表盘的(分针)刻度 绘制表盘数字刻度 绘制时针、分针、秒针 绘制中心点 绘制秒针的尾部(优化部分) 实现所需要的知识点 画圆 ctx.arc(x,y,r,开始弧度,结束弧度) 画线 ctx.moveTo(x,y) ctx.lineTo(x1,y1) 直角坐标...

前端那些典型布局方案

2018-07-27
阅读 5 分钟
3.4k
本文主要取自于网易云课堂——前端微专业 页面制作github相关代码:[链接] 💪布局解决方案 居中布局 水平居中 父元素与子元素宽度不定 {代码...} inline-block + text-align {代码...} table + margin {代码...} absolute + transform {代码...} flex + justify-content {代码...} 垂直居中 父元素与子元素高度不定 table-c...

基于vue,如何实现滚动条滚动到指定位置,对应位置数字进行tween特效

2018-07-17
阅读 3 分钟
20.5k
浏览各大云平台,发现一个页面特效使用较为频繁,以“百度云”为例([链接]),进入百度云后,当滚动条滚动至“更可靠的数据支持”模块时,页面数据将会开始滚动式增长特效。下面将会介绍我的解决方案,希望有同行更好的解决方案大家一起交流。

element-ui走马灯如何实现图片自适应

2018-07-02
阅读 1 分钟
10.8k
问题开发中使用element的走马灯组件遇到图片无法自适应的问题,但是开发中往往需要自适应布局,在此情况下如何实现走马灯的自适应是一个值得解决的问题。尝试多次,直接写css无法实现布局的自适应。解决办法经过实践,可通过以下方式解决

vue2.0生命周期详解

2017-10-11
阅读 1 分钟
3.3k
生命周期图示 图片取自:[链接] 生命周期详解 周期名称 内容 beforeCreate(创建前) 在数据观测和初始化事件还未开始 created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性未见 beforeMount(载入前) 在挂载开始之前被调用。相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data里...

vue2.0组件通信

2017-10-10
阅读 4 分钟
2.7k
组件通信 组件通信方式类别 VueJs提供的props和自定义事件 eventbus vuex 通信方式 区别 props 用于父组件传递数据给子组件 自定义事件 用于子组件向父组件通信 eventBus 适用于非父子组件通信的简单场景,使用一个空的vue实例作为中央事件总线 Vuex 状态管理,适用于复杂场景 props 父组件传递数据给子组件:1.子组件显...