---恢复内容开始--- 下午又练习了一下计算器,这回是自己背着写的。后来主要研究、编写了网页钟表的代码。学习到了innerHTML属性和setInterval()方法。 innerHTML属性的用法: 对象.innerHTML = HTML (HTML代码 ...
前两天写了一个基于vue的小钟表,给大家分享一下。 其中时针和分针使用的是图片,结合transform制作 表盘刻度是通过transform和transformOrigin配合画的 外面的弧形框框,啊哈哈,也是用的图片。具体的看里面的注释就好了,感觉写的还算清楚,啊哈哈 能帮到你的话,点个赞呗 预览图: 效果的话,可以看这里 https: jhcan .github.io can Share de ...
2019-09-18 15:35 0 848 推荐指数:
---恢复内容开始--- 下午又练习了一下计算器,这回是自己背着写的。后来主要研究、编写了网页钟表的代码。学习到了innerHTML属性和setInterval()方法。 innerHTML属性的用法: 对象.innerHTML = HTML (HTML代码 ...
1,昨天刚看了hongyang大神推荐的自定义时钟效果(传动门:http://www.jianshu.com/users/a45d19d680af/),效果还是不错的,自己又在github上找了找 ...
上一篇文章《一个基于ES5的vue小demo》我们讲了如何用ES5,vue-router做一个小demo,接下来我们来把它变成基于ES6+webpack的demo。 一、环境搭建及代码转换 我们先搭建一下vue 的开发环境,根据我的一篇随笔《Vue开发环境搭建及热更新》,我们一步步搭建开发环境 ...
最近写了一个基于vue的仪表盘,其中 主要是和 transform 相关的 css 用的比较多。给大家分享一下,喜欢的话点个赞呗?嘿嘿 截图如下: 实际效果查看地址:https://jhcan333.github.io/can-Share/demos-tips/gaugeDemo.html ...
由于现在很多vue项目都是基于ES6开发的,而我学vue的时候大多是看vue官网的API,是基于ES5的,所以对于刚接触项目的我来说要转变为项目的模块化写法确实有些挑战。因此,我打算先做一个基于ES5的vue小demo,再把这个demo写成基于ES6的,算是一个过渡吧!这个demo有一些代码借用 ...
使用到的技术: Vue Vue-router Element-ui webpack Normalize.css vue-awesome babel 源码地址: 1 vue-cli 安装模板 2 安装依赖并运行 浏览器打开如下页 ...
,感兴趣的同学可以移步「原文链接」 PART 1 概述 实现一个钟表的话我们的目标就是 用 ...
有需要的可以看下,作为参考,接下来会陆续放上基于vue-cli3+nuxtjs的demo 地址:https://github.com/luochenLing/vue-ssr ...