原创 前端開發入門到實戰：CSS動畫@keyframes的用法
CSS動畫 CSS動畫允許大多數HTML元素的動畫，而無需使用JavaScript或Flash！ 動畫瀏覽器支持 IE10+支持該屬性的。其他低瀏覽器版本數字後跟-ms-， -webkit-，-moz-或-o-指定使用前綴的第一個版本。 什
2019-08-22 19:33:51
3
原创 前端開發入門到實戰：html強制清緩存
設置HTML強制清楚緩存 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma"
2019-08-22 19:33:50
5
原创 web前端入門到實戰：js截取字符串相關的知識點
截取字符串中的數字 1、使用parseInt() var str ="4500元"; var num = parseInt(str); console.log(num);//4500 parseInt()方法參數可以有非數字字符串，只要數字
2019-08-22 19:33:50
2
原创 前端開發入門到實戰：清除浮動的4種方式
清除浮動：根據情況需要來清楚浮動 。清除浮動的目的： 就是爲了解決 父 盒子高度爲0 的問題。 1.、額外標籤法 給浮動盒子的後面添加一個新的div 2、overflow:hidden 觸發了bfc模式，就不用清除浮動了 bfc模式。 CS
2019-08-22 19:33:50
1
原创 前端開發入門到實戰：SCSS 常用屬性合集
Scss 文檔太多了，但還是耐心看完了，總結自己常用的一些語法。 1、規則嵌套 Sass 允許將一套 CSS 樣式嵌套進另一套樣式中，內層的樣式將它外層的選擇器作爲父選擇器，例如： #main p { color: #00ff00;
2019-08-22 19:33:50
3
原创 web前端入門到實戰：好用的Js圖表庫
市面上有很多 JavaScript 圖表庫，本文則列出了其中的幾款佼佼者，可以用在你的新項目中。 D3.js D3.js 是一個圖形 JavaScript 庫，功能衆多，十分強大。你可以用它對文檔做數據驅動的轉換，然後將任意數據綁定到 DO
2019-08-22 19:33:50
3
原创 web前端入門到實戰：常用網頁元素命名規範
網頁元素名稱的規範性有助於團隊內部成員的溝通，同時還能夠提高後期的維護性，網頁元素的命名主要是針對id和class進行的，針對網頁元素的命名沒有業界標準，但有一些大家公認的規則。 一般情況下id我們通常採用camelCase命名規則（首字母
2019-08-22 19:33:50
2
原创 前端開發入門到實戰：HTML5語義化元素你真的用的正確嗎?
HTML5語義元素 語義學是研究語言中單詞和短語的含義。語義元素=具有意義的元素。 語義元素清楚地描述了它對瀏覽器和開發人員的意義。 非語義元素的示例：<div>和<span>- 對其內容一無所知。 語義元素的示例：<form>，<tabl
2019-08-22 19:33:50
2
原创 前端開發入門到實戰：瀏覽器的三種Js彈窗方式
在做網頁時，常常使用彈窗，以上就是瀏覽器的三種彈窗方式: 1： alert 在測試時常用 2： confirm 可以套用if...else 來用 ，比如 ：confirm點擊了確定做什麼事情，點擊了取消又做什麼事情 3： prompt
2019-08-22 19:33:50
2
原创 前端開發入門到實戰：善用CSS僞類，不用JS也能做出選項卡功能
善用CSS僞類，不用JS也能做出選項卡功能 先看看Demo: 講到選項卡（Tabs）功能時，大多會想到用JavaScript去做，像知名的前端框架：Bootstrap所提供的Tab元件，就是用jQuery實現的（其實網絡上有很多用jQu
2019-08-20 19:34:41
3
原创 前端開發入門到實戰：利用HTML5標籤進行DDoS攻擊的新方法揭祕
*嚴正聲明：本文僅限於技術討論與教育目的，嚴禁用於非法途徑。 近期，來自Imperva Vitaly Simonovich和Dima Bekerman的安全研究專家發現了一種基於HTML5超鏈接審計功能（Ping標籤）的大規模DDoS攻擊。
2019-08-20 19:34:41
4
原创 前端開發入門到實戰：CSS3 中關於 *-of-type 和 *-child的差異性及適用場景
CSS3 中有很多表示元素序號的選擇器，有以下幾種:first-child、:first-of-type、:last-of-type、:only-of-type、:only-child、:nth-child(n)、:nth-last-chi
2019-08-20 19:34:41
3
原创 前端開發入門到實戰：html塊級元素和行級元素的區別和認識
行內、塊狀元素區別： 1.行內元素與塊級函數可以相互轉換，通過修改display屬性值來切換塊級元素和行內元素，行內元素display：inline，塊級元素display：block。 2.行內元素和其他行內元素都會在一條水平線上排列，都
2019-08-20 19:34:41
5
原创 前端開發入門到實戰：css背景圖充滿整個屏幕
想讓整個界面有一個背景圖片，自然想到的是在body上加background，代碼如下： body { width：100%； height: 100%; /* 加載背景圖 */ background: u
2019-08-20 19:34:41
9
原创 前端開發入門到實戰：css實現修改瀏覽器自動填充表單的默認樣式
當表單中存在input[password]的時候，採用submit方式提交。就會觸發瀏覽器自動填充表單。比如chrome自動填充後，淡黃色輸入框代替了背景樣式，看起來有些怪異。 那麼如何通過css實現取消瀏覽器自動填充表單的默認樣式呢？
2019-08-17 19:20:47
2