摘要:制作鐘表分成兩部分,一部分是表盤(pán),一部分是時(shí)針?lè)轴樏脶樀淖邉?dòng),首先,先繪制表盤(pán)繪制表盤(pán)圓半徑設(shè)置坐標(biāo)軸原點(diǎn)圓心表盤(pán)外圓表盤(pán)刻度大格表盤(pán)刻度小格表盤(pán)時(shí)刻數(shù)字設(shè)置字體樣式字體上下居中,繪制時(shí)間利用三角函數(shù)計(jì)算字體坐標(biāo)表達(dá)式開(kāi)始繪 制作鐘表分成兩部分,一部分是表盤(pán),一部分是時(shí)針、分針、秒針的走動(dòng),首先,先繪制表盤(pán): // 繪制表盤(pán) getDialClock = () => { c...
摘要:觸發(fā)事件可以攜帶數(shù)據(jù),這些數(shù)據(jù)被用于傳遞給綁定了事件的其它組件的回調(diào)函數(shù)上,進(jìn)而被傳遞給其它組件。父組件可以在回調(diào)函數(shù)里做任何事情,頗有靈活性。一般情況下,父組件會(huì)在回調(diào)函數(shù)中更新自己的狀態(tài)數(shù)據(jù)。 上一篇博文梳理了vue的數(shù)據(jù)驅(qū)動(dòng)和響應(yīng)式相關(guān)的特性,這一篇博文就來(lái)梳理vue的一個(gè)很重要的特性,組件化。自定義組件之于vue,其意義不亞于函數(shù)之于C,java之類的編程語(yǔ)言。函數(shù)是計(jì)算機(jī)科學(xué)...
摘要:使用語(yǔ)法與要跳轉(zhuǎn)到的對(duì)應(yīng)的狀態(tài)信息。頁(yè)面名字,方便調(diào)試。要跳轉(zhuǎn)到的地址,不能跨域,對(duì)于單頁(yè)應(yīng)用來(lái)說(shuō)沒(méi)用,傳空即可。 需求 在微信網(wǎng)頁(yè)開(kāi)發(fā)中,點(diǎn)擊返回按鈕不刷新頁(yè)面,進(jìn)行頁(yè)面切換,且實(shí)現(xiàn)傳值功能. 問(wèn)題由來(lái) 在做微信網(wǎng)頁(yè)開(kāi)發(fā)時(shí),由于微信的左上角返回按鈕會(huì)返回上一個(gè)頁(yè)面并且刷新,無(wú)法做成打開(kāi)頁(yè)面選擇內(nèi)容后關(guān)閉當(dāng)前頁(yè)面,并且給前一個(gè)頁(yè)面?zhèn)髦档墓δ? 實(shí)現(xiàn)方法 想實(shí)現(xiàn)此功能一開(kāi)始想到的是不進(jìn)行...
摘要:前言本篇文章是基礎(chǔ)知識(shí)的篇,如果前面的基礎(chǔ)知識(shí)入門篇看完了,現(xiàn)在就可以學(xué)習(xí)了。基本概念分為三個(gè)部分。在這個(gè)基礎(chǔ)上使用一些新特性,高級(jí)瀏覽器支持,低級(jí)瀏覽器不支持。在對(duì)象中的屬性是一個(gè)布爾值,只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...
摘要:最簡(jiǎn)單的監(jiān)聽(tīng)辦法就是使用使用格式如下它有兩個(gè)參數(shù),第一個(gè)參數(shù)是指定的單個(gè)按鍵或者組合鍵,第二個(gè)參數(shù)是一個(gè)回調(diào)函數(shù),它在每一次用戶按下指定的時(shí)被調(diào)用。 keypress.js是一個(gè)捕獲鍵盤(pán)輸入的JavaScript庫(kù),它簡(jiǎn)單易用,輕量級(jí)的壓縮版本只有9kB左右,并且沒(méi)有依賴其他JavaScript庫(kù)。 我們通常用鍵盤(pán)事件來(lái)監(jiān)聽(tīng)keydown和keyup事件。當(dāng)按下鍵盤(pán)的任意鍵的時(shí)候,ke...