原创 vuejs中的默認插槽-具名插槽-作用域插槽三者的比較

前言 Vue中的插槽是一個非常強大的功能,在複用組件模塊的時候,針對相似的結構,擁有不通的內容時,使用插槽就非常方便,一定程度上可以減少在模板中使用大量的邏輯判斷,控制顯示不通的內容 同時,也可以讓代碼組織結構更加清晰,雖然使用上是簡單了,

原创 vuejs中的普通方法/計算屬性computed與監聽屬性watch四者的比較

背景 在vue中,實現同一個功能需求,可以使用普通方法,也可以使用computed屬性以及watch屬性,對於它們的使用,剛開始時,存在着一些困惑 至於什麼時候使用方法,什麼時候使用計算computed屬性,以及watch屬性,往往令人很頭

原创 讓自己的網站支持第三方支付能力(支持支付寶與微信支付)

前言 對於建站,相信很多小夥伴,一方面是希望自己有個知識的沉澱的載體,另一種程度上也是建立自我品牌的開始,當然也希望網站能夠帶來一些隱性或者顯性的收入,例如:吸引廣告商,貼片廣告,付費閱讀,自產自賣等 您將在本篇中讀完get到 在vuep

原创 小程序-雲開發基礎

前言 最近在學習研究小程序的雲開發,不得不令人驚歎,個人覺得如果把小程序比作是乾柴,那麼雲開發就是一把烈火,助推了小程序,小遊戲的野蠻生長 一種無服務serverless的開發模式正在崛起,在未來,個人覺得它會成爲開發網站,app,應用等寵

原创 理解 Es6 中的 Symbol 類型

前言 在 Es6 中引入了一個新的基礎數據類型:Symbol,對於其他基本數據類型(數字number,布爾boolean,null,undefined,字符串string)想必都比較熟悉,但是這個Symbol平時用得很少,甚至在實際開發中覺

原创 介紹幾個代碼實際開發中很實用的工具

前言 您看完本文後,將會學習到這些實際開發中常用的騷操作 vscode中快速生成頭部註釋以及函數註釋(koroFileHeader) 不知道如何命名,打開這個codeIf網站(對於有的小夥伴可能有用),分別在sublime以及vscode

原创 React進階(5)-分離容器組件,UI組件(無狀態組件)

前言 至今爲止,關於React中的組件已經接觸到了有很多,用類class聲明的組件,函數式funtion關鍵字聲明的組件,以及樣式組件(styled-components),對於前面幾節當中已經用Redux實現了一個todolist,但是代

原创 React進階(6)-react-redux的使用

前言 您將在本文當中學習到 react-redux是什麼,解決什麼問題 UI組件以及容器組件 react-redux庫兩個重要的API,Provider以及connect mapStateToProps以及mapDispatchToPr

原创 React進階(4)-拆分Redux-將store,Reducer,action,actionTypes獨立管理

前言 在前面的幾小節中已經完成了一個todolist的添加,刪除的操作,通過把組件的數據放到了Redux中的公共存儲區域store中去存儲,在Redux中進行狀態數據的更新修改 改變store的數據唯一辦法就是派發action,調用stor

原创 js數組中一些實用的方法(forEach,map,filter,find)

前言 您將在本文中學習到 for循環與forEach/map/filter/find的一個使用對比 同for循環性能的一個比較 是不是一提到循環,就條件反射的只知道for循環呢,那麼本文就是你想要知道的 需求場景: 假若後端返回這麼一個

原创 JavaScript企業級編程規範(1)-文件命名-註釋規範-id與class

前言 好的代碼是有生命力的,程序是寫給人讀的,順便在機器上跑一下 當你在閱讀別人的代碼時,據說評判一個項目的好壞,就是看閱讀代碼人說髒話程度 無註釋,無文檔,命名千奇百怪等等,對於後來者,極其痛苦,其實個人覺得一個非常好的產品,一手代碼非常

原创 js中的淺拷貝 vs 深拷貝

前言 在前端的數據處理當中,有時候往往需要對原有的數據進行克隆拷貝一份,然後進行操作,但是又不能影響原來的數據 比較典型的應用場景就是:點擊一信息列表,然後編輯該列的信息。在彈出的編輯彈出框中,需要複製原有的列表信息內容,如果是淺拷貝的話,

原创 小程序-雲開發-多圖片內容安全檢測

前言 相比於文本的安全檢測,圖片的安全檢測要稍微略複雜一些,當您讀完本篇,將get到 圖片安全檢測的應用場景 解決圖片的安全方式 使用雲開發中雲調用方式對圖片進行檢測 如何對上傳圖片大小進行限制 如何解決多圖上傳覆蓋問題 如有收穫,不

原创 JavaScript之選擇控制語句(if,switch,while,do-while,for循環)

前言 您將在本文當中學習到 順序語句 分支語句 If判斷,switch,while循壞,do..while循環,for循環,表達式中的真(true)與假(false) 在代碼程序中,我們經常都會使用流程控制語句,它是用來控制程序中各語句

原创 React基礎(3)-不可不知的JSX

前言 JSX中添加屬性有什麼要注意的?以及JSX中的子元素是怎麼操作的? 組件的大小寫問題,使用拓展運算符,以及怎麼循壞遍歷一個對象 JSX中的prop指的是什麼?以及表單的labe應該要注意什麼? 以上問題即使自己很清楚,但是否有時卻