ES6 解構賦值-陣列 06 4月 2018 JavaScript ES6 解構賦值-陣列 陣列解構 在ES5的寫法中,如果我們要取出物件的屬性都某個變數中,可能會這樣寫 var nums = [120,325,135]; var first = nums[0]; var second = nums[1]; 在ES6我們可以改成這樣: const nums = [120,325,135]; let first;
Vue cli 安裝 Bootstrap4、Sass、jQuery 和 Popper.js 20 3月 2018 Node.js JavaScript Vue.js Vue cli 安裝 Bootstrap4、Sass、jQuery 和 Popper.js 紀錄一下環境建置 首先建立vue cli專案 vue init webpack 專案名稱 或 vue init webpack-sample 專案名稱 接著 cd 專案名稱 npm 安裝套件 npm安裝Bootstrap 4 npm install bootstrap -S 現在install bootstrap會自動選bootstrap4
Day30 心得-持續學習、持續成長 02 1月 2018 ithome 鐵人賽:JavaScript 基礎二三事 ithome JavaScript Day30 心得-持續學習、持續成長 今天是鐵人賽第30天,很榮幸能參與這個活動並完賽。 第一天說要至少完成克服js的奇怪部分第6章節,而我也做到了,目前進度是: (有些地方會跳著看,第6章後不少段落已看完) 還是來點賽後檢討: 1. 時間分配不均 畢竟已開始上班,平日時間只剩白天的空檔或晚上可以利用,假日也不會全程坐在電腦前,在學習、筆記時間的拿捏還需要調整。 2. 效率不足 時間充足的狀況下,看完一段影片,縱使是先前就看過的段落或知曉的知識,還是需要點時間消化成文字。 有時消化著消化著就看使做其他事情,導致效率並不是很好,可能某段影片很短,但我卻看了3遍才真正進入狀況,
Day29 Object.create與class 01 1月 2018 ithome 鐵人賽:JavaScript 基礎二三事 ithome JavaScript Day29 Object.create與class 今天來看看其他建立物件的方法 除了new建構子和物件實體語法,JS還有別種建立物件的方法,那就是ES5新增的Object.create和ES6新增的類別class。 先來看Object.create,以下為程式碼: var Flash = { firstname: '預設值', lastname: '預設值', run: function(){ return 'Run,' + this.
Day28 內建的函式建構子 31 12月 2017 ithome 鐵人賽:JavaScript 基礎二三事 ithome JavaScript Day28 內建的函式建構子 今天來看看內建的函式建構子 什麼是內建的函式建構子? 其實是將JS的內建的Number()、String()、Date()....等其他內建函式,與new函式建構子一起使用。 來看看看程式碼,直接在Chrome瀏覽器console上操作。 Number()是JS的內建函式之一,在程式碼Number的開頭前多了一個new建構子,根據昨天筆記,我們知道new這個function constructor函式建構子會創建新物件,並將後方函式內的this指向它,依照函式內的設定創造該新物件的屬性。 現在變數a指向的東西,並不是基本型別Primitive Types,而是物件型別Object Type,在這個物件裏頭,有一個基本型別數值3的存在。(別忘記物件是名稱與值配對的組合)