想使用CSS將不必要,但可以增加SEO的關鍵文字隱藏,想要讓google大神搜尋到,又不想在網頁上HTML顯示你這些文字,可以使用下列CSS方法隱藏文字

text-indent:-9999px;
Add a comment

在 javascript 有分為物件與陣列,常見刪除的方法有 delete 與 splice。

陣列

var array=[ 'a', 'b', 'c', 'd' ];
console.log(a[0]); // a
Add a comment

首先要使用Javascript modules需要一台伺服器,以便能夠通過導入進行獲取,因為它不適用於該協議。您可以用來啟動當前的伺服器,若沒有以下提供lite-server ,這個使用node npm安裝的輕量伺服器可使用。

透過 lite-server 這個輕量的開發伺服器,就可以快速啟動網站進行測試:

Add a comment

A JavaScript library for building user interfaces
用於構建用戶界面的 JavaScript 庫。
React 是 facebook 官方所維護的開放原始碼 JavaScript 函式庫,可以降低互動式網頁應用程式開發難度,自動處理各種複雜 UI 組件與資料間的連動關係,改善應用程式執行效能。

使用React這套 JavaScript 函式庫,可以很有效率的開發前端互動式網頁應用,且是許多開源來自世界的社群開發者都在使用,並發展了許多好的 plugins 模組等,所以很多東西都不用自行再造輪子,只要懂得怎麼使用,你可以很快的製造好一台跑車。當然 React 也解決了許多前端開發的痛,讓網頁設計真的可以達到前後端分離,不管你的後端使用的是什麼語言,前端只有 Javascript、CSS、HTML,任何的資料請求都經由 AJAX ,你完全拋離了過去靠著使用者請求 Server,Server 在 render 出網頁的方式,這說明了網頁可以做出互動性高的應用。

Add a comment

如何讓div高度自動調整到背景圖片大小?

另一種可能效率低下的解決方案是將圖像包含在<img/>元素集下visibility: hidden;,然後<div>使background-image

這會將<div>設置為<img/>元素中圖像的大小,但將其顯示使用的是背景。

Add a comment