首页 > 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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板