??
摘要:CSS 實現的文本截斷 考察如下代碼實現文本超出自動截斷的樣式代碼: .truncate text 4 { overflow: hidden; text overflow: ellipsis; display: webkit box; webkit box orient: vertical; web 閱讀全文
posted @ 2019-10-15 23:48 劉哇勇 閱讀 (116) 評論 (1) 編輯
摘要:考察如下的 HTML 片段,通過 CSS 的 nth child() 偽選擇器實現列表的顏色循環,比如每三個一次循環。 <ul> <li>1</li> <li>2</li> <li>3</li> <li> 閱讀全文
posted @ 2019-10-15 03:05 劉哇勇 閱讀 (111) 評論 (1) 編輯
摘要:來看以下有趣的代碼, <!DOCTYPE html> <html lang="en"> <head> <meta http equiv="refresh" content="1" /> <title>refresh every 1 s< 閱讀全文
posted @ 2019-10-12 22:51 劉哇勇 閱讀 (16) 評論 (0) 編輯
摘要:Currying,中文多翻譯為柯里化,感覺這個音譯還沒有達到類似 Humor 之于幽默的傳神地步,后面直接使用 Currying。 什么是 Currying Currying 是這么一種機制,它將一個接收多個參數的函數,拆分成多個接收單個參數的函數。 考察下面的代碼: function add (a 閱讀全文
posted @ 2019-10-12 00:50 劉哇勇 閱讀 (125) 評論 (0) 編輯
摘要:axios 中一個請求取消的示例: axios 取消請求的示例代碼 import React, { useState, useEffect } from "react"; import axios, { AxiosResponse } from "axios"; export default fun 閱讀全文
posted @ 2019-10-10 01:02 劉哇勇 閱讀 (218) 評論 (0) 編輯
摘要:將該思想抽象出來,其實和 Redux 就無關了。問題變成,怎樣實現在截獲函數的執行,以在其執行前后添加自己的邏輯。 為了演示,我們準備如下的示例代碼來模擬 Redux dispatch action 的場景: const store = { dispatch: action => { cons 閱讀全文
posted @ 2019-10-08 23:54 劉哇勇 閱讀 (131) 評論 (0) 編輯
摘要:泛型類型 TypeScript 中,類型(interface, type)是可以聲明成泛型的,這很常見。 interface Props<T> { content: T; } 這表明 Props 接口定義了這么一種類型: 它是包含一個 content 字段的對象 該 content 字段 閱讀全文
posted @ 2019-09-29 10:16 劉哇勇 閱讀 (152) 評論 (0) 編輯
摘要:對于較大的代碼倉庫來說,如果只是想查看和學習其中部分源代碼,選擇性地下載部分路徑中的代碼就顯得很實用了,這樣可以節省大量等待時間。 比如像 Chromium 這種,倉庫大小好幾 G 的。 clone 倉庫中部分路徑下的代碼分三步, 本地初始化一個空倉庫,將目標倉庫 git 地址設置成遠端 origi 閱讀全文
posted @ 2019-09-27 23:34 劉哇勇 閱讀 (76) 評論 (0) 編輯
摘要:結論 Map:存放鍵值對,區別于 Object,鍵可以是任何值。 Set:存放不重復的值 Map 存儲鍵值對,讀取時與插入順序一致。 var map = new Map([[1, "1"], [3, "3"], [2, "2"]]); map.set("foo", "bar"); for (cons 閱讀全文
posted @ 2019-09-26 23:31 劉哇勇 閱讀 (36) 評論 (0) 編輯
摘要:C++ 中一個標識符配合著各種修飾界定符,使得標識符的本意不那么直觀一眼就能看出,甚至需要仔細分析,才能知道該標識符的具體你含義。 比如: void ( signal(int, void ( fp)(int)))(int); 其中 signal 是什么? 螺旋法則 對于如何進行變量的辯識,有個非官方 閱讀全文
posted @ 2019-09-25 23:47 劉哇勇 閱讀 (134) 評論 (0) 編輯
摘要:假設類中創建的 readonly 類型的屬性,該類型的屬性只能在聲明處或構造器中進行初始化。 class Octopus { readonly name: string; readonly numberOfLegs: number = 8; constructor (theName: string) 閱讀全文
posted @ 2019-09-25 00:01 劉哇勇 閱讀 (36) 評論 (0) 編輯
摘要:React 中的默認 Props 通過組件的 defaultProps 屬性可為其 Props 指定默認值。 以下示例來自 React 官方文檔 Default Prop Values: class Greeting extends React.Component { render() { retu 閱讀全文
posted @ 2019-09-24 00:11 劉哇勇 閱讀 (217) 評論 (0) 編輯
摘要:語法 transition: property duration timing function delay|initial|inherit; 示例: div {   width: 100px;   height: 10 閱讀全文
posted @ 2019-08-03 22:11 劉哇勇 閱讀 (188) 評論 (1) 編輯
摘要:通過 MediaDevices.getUserMedia() 獲取用戶多媒體權限時,需要注意其只工作于以下三種環境: localhost 域 開啟了 HTTPS 的域 使用 file:/// 協議打開的本地文件 其他情況下,比如在一個 HTTP 站點上,navigator.mediaDevices 閱讀全文
posted @ 2019-08-02 23:51 劉哇勇 閱讀 (78) 評論 (0) 編輯
摘要:openssl 首先本地需要安裝 openssl,用于生成自簽名證書。 $ brew install openssl 檢查安裝: $ openssl version LibreSSL 2.6.5 生成證書 執行以下命令生成證書: openssl req nodes new x509 keyout s 閱讀全文
posted @ 2019-08-01 22:44 劉哇勇 閱讀 (123) 評論 (0) 編輯
摘要:通過 MediaDevices.getUserMedia() 獲取用戶多媒體權限時,需要注意其只工作于以下三種環境: localhost 域 開啟了 HTTPS 的域 使用 file:/// 協議打開的本地文件 其他情況下,比如在一個 HTTP 站點上,navigator.mediaDevices 閱讀全文
posted @ 2019-07-08 23:45 劉哇勇 閱讀 (961) 評論 (0) 編輯
摘要:openssl 首先本地需要安裝 openssl,用于生成自簽名證書。 $ brew install openssl 檢查安裝: $ openssl version LibreSSL 2.6.5 生成證書 執行以下命令生成證書: openssl req nodes new x509 keyout s 閱讀全文
posted @ 2019-07-01 00:14 劉哇勇 閱讀 (290) 評論 (0) 編輯
摘要:復用 padding bottom 可實現一塊區域在窗口尺寸變化使始終保持自適應。對于響應式布局中的圖片或視頻來說比較有用。 <div style="width: 100%; position: relative; padding bottom: 56.25%;"> <div st 閱讀全文
posted @ 2019-06-30 00:27 劉哇勇 閱讀 (124) 評論 (0) 編輯
摘要:進程 進程(process) 是更大的單位,進程間不共享內存 一個程序的運行實例叫作進程。 一些操作系統中該程序的運行實例也叫作任務(task)。 運行在主內存(RAM)中。 進程可看作內存中活動的主體,關機后消失。 多核系統下,多個進程可同時進行。 單核情況下,真實的多進程是不存在的。但可通過調度 閱讀全文
posted @ 2019-06-28 23:48 劉哇勇 閱讀 (67) 評論 (0) 編輯
摘要:CSS 選擇器(Selector)的權重(Specificity)決定了對于同一元素,到底哪一條 CSS 規則會生效。且僅有當多條 CSS 規則都對同一元素聲明了相應樣式時,才會涉及到權重計算的問題。 選擇器的分類 正式計算選擇器權重之前,先來看選擇器是如何被分類的。 因為 CSS 選擇器眾多,在計 閱讀全文
posted @ 2019-06-26 23:58 劉哇勇 閱讀 (166) 評論 (0) 編輯

Bingo!!

少年,我看你骨骼清奇,怕是一名前端吧?