原创 Css Hack

.co{ color:#000; //黑 color:#ffff00 \0; //黃 color :#8000ff\9\0; //紫 *color:#f00;

2020-02-23 06:23:18

原创 Javascript中的new

原文 new關鍵字做了什麼？ 在JavaScript中，使用new關鍵字後，意味着做了如下四件事情： 創建一個新的對象，這個對象的類型是object； 設置這個新的對象的內部、可訪問性和 [[prototype]] (即obj.

2020-02-23 06:23:18

原创 PNG8和PNG24的區別

頁面中切圖，因爲需要透明，所以存爲PNG8格式，圖片四周全是鋸齒，而且陰影也不見了，後來存爲PNG24，這些問題就消失了。 去百度搜索了關於PNG8和PNG24的區別，看到下面的文章，原來PNG8要麼完全透明，要麼完全不透明，不支

2020-02-23 06:23:18

原创 text-overflow

語法： text-overflow : clip | ellipsis 參數： clip : 　不顯示省略標記（…），而是簡單的裁切（clip這個參數是不常用的！） ellipsis : 　當對象內文本溢出時顯示省略標記（

2020-02-23 06:23:18

原创 SEO規範

SEO（Search Engine optimization）的意思是搜索引擎優化。 通俗理解是：通過總結搜索引擎的排名規律，對網站進行合理優化，使你的網站在百度和Google的排名提高，讓搜索引擎給你帶來客戶。 深刻理解是：通過

2020-02-23 06:23:18

原创 React form

來源 表單組件支持幾個受用戶交互影響的屬性： a. value，用於 <input>、<textarea> 組件。 b. checked，用於類型爲 checkbox 或者 radio 的 <input> 組件。 c. se

2018-09-05 01:16:26

原创 React 複合組件

來源 一、動機：關注分離 通過複用那些接口定義良好的組件來開發新的模塊化組件，我們得到了與使用函數和類相似的好處。具體來說就是能夠通過開發簡單的組件把程序的不同關注面分離。如果爲程序開發一套自定義的組件庫，那麼就能以最適合業務場景的方式

2018-09-05 01:16:26

原创 React 生命週期

來源 1 一、組件的生命週期分成三個狀態： 掛載： Mounting：已插入真實 DOM 更新： Updating：正在被重新渲染 掛載： Unmounting：已移出真實 DOM 二、React 爲每個狀態都提供了兩種處理函數，

2018-09-05 01:16:26

原创 React refs

來源：七、獲取真實的DOM節點 組件並不是真實的 DOM 節點，而是存在於內存之中的一種數據結構，叫做虛擬 DOM （virtual DOM）。 只有當它插入文檔以後，纔會變成真實的 DOM 。根據 React 的設計，所有的 DOM 變

2018-09-05 01:16:26

原创 炫酷站點

插件 Ant.design 官網網站 weui – A UI library by WeChat official design team, includes the most useful widgets/modules in mobi

2018-09-05 01:16:26

原创 React event

來源 一、虛擬事件對象 事件處理器將會傳入 虛擬事件對象 的實例，一個對瀏覽器本地事件的跨瀏覽器封裝。它有和瀏覽器本地事件相同的屬性和方法，包括 stopPropagation() 和 preventDefault()，但是沒有瀏覽器兼

2018-09-05 01:16:26

原创 input placeholder

placeholder是HTML 5 <input> 的屬性,，是表單元素input的一個佔位符。 兼容性 caniuse ie 11+ firefox 49+ chrome 49+ safari 9.1+ Opera 41+ iOS

2018-09-05 01:16:26

原创 React 標籤和屬性支持

來源 React 嘗試支持所用常用的元素。 一、HTML 元素 下列的 HTML 元素是被支持的： a abbr address area article aside audio b base bdi bdo big blockquote

2018-09-05 01:16:26

原创 移動端css技巧

一、移動端僞類 :active 生效 移動端基本沒有:active的概念，因爲不像鼠標，會有經過狀態，但是並不代表移動端的:active是沒有的要CSS僞類 :active 生效，只需要給 document 綁定 touchstart 或

2018-09-05 01:16:26

原创 3.2-高階函數

參考書籍: Javascript設計模式與開發實踐（曾探） 高階函數是指至少滿足下列條件之一的函數。 函數可以作爲參數被傳遞； 函數可以作爲返回值輸出。 一、函數作爲參數傳遞 把函數當作參數傳遞，這代表我們可以抽離出一部分容

2018-09-05 01:16:26