摘要:這是基于進(jìn)行狀態(tài)管理的完整項(xiàng)目,包含了用戶的登錄退出,路由頁(yè)面,滾動(dòng)位置還原,帖子編輯狀態(tài)保存等等,麻雀雖小,卻是五臟俱全。 前言 上一篇《Vue.js輕松實(shí)現(xiàn)頁(yè)面后退時(shí),還原滾動(dòng)位置》只是簡(jiǎn)單的實(shí)現(xiàn)了路由切換時(shí)進(jìn)行的滾動(dòng)位置還原,很多朋友就來(lái)問(wèn)上拉加載怎么實(shí)現(xiàn)??!于是我想起了以前做過(guò)一個(gè)叫vue-cnode的項(xiàng)目,于是花了兩天時(shí)間進(jìn)行了重構(gòu),完全的移除了Vuex,使用了Vuet來(lái)做為...
摘要:思路根據(jù)鍵盤(pán)的值來(lái)判斷是鍵盤(pán)上的哪個(gè)鍵通過(guò)定位利用鍵盤(pán)事件改編方塊的和值通過(guò)開(kāi)啟定時(shí)器消除長(zhǎng)按鍵盤(pán)的首次卡頓情況代碼設(shè)置方向變量,后面需要用作判斷設(shè)置移動(dòng)的步進(jìn)開(kāi)啟一個(gè)定時(shí)器根據(jù)方向變量進(jìn)行判斷按下方向鍵時(shí)檢查方向的左上右下用語(yǔ)句來(lái)判斷 思路: 根據(jù)鍵盤(pán)的unicode值來(lái)判斷是鍵盤(pán)上的哪個(gè)鍵 通過(guò)定位利用鍵盤(pán)事件改編方塊的top和left值 通過(guò)開(kāi)啟定時(shí)器消除長(zhǎng)按鍵盤(pán)的首次卡頓情況...
摘要:尋思著實(shí)現(xiàn)個(gè)自動(dòng)化控制玩玩。自從穹頂之下的信息被普及,不僅要出門(mén)帶口罩,還要家里開(kāi)空氣凈化器。效果圖代碼家庭空氣質(zhì)量管家為傳感器口為繼電器控制口引腳初始化網(wǎng)絡(luò)串口監(jiān)聽(tīng)顆粒溫濕度煙霧繼電器源碼 背景 前陣子樹(shù)莓派由于沒(méi)外殼不小心短路燒掉了。最近得手nodeMCU的板子,不僅便宜還支持串口交互式調(diào)試,很是方便。尋思著實(shí)現(xiàn)個(gè)自動(dòng)化控制玩玩。自從穹頂之下的信息被普及,不僅要出門(mén)帶口罩,還要家里...
摘要:文章同步自個(gè)人博客此前只是簡(jiǎn)單使用而沒(méi)有真正的去研究,這次要好好折騰下這貨。我們要實(shí)現(xiàn)一個(gè)啟動(dòng)器來(lái)運(yùn)行它,并把結(jié)果傳給下一次,這樣就實(shí)現(xiàn)了接收值的功能。就啟動(dòng)起來(lái)了,并且一直執(zhí)行到為為止。如果執(zhí)行不了,請(qǐng)升級(jí)瀏覽器,本例在下通過(guò)。 文章同步自個(gè)人博客:http://www.52cik.com/2016/07/11/generator-co.html 此前只是簡(jiǎn)單使用而沒(méi)有真正的去研究 ...
摘要:由于內(nèi)容較多,計(jì)劃分四篇,大致內(nèi)容分布如下基礎(chǔ)篇介紹基礎(chǔ)。接下來(lái)讓我們補(bǔ)全這一部分在第行我們引入了模塊中函數(shù),可以理解為當(dāng)事件發(fā)生時(shí),它會(huì)輸出一個(gè)消息。我們有了數(shù)據(jù),具備行為的視圖,按行為改變數(shù)據(jù)的邏輯,卻沒(méi)有將它們粘合成一個(gè)應(yīng)用。 簡(jiǎn)介 Elm 是一門(mén)專注于Web前端的純函數(shù)式語(yǔ)言。你可能沒(méi)聽(tīng)說(shuō)過(guò)它,但一定聽(tīng)說(shuō)過(guò)Redux,而Redux的核心reducer就是受到了Elm的啟發(fā)。 隨...