All stories published by Code 隨筆放置場 on August 12, 2019 – Medium

Code 隨筆放置場

Sign in Get started

All Stories published by Code 隨筆放置場 on August 12, 2019

01

02

03

04

05

06

07

08

09

10

11

13

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Lastor in Code 隨筆放置場

[分享] 不允許在case/default中進行宣告 (no-case-declarations)

(前略)
switch (prop) {
  case 'genre': 
    let genre = genreFormatter(user[prop])
  (後略)
}

本章節switch的練習中, 當我在case底下宣告變數時,
ESLint出現了警告

Unexpected lexical declaration in…

Lastor in Code 隨筆放置場

[分享] A15, 如何往事件監聽器裡傳參數 & 何謂監聽器事件「event」

寫作業碰到問題,
用的關鍵字方向不對, 查好久查不到解,
正想說放棄掙扎來問助教時, 腦中閃過另一個關鍵字時, 終於給我查到了!!

在這邊分享一下。
一組加入事件監聽器的code如下：

HTMLElement.addEventListener('click'…

Lastor in Code 隨筆放置場

[心得分享] JS = 專為瀏覽器而生的 script (腳本語言)

JavaScrpit 誕生於1995年，由 Netscape 這家公司專門為其 Netscape 瀏覽器而發明的。

JavaScript 在不同領域的應用中，新增了「後端執行腳本」，讓 JavaScript 引擎可進行獨立編譯，因此發展出後端開發執行腳本「Node.js」功能，讓你可以在不只是瀏覽器的地方撰寫 JavaScript

Lastor in Code 隨筆放置場

[分享] 迭代 DOM NodeList 的一些花式

這次A22挑戰題, 學長姐精選作業中, 有學長姐使用了一個沒看過的方法,
將 Array-like 轉換成 Array 來進行 .forEach() 迭代。

Lastor in Code 隨筆放置場

[分享] VScode 操作小技巧

在這章節研究VScode時發現一個實用功能,
分享給還不知道的朋友。

Lastor in Code 隨筆放置場

[分享] IIFE 與 for迴圈的一些小知識

根據這篇的教學內容, 以及之前跟助教們的一些討論, 終於越來越明晰IIFE到底是幹嘛的。
今天在查找IIFE相關資料時, 看到了一些有趣的內容。

javascript 模仿块级作用域 — wangjun5159的专栏 — CSDN博客

這篇大意是在說明IIFE是如何產生的, 以及為何需要IIFE?

Lastor in Code 隨筆放置場

[快速導覽] 正規表達式 /^\d{4}-?\d{6}$/

跟字串需要用「 “ 」這類符號包起來一樣
正規表達式需要用「/」包裹

'string'
/regexp/

針對延伸閱讀的內容：

/^\d{4}-?\d{6}$/

^x => x在字首
\d => 數字, 等價於[0-9]
{n} => 重複次數n
x? => (有x or 沒有x),皆匹配
x$…

Lastor in Code 隨筆放置場

Bootstrap Grid System, 到底是Grid? 還是 Flex?

其實在看這篇的時候我很混亂,
標題是寫 Grid System, 但內文多次提到它是 Based on Flexbox。
所以它到底是Grid? 還是 Flex? 是教材寫錯字?

Lastor in Code 隨筆放置場

[分享] 簡單理解 call by reference 與 Deep Clone

這篇的專有名詞比較多, 而且是蠻重要的部分。
對於這塊不太熟的同學, 可能會被名詞搞得很繞。

分享一下個人的理解方式：
其實給 Obj 賦值, 就是對 Obj 貼上一張寫著 “別稱” 的貼紙

const a = ['a', 'b']  // 在這個 [] 框框上, 貼上貼紙, 寫著a
const b = a…

Lastor in Code 隨筆放置場

[Grid延伸] repeat(), 單位fr, Grid area

※ A10作業還沒做的, 建議先別看這篇

CSS 的 repeat() 表示法與 Grid新單位分塊 fr (fraction)

Lastor in Code 隨筆放置場

[課程提問] 關於本章節的for in部分

(前略)

這個範例讓我驚呆了XD
JS居然會允許Array裡放入 ( key: value ) 這種格式的…. 值???
我剛才用Ruby測試了一下, Ruby中這種操作是不合法的

Lastor in Code 隨筆放置場

用JS快速抓出第 80 字元落在哪

本來試著一個一個數第80個字元在哪,
數了幾秒後感覺真是太蠢了, 故研究了一下怎麼讓JS幫忙找

//取得DOM, 第一個p
const text = document.querySelector('.container').children[1]
let txtArray = []

//取出第75~89的字元, 推入陣列
for (let i = 75; i < 90; i++) {…

Lastor in Code 隨筆放置場

在body尾端引入JS, 補充

之前預習JS有碰到這樣的…… bug?
JS引入放在前面的話可能會發生JS先run完了, 才開始run html的問題。

具體的例子…..

<head>
引入JS, 抓取HTML表單
</head>
<body>
建立HTML表單
</body>

這種時候可能會發生JS報錯, 說找不到元件之類的,
因為HTML表單還沒run到, JS先run了, 就會出現問題。

Lastor in Code 隨筆放置場

[課程問題] 是否可用 Block Statement 取代 IIFE?

如題,
想請問現在是否可直接用 Block Statement 來取代 IIFE?

U86~ U89 這個單元使用了IIFE, 來避免汙染存在於全域的變數。
而 IIFE 是 ES6 以前的技巧。

August 14, 2019

About

Code 隨筆放置場

紀錄學習 Coding 相關的大小事

More information

Tags

Editors