---恢復內容開始--- 下午又練習了一下計算器,這回是自己背着寫的。后來主要研究、編寫了網頁鍾表的代碼。學習到了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 ...