基於Electron + nodejs + 小程式 實現彈幕小工具(終篇)
前言
首先說明一下,本文無干貨,不喜勿噴。
本文是彈幕小工具系列的最後一篇文章,主要是做一下歸檔和總結。
本系列,我們從零開始實現一個簡單可用的彈幕小工具,目前已部署在線上環境,有興趣的朋友可以下載體驗,掃碼即用,十分方便。當然,對實現有興趣的也可以查閱原始碼。
下載體驗
專案原始碼
部落格歸檔
- 基於Electron + nodejs + 小程式 實現彈幕小工具(開篇)
- 基於Electron + nodejs + 小程式 實現彈幕小工具(上篇)
- 基於Electron + nodejs + 小程式 實現彈幕小工具(中篇)
- 基於Electron + nodejs + 小程式 實現彈幕小工具(下篇)
TODO
- 支援傳送圖片
- 不良資訊過濾
- 黑名單
- 。。。
感想
寫部落格實在是比寫程式碼難多了!
魯迅曾經說過,自己開的系列,含淚也要寫完。如今終於寫完,也算是有始有終了。當然,也暴露了很多的不足。如何把事情簡潔明瞭地說清楚,這是筆者需要持續去學習的。
最後,感謝大家對本系列的支援。
@Author: TDGarden
相關推薦
基於Electron + nodejs + 小程式 實現彈幕小工具(開篇)
前言 彈幕(barrage),中文流行詞語,指的是在網路上觀看視訊時彈出的評論性字幕。類似小說中行間彰顯的夾批,視訊中屏間飄過的評點叫做彈幕,原意指用大量或少量火炮提供密集炮擊。而彈幕,顧名思義是指子彈多而形成的幕布,大量吐槽評論從螢幕飄過時效果看上去像是飛行射擊遊戲裡的彈幕。 很久以前,彈幕還
基於Electron + nodejs + 小程式 實現彈幕小工具(上篇)
前言 上一篇文章,大概講述我們即將要做的彈幕小工具是什麼樣的,將使用什麼樣的技術。那麼,從這一篇開始,我們將一步步把想法落地成程式碼。本文,我們將使用Electron實現接收端,讓我們的彈幕飛起來。 效果圖 如上圖所示,把放映PPT的同時,使用者可以通過掃描小程式二維碼,實時發表自己的
基於Electron + nodejs + 小程式 實現彈幕小工具(中篇)
前言 基於Electron + nodejs + 小程式 實現彈幕小工具(開篇) 基於Electron + nodejs + 小程式 實現彈幕小工具(上篇) 上兩篇文章,分別對產品需求和Electron端的實現做了相關的介紹,有興趣的朋友可以看看之前的文章。本文,將介紹服務端的實現。 需求
基於Electron + nodejs + 小程式 實現彈幕小工具(下篇)
前言 接著前面的文章,我們來講彈幕小工具的最後一篇。用小程式來實現彈幕的傳送端,傳送端的需求很簡單:一個簡單的小程式,把使用者要輸入的彈幕內容轉發給nodejs端,使用者雙擊發送按鈕時,預設傳送666。 效果圖 小程式就只有這兩個頁面,非常簡單,使用者掃碼首次進入需要授權
基於Electron + nodejs + 小程式 實現彈幕小工具(終篇)
前言 首先說明一下,本文無干貨,不喜勿噴。 本文是彈幕小工具系列的最後一篇文章,主要是做一下歸檔和總結。 本系列,我們從零開始實現一個簡單可用的彈幕小工具,目前已部署在線上環境,有興趣的朋友可以下載體驗,掃碼即用,十分方便。當然,對實現有興趣的也可以查閱原始碼。 下載體驗 搶先體驗版 專案原始碼
微信小程式-01-專案組成檔案介紹(入門篇)
自古開篇先說兩句,寫這些筆記不是學習用的,主要是後續分享一些遇到的坑,碰到過什麼樣的問題,怎麼去解決,如果你不是一個很耐心無看文章的人,建議去 網易雲課堂找一些課程,跟著別人的腳步或許會更有動力,我的筆記也是從哪裡學習,記一些小筆記,我覺得大學裡做這件事是最合適
小程式多個選項卡切換(商品評論)
選項卡的功能用途有很多地方:例如商品評論的切換,還有文章分類還有各種各樣的切換功能需要用到。這個實現是通過for迴圈,取數值下標的方式來實現切換 test.wxml <view class='content'> <view class='tab {{idx == in
使用高德地圖微信小程式SDK開發案例-輸入提示(附原始碼)
閒來無事寫一篇使用高德地圖的微信小程式SDK開發應用的例項。 接下來先看需求: 我們要做的是,根據使用者輸入的關鍵詞,給出相應的提示資訊,列表中顯示地方的名稱,地方的詳細地址以及對應的經緯度座標。 當然在UI上我們儘量做到理想的視覺與較好的使用者體驗。 最終的效果我們希望是像這樣的,
微信小程式如何設定底部選單欄(tab欄)
tabBar 如果小程式是一個多 tab 應用(客戶端視窗的底部或頂部有 tab 欄可以切換頁面),可以通過 tabBar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。 屬性 說明 color
使用者在小程式操作後通過公眾號(服務號)推送通知
一、前言 使用者在小程式進行了一個操作,操作結果不是立馬返回的可能需要隔一段時間才能有處理結果,那麼這時候需要讓使用者知道操作的結果,應該怎麼辦呢?總的來說有兩種解決方案。一種是通過小程式模板訊息,推送服務通知。這種方式只能支援使用者提交表單或者進行了支付這兩種場景,支援的
小程式選項卡以及swiper套用(跨頁面)
選項卡tab和swpier之間的套用 其實我之前寫過一篇選項卡的切換demo,大家闊以參考一下 小程式多個選項卡切換 那今天寫這個demo呢,是因為專案需求,所以僅供參考。 我是拿到了home.wxml的陣列下標, 通過url傳參的方式去將這個id傳到下一個頁
微信小程式之——自定義分享按鈕(完整版)
1.宣告 onShareAppMessage 函式 onShareAppMessage() { return { title: '彈出分享時顯示的分享標
小程式開發之檔案作用域(全域性變數)與模組化(utils抽離工具類)
檔案作用域 在 JavaScript 檔案中宣告的變數和函式只在該檔案中有效;不同的檔案中可以宣告相同名字的變數和函式,不會互相影響。 通過全域性函式 getApp() 可以獲取全域性的應用例項,如果需要全域性的資料可以在 App() 中設定, 例如: glob
微信小程式例項——天氣預報開發筆記(進行中...)
★ 背景 【提示】:正在補充更新中… 首先,附上一張效果圖. 之前就有關注過小程式的發展,感覺可以抽一點的時間來學習一下,通過官方文件以及提供的示例 Demo,發現興趣挺高,不失為一個
微信小程式:js獲得兩層(多層)陣列最裡層的的length(舉個栗子,栗子重複的話,抱歉)
teacherList: [ { Tname: 'aaaaaa', Ttime: 'aaaaaaaaaaaaa', TtimeList: [ { Ltime: 'aaaaaaaaaaaaaaaaa',
微信小程式開發之表單驗證(WxValidate使用)
微信小程式的開發框架個人感覺大體上跟VUE是差不多的,但是他的表單元件沒有自帶的驗證功能,因此開發小程式的表單驗證時候一般有兩種方法,一是自己裸寫驗證規則,但是需要比較紮實的正則表示式基礎,一種是利用官方社群開發的WxValidate外掛進行表單驗證。 WxValidat
基於百度API,實現圖片文字識別功能(Java版)
1、登入百度AI開放平臺 (1)在頂部導航欄中,找到控制檯選項,並選擇文字識別功能,進入管理中心頁面 (2)在管理中心頁面中,找到建立應用按鈕並點選 (3)填寫應用名名稱和應用描述,選擇相應的應用型別,勾選自己需要的介面服
小程式調取錄音許可權授權等(各許可權)頁面的介面順序,
以錄音介面為例 var that = this; const recorderManager = wx.getRecorderManager() const options = {
Java獲取小程式帶參二維碼(太陽碼)
開發十年,就只剩下這套架構體系了! >>>
大資料學習之小白如何學大資料?(詳細篇)
大資料這個話題熱度一直高居不下,不僅是國家政策的扶持,也是科技順應時代的發展。想要學習大資料,我們該怎麼做呢?大資料學習路線是什麼?先帶大家瞭解一下大資料的特徵以及發展方向。 大資料的三個發展方向,平臺搭建/優化/運維/監控、大資料開發/設計/架構、資料分析/挖掘。 先說一下大資料的4V特徵: 資料