原创 Vue+Node+Express+MySql的嘗試

前言 這是一次很簡單的嘗試,初衷是使用nodejs替換PHP,搭建一個完整的web項目。 項目邏輯 vue開發前端,目前還在dev模式,使用proxy代理和node後端進行通信。node+express構建後端web服務,連接mysql,進

原创 通用的js前後端交互代碼

前言 在一個項目中,前後端的交互是很頻繁的。有的是要獲取一個數據,有的是要改標一個狀態,有的是需要提交用戶輸入,有的是要上傳一個文件,本文就是這麼的一個代碼 /** * 通用的js前後端交互代碼 * 依賴layer.js * ajax

原创 vue使用keep-alive保持滾動條位置的實現

前言 下班前,20分鐘,發一篇。。。簡單介紹,使用keep-alive的時候,返回前一頁,沒有保持滾動條位置。事實上,就算不使用keep-alive,位置也沒有被記錄。但是,在不適用keep-alive的時候,頁面內容會刷新,所以就隨他去了

原创 數組方法find、filter、findIndex簡介

前言 ES6提供了很多新的API,數組對象的尤爲實用,但是如果我們沒有在相對應的開發環境下,很難對這些API有深入的瞭解,畢竟實踐出真知。 find、filter、findIndex這三個方法都是對於數組的查找,其中返回的值略微相關,所以在

原创 vue-awesome-swiper異步加載數據,初始化的loop不生效——解決及猜想

情景介紹 vue+typescript+vue-awesome-swiper項目,首頁輪播使用vue-awesome-swiper,banner數據從服務器端加載。數據加載需要時間,如果直接載入vue-awesome-swiper,結果是s

原创 vue-cli3+typescript初體驗——router篇

前言 vue基於類的寫法,和基於對象的寫法並不一致。使用vue-cli3創建的項目,src目錄下的文件結構並沒有多大區別,store、router、app、view、components、aeests該有的還是有的。但是,多了一個東西:vu

原创 ubuntu18.04下VSCode通過ssh連接github實操

前言 一般來說,我們從github克隆代碼,有兩個模式,一個是https模式,一個是ssh模式。如果我麼沒有建立ssh信任,是無法通過ssh模式克隆代碼的。ssh模式有一個優勢就是可以建立本地git工具和github服務器之間的信任,不需要

原创 chrome瀏覽器下audio自動播放的hack

前言 也許很多前端遇到過這個需求:消息提醒。一般來說,可以簡單的實現絕不會用複雜的方式,audio標籤提供了這個功能。但是,新版的chrome瀏覽器禁止了js自動播放音頻的功能,見鬼了。 音頻播放 <audio src="../audio.

原创 vue-cli3+typescript初體驗

前言 氣勢洶涌,ts似乎已經在來的路上,隨時可能敲門。2015年,三大前端框架開始火爆的時候,我還在抱着Backbone不放,一直覺得可以輕易轉到其他框架去。後來換工作,現實把臉都打腫了,沒做過vue、react、angular?不要!今天

原创 VSCode中"experimentalDecorators"設置問題

前言 最近用vue+typescript做項目,腳手架構建好項目後,發現vsCode一直髮出警告提示,百度之後,解決了。但是又不僅僅是百度就解決了。 問題的出現 工作區有幾個項目,新開的項目添加進來的位置在最後。警告提示: Experime

原创 表單密碼自動填充hack

前言 寫前端的,最討厭的事有幾個,其中一個就是用戶/自己輸入的密碼被瀏覽器記住之後,每次打開頁面都會自動填充。甚至不分青紅皁白,每個頁面只要有password類型的輸入框,就會自動填充。尤其是chrome。 不僅煩人,有時候還會影響樣式,比

原创 js操作DOM的class--防jquery

function removeClass(name){ var $ele = this.ele; if(!$ele){ console.log('>> 找不到該元素: id =

原创 tradingView-webSocket進階——Vue.js

前幾天寫了一篇關於tradingView和webSocket的文章傳送門,因爲代碼本身還在整合中,所以比較混亂,而且也沒有demo可以運行。這兩天在GitHub上面看到了一個vue寫的demo,仔細對比,原來就是我得到的最初版本的tradi

原创 tradingview-websocket進階

1、websocket 用戶量量大,數據量大,而且要求實時更新數據的時候,需要使用websocket。tradingview正好就是這樣的應用場景。 2、tradingview和websocket結合 getBars方法。tradingv

原创 tradingview入門

今年七月入坑,中間斷斷續續做了別的項目,因爲沒有完全掌握這個插件,所以一直沒有嵌入項目。現在已經四個月過去了,迭代工作沒那麼忙,是時候整合tradingview到項目內部了。 1、簡介 這是一個圖表插件,刨除外觀UI的設置,它的功能就是:獲