原创 網站變灰是如何實現的
在全國性的悼念活動，比如清明節、汶川地震週年悼念等，一些網站整體變灰如何實現的呢？話不多說，直接上代碼： html { filter: grayscale(100%); } 下面，詳細介紹下該 css 樣式。 filter，
2020-07-01 21:59:01
原创 iview的Select組件遠程搜索的BUG優化--以及JS函數節流的應用
1. 業務場景：模糊搜索姓名，點擊選擇 2. 示例代碼 template: <Select @on-change='check' filterable remote :remote-method='fuzzySearch' :lo
2019-06-11 23:03:38
原创 前端基礎八之文本標籤
1、strong與em標籤 strong表示一個強調內容，重要內容，該標籤內容一般有個加粗的效果. em表示強調內容，但是沒有strong那麼強烈，一般以斜體表示。 2、b標籤與i標籤 b標籤用來設置加粗的文字，顯示效果和strong是一
2018-08-27 12:52:01
2
原创 關於display樣式、overflow樣式、文檔流、浮動、定位
一、顯示與隱藏 1 通過display樣式 - none隱藏 語法 - display:none; 特點 - 隱藏以後，元素原有的位置會被佔用， 2 通過visibility -
2018-08-27 12:51:46
原创 前端學習準備期感受
最近總是有很多思考、很多看法，不管是自己，還是周圍人的影響，總讓我更加堅定自己的選擇。 真的，人只有快被逼瘋的時候纔會爆發出無限的潛力和意志，我很慶幸在沉浮中找到了自己所渴望的目標和位置。 這個年齡，這個階段，對於周圍的人，我看不到我所認
2018-08-27 12:51:45
原创 前端基礎之九--列表
1、無序列表ul 在ul兩種使用li創建一個列表項。我們可以通過type屬性修改列表項的項目符號格式。 無序列表的項目符號一般不使用，因爲不同的瀏覽器下顯示效果不同。 去掉無序列表的項目符號用 list-style：no
2018-08-27 12:51:45
2
原创 前端基礎二CSS知識點
1、CSS 層疊樣式表（Cascading Style Sheets） 所謂層疊，可以將整個網頁想象成一層一層的結構，層次高的覆蓋層次低的。 2、三種設置CSS樣式的方法： （1）、可以在標籤內部的style屬性中設置樣式，但是我們直接將
2018-08-27 12:51:45
2
原创 盒子模型
1、盒子模型也稱框模型，方便完成網頁的佈局。盒子分爲四個部分： 內容區：content 內容區的大小可以通過 width和height來進行設置，而整個盒子可見區的大小=內容區的大小+border 的大小+padding的
2018-08-27 12:51:45
2
原创 盒子模型補充
一、內邊距(padding) *padding簡寫屬性：設置四個方向的內邊距。 * padding-top - 上內邊距 * padding-right - 右內邊距 * padd
2018-08-27 12:51:45
3
原创 前端基礎之十---關於文字和顏色
1、涉及到的長度單位 （1）px像素：這個是我們最常用的單位，我們屏幕就是一個一個像素點構成的，一個像素點就是一個像素。不同的屏幕一個像素的大小是不同的。 （2）百分比：當設置一個百分比時，瀏覽器會自動根據其父元素的屬性來計算大小。優點是
2018-08-27 12:51:45
2
原创 前端基礎七之選擇器補充
1、實際上所有的選擇器都可以去組合使用，但是要注意的是，我們使用選擇器越簡單越好，瀏覽器在解析css選擇器時 他是按照從右向左的順序去解析的，然後還要注意儘量避免使用 * 。 2、css中的樣式設置具有繼承性。祖先元素的樣式會自動應用
2018-08-27 12:51:45
原创 前端基礎之五 元素關係及選擇器
1、id和class：必須以字母開頭，可以有數字。在前端開發中，編寫css時，一般用class選擇器，儘量避免使用id選擇器。 id選擇器 #id 。 id是一個元素的唯一標識。 class選擇器 .class 。clas
2018-08-27 12:51:45
原创 前端基礎之三HTML元素分類
一、塊元素：永遠獨佔一行，即使他的長度很短。 塊元素作用是用來在頁面中進行佈局，一般情況下塊元素可以包含內聯元素或塊元素，而內聯元素不能包含塊元素。 但是a元素特殊，可以包含任何元素，但是不能包含它本身。但是p元素不能包含任何塊元素。
2018-08-27 12:51:44