原创 JavaScript中onmouseover、onmouseout、onmouseenter、onmouseleave的區別

1.onmouseover與onmouseout 鼠標經過時自身觸發事件,其子元素同時也觸發該事件; 父親有的東西,兒子也有 ,支持冒泡   2.onmouseenter與onmouseleave 鼠標經過時自身觸發事件,其子元素不觸發該

原创 GraphQL學習第十篇 -Vue中使用Vue-apollo實現下拉加載更多

在Vue中集中Vue-apollo以後(如何集成請查看本專欄第六篇),就可以使用它進行分頁加載了,主要有以下兩種方法: 第一種:用 $apollo.addSmartQuery 每次請求一頁數據,與之前請求的數據進行拼接。 <templa

原创 GraphQL學習第八篇 -Vue中使用Vue-apollo進行新增操作

在Vue中集中Vue-apollo以後(如何集成請查看本專欄第六篇),就可以使用它進行新增數據了。 <template> <div class="news"> <div class="navForm">

原创 Webpack中設置圖片不轉base64格式

在開發過程中,圖片轉成base64是常有的事,如上傳圖片,但是有些情況下確不希望將圖片轉成base64,因爲轉成base64後圖片不容易區分,也就不能根據圖片名稱去做一些其它的操作,那麼如何才能在Webpack中禁止圖片轉成base64呢

原创 在評論輸入框中插入表情

最近在做一個後臺管理系統,要求可以對前臺用戶的作品進行評論,而評論要可以輸入表情,常規的文字輸入框都是用的文本域textarea來做的,但這種輸入框只能輸入文字,沒有辦法輸入表情圖標,這個時候可編輯div就能起到作用了,那麼如何在可編輯的

原创 C++常見面試題

1. 聲明一個 circle 類,有數據成員 Radius(半徑,float型),成員函數 GetArea() 計算圓的面積,在main 函數中聲明一個cirlce類的對象 c1,其半徑爲 5.6,調用 GetArea() 函數計算 c1

原创 C語言經典面試題

1. 從文本文件old.txt讀取字符,將其中的數字字符 '0',' 1',' 2',......'9',分別用英文字母字符'Z', 'Y', 'Z', 'W', 'V', 'U', 'T', 'S', 'R','Q'替換,其餘字符不變,

原创 GraphQL學習第二篇 -GraphQL類型與查詢方式

1. GraphQL的類型 GraphQL 的類型系統分爲標量類型(Scalar Types,標量類型)和其他高級數據類型。 標量類型即可以表示最細粒度數據結構的數據類型,可以和 JavaScript 的原始類型對應。 1. GraphQ

原创 JavaScript 設計模式學習第十七篇-橋接模式

橋接模式(Bridge Pattern)又稱橋樑模式,將抽象部分與它的實現部分分離,使它們都可以獨立地變化。使用組合關係代替繼承關係,降低抽象和實現兩個可變維度的耦合度。 抽象部分和實現部分可能不太好理解,舉個例子,香蕉、蘋果、西瓜,它們

原创 JavaScript 設計模式學習第十篇-建造者模式

建造者模式(Builder Pattern)又稱生成器模式,分步構建一個複雜對象,並允許按步驟構造。同樣的構建過程可以採用不同的表示,將一個複雜對象的 構建層與其表示層分離。 在工廠模式中,創建的結果都是一個完整的個體,我們對創建的過程並

原创 TypeScript學習第九篇 - 命名空間

在開發大型項目時,在同一個模塊內代碼太多可能造成命名衝突,此時就需要使用TypeScript提供的命名空間的功能,命名空間主要用於組織代碼,避免命名衝突。 1. 給要導出的代碼段添加命名空間名,並將整個命名空間添加導出,同時,在命名空間內

原创 C++中構造函數、虛函數、析構函數的執行順序

#include <iostream> using namespace std; class A { public: // 第一步:執行類A的構造函數,輸出"構造函數A" A() { cout << "構造函數A" <

原创 JavaScript 設計模式學習第十五篇-外觀模式

外觀模式(Facade Pattern)又叫門面模式,定義一個將子系統的一組接口集成在一起的高層接口,以提供一個一致的外觀。外觀模式讓外界減少與子系統內多個模塊的直接交互,從而減少耦合,讓外界可以更輕鬆地使用子系統。本質是封裝交互,簡化調

原创 JavaScript 設計模式學習第十九篇-策略模式

策略模式(Strategy Pattern)又稱政策模式,其定義一系列的算法,把它們一個個封裝起來,並且使它們可以互相替換。封裝的策略算法一般是獨立的,策略模式根據輸入來調整採用哪個算法。關鍵是策略的實現和使用分離。 1. 你曾見過的策略

原创 JavaScript 設計模式學習第三篇- 閉包與高階函數

JavaScript 中,函數是一等公民,在各種書籍和文章中我們總能看到這句話。 既然有一等,那麼當然也有次等了。 如果公民分等級,一等公民什麼都可以做,次等公民這不能做那不能做。 JavaScript 的函數也是對象,可以有屬性,可以賦