原创 (轉)ES6——super的理解

ES6 中的繼承和 super 的用法大家都不會陌生,可是一問到 super 到底是什麼,估計很對人都會回答不上來。在 ES6 中,super 是一個特殊的語法,而且它比 this 還要特殊,有很多用法上的限制。 super類似於ES5語

原创 (轉)理解 es6 class 中 constructor 方法 和 super 的作用

首先,ES6 的 class 屬於一種“語法糖”,所以只是寫法更加優雅,更加像面對對象的編程,其思想和 ES5 是一致的。   function Point(x, y) { this.x = x; this.y = y; }

原创 (轉)理解和使用ES6中的Symbol

ES6中引入了一種新的基礎數據類型:Symbol,不過很多開發者可能都不怎麼了解它,或者覺得在實際的開發工作中並沒有什麼場景應用到它,那麼今天我們來講講這個數據類型,並看看我們怎麼來利用它來改進一下我們的代碼。 這是一種新的基礎數據類型(

原创 (轉)JS中Map和ForEach的區別

定義 foreEach()方法: 針對每一個元素執行提供的函數。map()方法: 創建一個新的數組,其中每一個元素由調用數組中的每一個元素執行提供的函數得來。 區別 forEach()方法不會返回執行結果,而是undefined。也就是說

原创 (轉)js——自執行函數

5.1對於函數表達式,在後面加括號即可以讓函數立即執行;例如下面這個函數,至於爲什麼加了括號就可以立即執行,我們可以這麼理解,就是像fn1();這樣寫的話,函數 可以立即執行是沒問題的,我們在經常會用到,那麼對於函數表達式來說,fn1就是

原创 (轉)js中for跳出循環(包括多層循環)return和break的區別

單層循環 1.for循環中return語句:會直接跳出循環, 因爲js中for是沒有局部作用域的概念的,所以只有把for循環放在函數中時,纔可以在for循環中使用return語句。  2.for循環中的break語句:和return一樣會

原创 tr,td設置高度不生效

功能:表格內容較長,但是頁面高度有限,超出顯示滾動條 阻礙:給tr或者td加高度都不生效,不顯示滾動條 解決方案:td中加div,設置高度和內容溢出時的樣式 <table border='1' width='300'> <tr>

原创 uni-app開發微信小程序getLocation 需要在app.json中聲明permission字段解決辦法

小程序更新了部分配置,位置授權要先在app.json裏聲明一下,這在以前是不需要,會提示getLocation 需要在app.json中聲明permission字段,如圖 解決辦法: 在manifest.json中加入下面這段代碼 "

原创 (轉)webpack3 、manifest 、runtime 、緩存與CommonsChunkPlugin

通常我們的項目包含三種類型的代碼:業務代碼、第三方依賴庫、webpack打包構建後的manifest。官網經常會看到mainfest這個詞,但是它究竟指什麼,我們來做個實驗找答案吧:(ps:文章把manifest打成mainfest了)

原创 Vue 2.0+typescript傳值的幾種方式

隨着 typescript 越來越受到前端框架的關注,最近使用 vue + typescript 做了一個項目。發現寫法與 vue + js 完全不一樣。但是原理相同。接下來給大家介紹 Vue 開發中常用的傳值方式。 Vue 常用的三種

原创 node路經處理模塊——path

獲取 /路徑/文件名/擴展名 1.獲取路徑:path.dirname(filepath) 2.獲取文件名:path.basename(filename) 3.獲取擴展名:path.extname(filepath) 實例: 1.獲取所在路

原创 微信小程序ios系統border-radius元素 overflow:hidden失效問題

問題:   父元素使用border-radius 和 overflow:hidden;子元素使用了transform屬性,父元素的overflow:hidden;會失效。 解決方法:         父元素設置以下兩個屬性:   bac

原创 (轉)Mac terminal下解壓縮命令大全

tar 解包:tar xvf FileName.tar 打包:tar cvf FileName.tar DirName (注:tar是打包,不是壓縮!) ——————————————— .gz 解壓1:gunzip FileName.gz

原创 Mac系統下更新node版本

迭代新項目,需要升級node版本和npm版本,於是記錄一下。 查看本機當前Node和npm版本 node -v npm -v 清除node的cache(清除node的緩存) sudo npm cache clean -f

原创 flex佈局justify-content:space-between最後一排數量不夠自動向兩端排列問題解決辦法

flex 佈局兩端對齊當最後一排數量不夠時,會出現以下佈局情況   如圖所示排布情況   這時,我們可以下面after僞類,解決最後一排數量不夠兩端分佈的情況   .tem-flex{ display: flex; f