知識總量的儲備 之小插曲篇

2022-02-08 02:58:30 字數 1818 閱讀 5545

單看這個題目可能挺費解的,感覺跟個人沒什麼關係,下面我分享乙個個人場景

昨天在專案(對日)中遇到乙個需求:

在頁面新增乙個share功能,可參考例子,然後給了乙個可以參考日本的頁面

大體樣子是下面的情況

然後,正式開始

1.chrome瀏覽器把參考**copy出來

粗略一看,這裡面的資訊是經過轉碼的

share.

twitter

facebook

google+

pinterest

linkedin

tumblr

email

把一些:url  media  subject 等等,替換為自己的

經過轉碼

後的**。 

到此,html準備完畢

2.html中css分析

首先分析上面的html中的東西

class="fa fa-linkedin"
憑藉以前bootstrap開發的經驗,知道這是引用了第三方庫,於是準備獲取這個庫

點選去

3.頁面外鏈的css分析

chrome檢視樣式

點進去

於是複製到專案中

4.不要以為完了,因為是responsive的**,所以移動端樣式也要考慮

點進去

5.寫在最後

看似整個流程好像沒什麼難點嘛,不過有幾點分析

(1)是不是知道fa fa-linkedin  是第三方的乙個樣式庫。

於是檢視人家的庫的版本已經 4.4.0了,呼叫方式 class='fa fa-.....' 

而我們專案中用到的庫是從bootstrap中國的**推薦的font-awesome,版本只有3.0,呼叫方式class='icon-...'

於是,在今天一眼便知道這是什麼東東

(2)share的時候,因為target是facebook twitter等等,vpn的使用是再所難免的

哦,原來本地url為 localhost,這讓 人家怎麼 獲取 你的資訊。。

(3)是不是熟悉url轉碼的一些操作

在乙個地方獲取到的知識,沒準在另乙個地方就用到了,所以一定要多積累,多涉略,看似現在用不到,但遲早會幫到你

出來混,遲早要還的   

MySql的基本知識儲備之資料型別

資料型別在書庫庫中扮演者基礎但又重要的角色,因此,了解資料庫的基本型別是非常重要的。mysql的整數型別有5個,分別是tinyint,smallint,mediumint,int,bigint。他們的區別就是在儲存值的大小上,依次增大。其中tinyint的取值範圍最小,bigint的取值範圍最大。整...

C C 之struct的小知識

1.1 自然對界 struct 是一種復合資料型別,其構成元素既可以是基本資料型別 如 int long float 等 的變數,也可以是一些復合資料型別 如 array struct union 等 的資料單元。對於結構體,編譯器會自動進行成員變數的對齊,以提高運算效率。預設情況下,編譯器為結構體...

C 小知識之 Void 型別的引數賦值

如下函式定義 std string inittexture void depthtexbuf,int width,int height 如果想呼叫此函式,depthtexbuf引數,應該怎麼宣告和初始化乙個變數,呼叫上面的函式時,作為實參傳入呢?正確的變數宣告 unsigned char pdept...