首頁 > web前端 > js教程 > 主體

Day / Days of Code:學習與成長之旅

Patricia Arquette
發布: 2024-09-27 18:38:03
原創
815 人瀏覽過

Day /  Days of Code: Journey of Learning and Growth

2024 年 9 月 26 日星期四

大家好!

首先,我要向 Grëg Häris 和整個開發團隊表達衷心的感謝,感謝你們堅定不移的鼓勵。當我開始 100 天程式設計挑戰時,我只瞥見了開發對我的進步有多重要。開發部落格為我完成了線上學習圈,整合了我學到的所有內容並在現實環境中進行測試。就像 Codecademy 課程一樣,學習是社交性的,能夠在 Dev 上發文是一份禮物,這是一種多方位的體驗,因為我也從你們所有人身上學到了很多東西。

克服挑戰
生活給我帶來了一些麻煩,這打亂了我的部落格日程。我對此承擔全部責任。儘管面臨這些挑戰,我仍然繼續編碼,即使有時每天只有一個小時。我必須優先考慮,不幸的是,部落格不得不退居二線。經過一番思考後,我決定將大約十天的休息時間稱為停賽。雖然不寫部落格並不理想,但這是必要的妥協。第 78 天取貨。

平衡部落格與編碼
我意識到寫部落格需要付出努力,決定每週最多留出兩天時間來處理部落格以外的程式設計事務。我的目標是把這個時間保留在週末,但也可以是任何一天。正如您可能已經注意到的,我的部落格風格很樸素,而且我們的一些作業變得更具挑戰性。

今天學習:箭工廠函數
今天,我了解到箭頭工廠函數根據正文內容樣式的行為有所不同,這會顯著影響它們的靈活性。線上學習常常掩蓋這些微妙的細節,為我的分享增添了一層有趣的內容。

專案亮點:每日服裝產生器
以今天的作業為例。它的開始很簡單:一個使用至少三個資料的離線訊息產生器。這個想法是創造諸如算命先生、星座運勢或任何與三位資訊相關的消息之類的東西。為了好玩,我選擇創造一個「每日服裝」產生器。

接下來是棘手的部分。我可以透過建立一個物件來保存三位資料和一個帶有輔助函數的訊息產生函數來隨機分配資料部分,從而保持簡單。不過,我想練習工廠功能,這是一個絕佳的機會。

工廠函數本身並不具有挑戰性,但它們確實包含資料和函數。我了解到主體的編寫方式決定了其他部分的編寫方式,並且某些部分隱式工作。為了讓物件方法能夠完全存取物件的數據,關鍵字 function 是必要的。傳統的正文內容樣式更靈活,而簡潔的正文內容樣式則隱含回傳物件。我下面的程式碼示範了簡潔:

// Object of available outfit items
const items = {
  shirt: ['swag t-shirt', 't-shirt with clever saying', 'sweater', 'hoodie'],
  pants: ['cargo pants', 'jeans', 'chinos'],
  shoes: ['sneakers', 'boots', 'sandals'],
  accessory: ['backpack', 'poof ball hat', 'ball cap', 'sunglasses']
};

// Utility function to randomly select an item in each category
const selectRandomItem = category => {
  const randomIndex = Math.floor(Math.random() * items[category].length);
  return items[category][randomIndex];
};

// Outfit factory function
const outfitFactory = () => ({
  shirt: selectRandomItem('shirt'),
  pants: selectRandomItem('pants'),
  shoes: selectRandomItem('shoes'),
  accessory: selectRandomItem('accessory'),
  logOutfit: function() { 
    // Note: ': function' so method can be used with dot notation
    console.log("Outfit:");
    console.log(`Shirt: ${this.shirt}`);
    console.log(`Pants: ${this.pants}`);
    console.log(`Shoes: ${this.shoes}`);
    console.log(`Accessory: ${this.accessory}`);
  }
});

const outfit = outfitFactory();
outfit.logOutfit();

// Output, randomly selected: 
// Outfit:
// Shirt: swag t-shirt
// Pants: cargo pants
// Shoes: boots
// Accessory: backpack
登入後複製

擁抱 GitHub 分支
最後,這個專案的目標是讓我們使用分支來使用 GitHub,就像我們作為潛在開發人員所做的那樣。儘管我已經非正式地使用 Git 幾年了,但分支帶來了諸如拉取請求、合併和變基分支之類的功能,以及 stash 和 pop 或 apply,這些對我來說都是新功能。

編碼愉快!

以上是Day / Days of Code:學習與成長之旅的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板