原创 Web前端開發工程師必讀的15個設計博客
Web設計是一個不斷變化的領域，因此掌握最新的發展趨勢及技術動向對設計師來說非常重要，無論是學習新技術，還是尋找免費資源與工具，設計博客都是很不錯的去處。本文向Web前端開發工程師推薦15個非常不錯的技術博客。 1. Smashing
2018-08-29 13:22:05
2
原创 設備像素比dpr
物理像素、設備獨立像素、CSS像素 物理像素：指的是終端設備上顯示的最小單位，我們可以把這些像素看做是顯示器上一個個的點。 設備獨立像素：指的是計算機座標系統中的一個個點，它是獨立於設備的用於邏輯上衡量像素的單位。常用dips來表示。 C
2018-08-29 13:22:05
1
原创 學習ES6中的字符串擴展小記
字符串的擴展 1. 字符的 Unicode 表示法 JavaScript 可以採用 \uxxxx 形式表示一個字符（表示一個字符的碼點），但是這種表示法只限於在 \u0000 - \uFFFF 之間的字符。超出這個範圍的字符必須使用雙字節
2018-08-29 13:12:32
2
原创 Web前端開發工程師必讀的15個設計博客
Web設計是一個不斷變化的領域，因此掌握最新的發展趨勢及技術動向對設計師來說非常重要，無論是學習新技術，還是尋找免費資源與工具，設計博客都是很不錯的去處。本文向Web前端開發工程師推薦15個非常不錯的技術博客。 1. Smashing
2018-08-29 13:12:31
1
原创 設備像素比dpr
物理像素、設備獨立像素、CSS像素 物理像素：指的是終端設備上顯示的最小單位，我們可以把這些像素看做是顯示器上一個個的點。 設備獨立像素：指的是計算機座標系統中的一個個點，它是獨立於設備的用於邏輯上衡量像素的單位。常用dips來表示。 C
2018-08-29 13:12:31
原创 學習ES6中的數組擴展小記
數組的擴展 1. 擴展運算符（背後調用的是遍歷器接口 Symbol.iterator） 它好比是 rest 參數的逆運算，將一個數組轉爲用逗號分隔的參數序列 console.log(...[1, 2, 3]) // 1 2 3 cons
2018-08-29 13:03:49
2
原创 學習ES6中的解構賦值小記
變量的解構賦值 1. 數組的解構賦值 默認值可以是其他變量，但該變量必須已經聲明 2. 對象的解構賦值 對象的結構賦值，依據是屬性名的一致，對象的解構賦值更像是這種方式的簡寫： // key 值相當於匹配的模式，value 值纔是變量 l
2018-08-29 13:03:49
原创 學習ES6中的對象擴展小記
對象擴展 1. 屬性的簡潔表示法 ES6 允許直接寫入變量和方法，作爲對象的屬性和方法，需要注意的是簡潔寫法的屬性名總是字符串 const obj = { class () {} } // 這裏的 class 是字符串，所以不會
2018-08-29 13:03:49
原创 學習ES6中的數值擴展小記
數值的擴展 1. 二進制和八進制表示法 提供了二進制和八進制數值的新寫法，分別用前綴 0b 和 0o 來進行表示，從 ES5 開始，在嚴格模式中，八進制不再允許使用前綴 0 表示 如果要使用 0b 和 0o 前綴的字符串數值轉爲十進制，
2018-08-29 13:03:48
3
原创 使用vue的transition完成滑動過渡
使用vue來做一些小巧的動畫效果是非常方便的，今天本人想使用vue的transition來完成一個滑動過渡效果，這裏和大家分享一下。 直接上源代碼： <!DOCTYPE html> <html> <head> <meta char
2018-08-29 13:03:48
4
原创 文本框裏如何帶上圖標和文字提示
相信我們平時開發的過程中，會遇到這種需求： 這裏是一個輸入框，裏面有提示文字的同時，還有一個小圖標。這裏我的做法是使用一個父元素包裹住文本框，利用父級元素的背景圖片來完成小圖標的實現。提示文字部分則使用文本框的placeholder來解
2018-08-29 13:03:48
原创 學習ES6中的Promise小記
Promise 1. 含義 特點： 1. 對象的狀態不收外界影響，代表一個異步操作，存在三種狀態：pending（進行中）、fulfilled（已成功）、rejected（已失敗）。只有異步操作的結果可以決定當前是哪一種狀態 2. 一
2018-08-29 13:03:47
1
原创 CSS3中的box-sizing
懂得如何運用box-sizing之前，必須需要了解一下常規盒模型和怪異盒模型（IE盒模型）。 我們都知道盒模型從裏到外主要包括：content，padding，border，margin。如下圖： 兩種盒模型的寬度 標
2018-08-29 13:03:47
原创 詳解vue-router 中的導航鉤子
vue-router 的導航鉤子，主要用來作用是攔截導航，讓他完成跳轉或取消。 有三種方式可以植入路由導航過程中： 全局的 單個路由獨享的 組件級的 1. 全局導航鉤子： 全局導航鉤子主要有兩種鉤子：前置守衛、後置鉤子， 註冊一個全局
2018-08-29 13:03:47
3
原创 使用push你必須知道的小細節
相信大家平時開發的過程中，經常需要對數組進行操作，說到對數組的操作，push還是出場率很高的。 今天本人在使用push的過程中，因爲對這個方法的理解不夠深，導致開發過程中出現了小小的困擾。這裏先給大家舉個例子： var obj = {na
2018-08-29 13:03:47
3