原创 JavaScript自動/點擊輪播圖
自動/點擊輪播圖 輪播圖有很多實現的方法 這裏給大家帶來一種通過改變圖片地址的方法 複用性很高只需要改變圖片地址對象的名字就行 下面上代碼 由於用到的代碼和樣式不多 全部放在一個頁面了 HTML 部分 <div class="
2020-06-20 17:07:10
原创 5G時代對前端開發的改變
5G時代對前端開發的影響 這裏我們就不過多的介紹5g了 ， 因爲我覺得這是大家都有關注過的話題 但我相信一句話：過去和現在所經歷的互聯網繁榮都是4G對3G的顛覆！ 那今天主要談談5g的來臨對於我們從事前端開發的人員有什麼影響和改
2020-06-20 17:07:10
原创 關於hover僞類選擇器淺談
關於hover僞類選擇器淺談 僞類選擇器的語法和目標 我們在網頁製作的過程中很多地方會遇到鼠標觸碰的動畫效果，那這就需要用到:hover僞類選擇器 這裏簡單說明一下： 定義:hover指在鼠標移到鏈接上時添加的特殊樣式。 :l
2020-06-20 16:01:14
原创 2019年網頁設計趨勢前瞻，先睹爲快！ 2019年網頁設計趨勢前瞻，先睹爲快！
2019年網頁設計趨勢前瞻，先睹爲快！ 原創 Mockplus 最後發佈於2019-01-07 10:52:09 閱讀數 3392
2020-06-20 14:52:42
原创 SVG小圖標
我們現在使用SVG更多是在繪製小圖片icon 因爲它強大的功能以及不失真的特點 下面上代碼畫一個導航欄和小信封 導航欄 for(var i=1; i<4; i++){ //循環三次分別畫三個圓和三個圓角矩形 va
2020-06-20 14:52:42
原创 原生JS實現Promise解決ajax回調地獄
這裏對於Promise的介紹及用法 還有關於回調地獄（一個函數作爲參數需要依賴另一個函數執行調用）的解決方案有很多就不介紹了 今天主要實現的功能是原生的Ajax請求通過Promise包裝 function AjaxPromise
2020-06-20 14:52:42
7
原创 ES6 class類深入理解
ES6中很多的新特性值得我們去學習，今天主要圍繞最值得我們學習的class（類）來展開 類的概念一提出就使得我們JavaScript面向對象的編程更貼切，在以往我們通過構造函數來實例化對象總給人怪怪的感覺，我們會覺得對象爲什麼是從
2020-06-20 14:52:42
原创 HTML首周學習分享
HTML首周學習分享 這篇文章是第一次分享博客也是學習html第一週的一些心得和分享，希望沒有了解過或者也是正在學習的同行們可以給與支持和幫助 1. html基礎及標籤的屬性和用法 <head>剛開始理解僅爲頁面的標籤標題顯
2020-06-20 14:52:42
原创 CSS製作舞臺聚光燈效果
今天依靠純CSS來製作一個舞臺聚光燈效果，先看效果圖 html{ font-size: 15px; } body{ background-color: #222; /* 爲body設置使
2020-06-20 14:52:42
原创 JS關於觸摸事件及簡易移動端閱讀器
製作一個移動端的閱讀器首先第一點就是我們需要理解觸摸事件 在我們簡易閱讀器中需要用到的是起始觸摸位置和結束觸摸位置 這兩個事件都會觸發產生對應的對象 下面放一張圖來看看它包含什麼 上面一張圖是開始觸摸事件 下面一張是結束觸摸 我
2020-06-20 14:52:42
原创 Javascript基礎語法及注意
Javascript語法基礎 今天的內容主要是以JavaScript的基礎語法以及圍繞一些JavaScript裏的關鍵詞和保留字展開 1. JavaScript裏的數據類型： 分爲基本類型和引用類型 基本類型包括：字符串（St
2020-06-20 14:52:42
原创 Ajax Promise Generator 對比封裝異步請求
第一種是我們使用jQuery中ajax方法就是經典的回調方法 $.ajax({ url: '/path/to/file', dataType: 'json', data: { param1: 'value1' },
2020-06-20 14:52:42
原创 JavaScript 節流，防抖函數
函數防抖（debounce）：當持續觸發事件時，一定時間段內沒有再觸發事件，事件處理函數纔會執行一次，如果設定的時間到來之前，又一次觸發了事件，就重新開始延時 // 防抖 function debounce(fn, wait) {
2020-04-15 15:36:12
原创 5個常用的CSS單位
我們在很多時候都需要用到CSS的尺寸 ， 字體大小，段落行距 ， 高度，margin等等 那這一篇文章主要講解CSS常用的5個單位 {01} px px是一個絕對單位，他代表你現在使用的屏幕的像素比例中的一個光點 例如1920*
2020-03-27 19:13:21
原创 Ajax 從json文件獲取數據
今天的代碼主要是說一下前端部分通過Ajax來請求JSON數據 先來看一下在jQuery中ajax的基本用法： $.ajax({ type:'POST', // 規定請求的類型（GET 或 POST） url: // 請求
2020-03-11 01:33:06