原创 學習筆記 2017-9-18
margin和padding屬性表示順序爲順時針，從上面開始 border-radius屬性表示順序也爲順時針，從左上角開始 繪製三角形： .triangle{ height:0; width:0; border-left:5
2020-06-16 06:21:42
原创 學習筆記 2017年9月13日
頁面在不同屏幕大小的設備時可以用： @media(max-width:500px){ body{ background:red; } }中間部分寫上需要改變的樣式。 javascr
2020-06-16 06:21:42
原创 輪播圖插件--myFocus使用方法
Step 1. 在html的標籤內引入相關文件 <script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus庫--> <sc
2020-06-16 06:21:42
原创 javascript中json取值的幾種方式
先準備一個json對象用於演示 var json = { 'name':'zhangsan', '年齡':23, 404:'你可能迷路了' }; 使用JS中with關鍵字 with(json) { con
2020-06-16 06:21:42
原创 cookie、sessionStorage和localStorage
我們都知道，作爲一名前端開發，或多或少在開發的過程中因爲各種各樣的需求，需要在前端存儲一些數據，比如登錄驗證，可能會用到cookie，或者localStorage存儲token，然後請求手動帶上。所以我們很需要搞清楚前端存儲有哪些
2020-06-16 06:21:41
原创 blog
header{ text-align:center; background:url(“/assets/jeff-bg.png”); background-size:cover; color:whi
2020-02-21 17:36:48
原创 個人主頁登陸界面
<!DOCTYPE html> <html> <style type="text/css"> body{ text-align: center; background:url(http://dash.ga.co/assets
2020-02-21 17:36:48
原创 屬性選擇器
對帶有指定屬性的 HTML 元素設置樣式 可以爲擁有指定屬性的 HTML 元素設置樣式，而不僅限於 class 和 id 屬性 註釋：只有在規定了 !DOCTYPE 時，IE7 和 IE8 才支持屬性選擇器。在 IE6 及更低的
2020-02-21 17:36:48
原创 加入js交互的菜單 屏幕適配
<!DOCTYPE html> <head> <script src="/assets/jquery.js"></script> <link href='https://fonts.googleapis.com/css?fami
2020-02-21 17:36:48
原创 學習筆記 2017年9月14日
css添加漸變效果可以用如下代碼： background:linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,.4)); 線性漸變 從底部向上 由黑色不透明到黑色0.4透明 還有
2020-02-21 17:36:48
原创 知識點
背景圖像固定 如果文檔比較長，那麼當文檔向下滾動時，背景圖像也會隨之滾動。當文檔滾動到超過圖像的位置時，圖像就會消失。 您可以通過 background-attachment 屬性防止這種滾動。通過這個屬性，可以聲明圖像相
2020-02-21 17:36:48
原创 知識點 2017年9月25日
內邊距的百分比數值 百分數值是相對於其父元素的 width 計算的，這一點與外邊距一樣。所以，如果父元素的 width 改變，它們也會改變。 下面這條規則把段落的內邊距設置爲父元素 width 的 10%： p {padding:
2020-02-21 17:36:48
原创 簡易菜單界面
<!DOCTYPE html> <head> <link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet"> <sty
2020-02-21 17:36:48
原创 js字符串與數組互轉
字符串轉數組 首先聲明一個測試用的字符串 let str = "abcd" split方法 使用特定的分隔符 let newStr = str.split("") console.log(newStr) // ["a", "
2019-06-10 23:07:08
原创 三目運算符小技巧
短路求值（Short-Circuit Evaluation） 三目運算符是一個很方便快捷的書寫一些簡單的邏輯語句的方式 x > 100 ? 'Above 100' : 'Below 100'; x > 100 ? (x > 200
2019-06-10 23:07:08