原创 vue組件的數據傳遞
vue的一個重要特徵就是組件化開發。那麼如何實現組件之間的消息傳遞就顯得尤爲重要。vue給出了以下幾種方式:利用props實現父組件向子組件傳遞信息子組件內利用$emit方法觸發父組件的一個事件,同時可以傳入參數實現子組件向父組件
原创 react實現單選框、複選框和下拉框
react和vue已經是當下前端開發領域的主流框架。確實極大程度的提高了開發效率。在博文 vue.js實現單選框、複選框和下拉框中詳細敘述了vue實現表單的基本原理。本文將利用react實現相同功能。一、react開發模板
原创 JavaScript中的寬鬆相等和嚴格相等
JavaScript中寬鬆相等用‘==’表示,嚴格相等用‘===’表示。兩者的區別是:==允許在相等比較中進行強制類型轉換,而===不允許。下邊分情況介紹幾種抽象相等('==')。 1、字符串和數字之間的相等比較 ES5規範如下:
原创 JavaScript中創建對象的方法(上)
JavaScript中創建對象的方式: 一、工廠模式 所謂工廠模式就是將對象的屬性或者方法當做參數傳給一個函數,該函數返回具有相應屬性和方法的對象。實例如下: function createPerson(name, ag
原创 JavaScript中的繼承(下)
續:JavaScript中的繼承(中) 五、寄生式繼承 寄生式繼承和原型式繼承緊密相連,基本思想和寄生構造函數類似,即創建一個僅用於封裝繼承過程的函數,在該函數內部以某種方式來增強對象。最後返回對象 示例代碼如下: funct
原创 react組件之間的消息傳遞
在react中,父子組件可以通過props來傳遞消息。而在實際開發中經常會遇到幾個組件需要共享數據的情況,react提供的一種方法就是將他們共享的狀態提升至離他們最近的父組件中進行統一管理。這種機制稱爲“狀態提升”。 這裏用
原创 微信小程序tabBar的顯示和跳轉問題
如下圖所示,我們按照小程序官方文檔,分別在pages目錄下建立test1和test2兩個頁面。然後在app.json下注冊。按理說在左側模擬器下邊會出現一個導航欄。可是事與願違,調試器也沒有報錯或者警告。爲什麼會出現這一情況呢?首
原创 ES6中的繼承
一、基礎 在ES6之前,主要靠構造函數和原型鏈的靈活使用實現繼承;而在ES6中引入了class(類)的概念,使得繼承更加方便,也更接近傳統的面嚮對象語言(C++,Java)中繼承的實現。 ES6中類的定義如下: class P
原创 JavaScript中的繼承(上)
在ES6之前,JavaScript中的繼承是通過原型鏈來實現的;下面對此進行分析: 一、原型鏈 首先需要明白構造函數、原型、實例之間的關係: 1、每一個構造函數都有一個指向原型對象的prototype指針; 2、原
原创 JavaScript定時器的幾種方法
JavaScript定時器無非就是使用setTimeout和setInterval方法,我們以間隔1秒依次輸出1,2,3,4,5爲例總結幾種不同的寫法: 一、使用閉包 一種常用的方法就是在for循環中使用立即執行表達式(IIFE
原创 vue2.0中過濾器的使用
vue.js在2.0版本中,相對於1.0版本做了比較大的改動,2.0版本中,過濾器只用於插入文本中({{}})。1.0版本中指令(如:v-for,v-on等)裏邊的過濾器現在都放在計算屬性中。同時1.0版本中的所有內置過濾器(如:c
原创 web數據存儲
隨着web應用程序的出現,產生了要直接在客戶端存儲用戶信息能力的需求。下邊就是幾種具體的解決方案。 一、Cookie cookie最初是用於在客戶端存儲會話信息的,該標準要求服務器對任意HTTP請求(沒有cookie頭部)發送Set-
原创 微信小程序合法域名配置
在微信小程序的開發過程中,當需要請求第三方網站數據時。各種教程就直接說調用wx.request接口即可。但是當初學者自己用的時候就會出現問題。比如我們這裏請求聚合數據的API(裏邊有不少免費的數據申請就可以使用)。調用郵編查詢的接