原创 gulp入坑系列(3)——創建多個gulp.task

    繼續gulp的爬坑路，在準備get更多gulp的具體操作之前，先來明確一下在gulp中創建和使用多個task任務的情況。     gulp所要做的操作都寫在gulp.task()中，系統有一個默認的default任務，如下： v

2020-06-30 07:54:01 1

原创 gulp入坑系列(1)——安裝gulp

前言   好吧，我承認我是爲了搞定Sass編譯CSS文件的問題，迷一樣的着手入gulp的坑，sass和gulp的爬坑歷程大概會一起更新。然後感覺這裏windows和mac的流程差不多，不過mac的通常在指令前加sudo ，本喵是w

2020-06-30 07:54:00 2

原创 gulp入坑系列(2)——初試JS代碼合併與壓縮

在上一篇裏成功安裝了gulp到項目中，現在來測試一下gulp的合併與壓縮功能 gulp入坑系列(1)——安裝gulp（傳送門）：http://blog.csdn.net/u013034014/article/details/5354322

2020-06-30 07:53:59 1

原创 Sass學習之路(1)——Sass簡介

Sass是CSS的一種預處理器語言，類似的語言還有Less，Stylus等。 那麼什麼是CSS預處理器？ CSS 預處理器定義了一種新的語言，其基本思想是，用一種專門的編程語言，爲 CSS 增加了一些編程的特性，將 CSS 作爲目標

2020-02-20 22:48:14

原创 Sass學習之路(2)——Sass環境安裝（windows版）

因爲本喵目前用的是window10的本子，所以這裏就發windows版本的安裝流程啦。（希望有朋友可以贊助我一個mac(┳＿┳)）； 第一步：安裝ruby 因爲Sass是基於ruby編寫的，所以先去官網下載ruby(百度一下，你就知道)。

2020-02-20 22:48:14

原创 JavaScript中鼠標事件觸發順序探索

這次是爲了完成之前腦袋裏比較模糊的一個疑問。大家都知道，關於鼠標的事件有非常多，如PC模式下的click、mousedown、mouseup，手機模式下的touchstart、touchend、touchmove。那麼如果將他們全部綁定之

2018-09-02 03:37:14 3

原创 vue.js之路(3)——vue2版本的路由

 在使用vue編寫單頁應用時，通過點擊不同的連接想要局部刷新出不同頁面的內容，通過vue-router會非常方便。        然而在vue2和vue1中，路由的使用有着非常多不同的地方，當我們用npm搭建的是vue2版本的腳手架時，v

2018-09-02 03:37:13

原创 Sass學習之路(4)——不同樣式風格的輸出方式

    因爲每個前端工程師編寫代碼的風格都不太一樣，所以Sass的編譯也非常人性化的提供了不同風格的編譯方式，主要分爲4種。     比如下面這一段Sass代碼，我們來看看在不同風格下，會編譯成什麼樣吧： nav { ul {

2018-09-02 03:37:13

原创 Sass學習之路(9)——插值 #{}

在Sass中，除了在設置屬性的值的時候，我們可以使用變量或循環等方式賦值以外。屬性的名稱，選擇器名稱等，都可以使用一種叫插值的方式將字符串插入進來。下邊我們來看一個例子： $properties: (margin, padding);

2018-09-02 03:37:13

原创 Sass學習之路(15)——列表函數(一)

在Sass中，列表函數主要是用來值列表進行一些函數操作。如果一一列舉回來，會發現列表函數的種類會比數字函數和字符串函數多很多，所以就分開來寫好了。（其實也是因爲最近在自己寫一些前端的小東西，所以時間有點緊）。 那麼迴歸正題： 1.leng

2018-09-02 03:37:13

原创 Sass學習之路(14)——數字函數

Sass中除了之前寫到的用來處理字符串的字符串函數，還有關於數字處理的數字函數。（其實Sass中的數字函數和Js中的Math函數還是非常相似的） 1.percentage() percentage()函數主要是用來將一個不帶單位的數字轉

2018-09-02 03:37:12 3

原创 vue.js之路(2)——爲WebStrom添加vue的相關支持

WebStrom作爲老牌的前端開發利器，它的插件功能也是非常全面和強大的。雖然webStrom自身不會識別*.vue的文件，但是可以通過一系列設置和插件解決這些問題。 廢話不多說，這裏說一下我的設置流程（本喵用的是windows系統，We

2018-09-02 03:37:12

原创 Sass學習之路(13)——字符串函數

字符串函數，顧名思義就是用來處理字符串的函數。下邊來列舉一下Sass中主要的字符串函數： 1.unquote($string) unquote()函數主要用來刪除字符串中的引號，如果字符串本來就沒有引號，則不會做任何更改。下面來看下對不同

2018-09-02 03:37:12 1

原创 Sass學習之路(8)——拓展/繼承/佔位符

1.拓展/繼承 Sass中和CSS一樣，也具有繼承的用戶，也是繼承類中的樣式代碼塊。Sass中是通過關鍵詞"@extend"來繼承已存在的類樣式塊，從而實現代碼的繼承。 舉個栗子： //SCSS .btn { border: 1px

2018-09-02 03:37:12

原创 vue.js之路(5)——解決vuex requires a Promise polyfill in this browser問題

       造成這種現象的原因歸根究底就是瀏覽器對ES6中的promise無法支持，因此需要通過引入babel-polyfill來是我們的瀏覽器正常使用es6的功能         首先通過npm來安裝:         npm in

2018-09-02 03:37:11