תחומים - פורום חרדי מקצועי

@חוקר משום מה השמטת אותו בקוד שהבאת כאן... אני הבאתי אותו בקוד בפוסט הראשון (שורה 2)

@חוקר ניסיתי גם את זה, אבל בצורה כזאת זה לא מספק את הנתונים... ניסית להריץ את הקוד שהבאת?

מדובר בקוד שאמור לתשאל את הAPI של קול חי מיוזיק, ולקבל נתונים על רשימת שידורים חיים נבחרים (אפשר גם לקבל בבת אחת את המידע על כולם, אבל אני העדפתי ככה מסיבות שונות).

// מערך של מספרי שידורים נבחרים
let listLive = [35, 2, 3, 5, 37, 7, 16, 15, 23, 8, 27];
/**
 * קבלת מידע בפועל מהAPI
 * @returns מערך של נתוני הערוצים הנבחרים
 */
async function getLiveData() {
    let arrayLiveInfo = listLive.map(function (indexLive) {
        let resData = await fetch(`https://kcm.fm/Home/LiveJ/${indexLive}`);
        let jsonData = await resData.json();
        return jsonData;
    });
    return arrayLiveInfo;
}

console.log(getLiveData());

משום מה זה מחזיר שגיאה:

ואני לא מבין למה, הרי בשורה 7 הצהרתי על הפונקציה כאסינכרונית...

מתוך הנספח בספר של רן בר-זיק:

[...] כדי להריץ את בדיקות ה- UI צריכים סביבה סגורה שלא תלויה בשרתים (או לפחות לא
בשרתים אמיתיים), אז בנינו כלי בשם "לאונרדו" שיודע לזהות בקשות לשרת, להשתלט עליהן
ולדמות תשובה שאנחנו מגדירים מראש.
כך למשל אפשר לראות איך האפליקציה מתמודדת עם תשובות ריקות, עם שגיאות שמגיעות
מהשרת ועם מצבים שבהם השרת לא מגיב. כמו כן אפשר לבדוק מצבים שבהם התגובה
מהשרת איטית.
בדיקות מהסוג הזה הן מהירות, יציבות ויעילות משום שיש להן את היכולת לבדוק כל תרחיש
שרוצים ללא תלות במערכות אחרות.
הכלי לאונרדו הוא כלי source open וזמין לכולם בגיטהאב תחת הכתובת:
https://github.com/outbrain/Leonardo

אלא שנראה שהכלי הזה מיועד דווקא לפוריקטים של צד שרת.
אני כתבתי סקריפט גדול בצד לקוח בלבד, שמוזרק דרך קונסול/Tampermonkey, ומתקשר מול APIים שונים, והייתי שמח בכזה כלי שיאפשר לי לבדוק בקלות מצבים שהAPIים מחזירים שגיאות שונות (למשל 404,403 וכן הלאה, כולל טקסט השגיאה).
האם קיים כזה כלי כתוכנה רגילה וכדומה שמאפשר לבדוק את זה גם מצד הלקוח ללא שינוי בצד השרת (שכאמור לא קיים כאן)?
תודה מראש.

התופעה קורת גם אצלי בטעינת jquery.min.js לדף HTML, וגם באתרים שהספריה כבר מותקנת בהם, לדוגמה www.w3schools.com.
חלק מהפונקציות של jQuery, לדוגמה remove, עובדות, אבל כשאני משתמש באותו סלקטור תקין, ומחיל עליו לדוגמה את הפונקציה empty או css, מתקבלת שגיאה...
לדוגמה הקוד הבא:

$('#main').css('display', 'none');

באתר www.w3schools.com מחזיר שגיאה:

ואילו באתר אינטרנט ישראל עובד חלק.
לעומת זאת

$('#main').remove()

עובד חלק בשניהם.
אותה בעיה יש לי גם באתר שלי שטענתי אליו ידנית את jQuery מה-CDN.

@הפצת-אנקי אולי צריך להשתמש בinherit? או שזה לא קשור..
בכל מקרה כדי שאוכל לנסות לבדוק, תצטרך להסביר לי איך מריצים את זה.. זה נראה פייתון

@davidnead אמר באיזה ספרייה/פריימוורק (מה זה בכלל, בעצם?...) מומלץ ללמוד כיום?:

הדרך הכי טובה להבין את הצורך בו זה להשתפשף היטב בלעדיו ולחוות את כל כאבי הראש הכרוכים בכך. רק כך מבינים באמת את התועלת ויודעים לנצל את השימוש.

לגבי שכך מבינים באמת את התועלת - אני מבין (אם כי לא מבין מה העניין בזה, מעבר לתחושה הטובה ), אבל למה זה עוזר לדעת לנצל את השימוש בפריימוורק, שעובד בצורה שונה למדיי?

@הפצת-אנקי השאלה מה יעזור שאני יתקין את זה? נניח שאני יתקין ויראה שאכן יש בעיה? מה גם שאני בור לחלוטין בפייתון
אולי תכתוב מה שינית בjs, ומה רע לך בהוספת "dir="rtl לbody וזהו?

@dovid מה העניין לפצל את אותה בעיה ל2 נושאים נפרדים?
אני מדבר על ההודעה שציטטת

פתאום זה חזר מעצמו...
אולי יצא להפסקת צהריים?
נקווה שישאר כך
ואם מישהו מכיר הרחבה שעושה את זה אבל בצורה יותר מקצועית (ההרחבה הזאת למשל לא מזהה משתנה שלא הוגדר, אם קוראים לו בתוך פונקציה.. ), אשמח מאוד להמלצה!

שגיאות סינטקסט הן השגיאות השנואות עליי ביותר, שכן הן מגיעות רק בגלל טעות אנוש קטנה של החסרת תו כלשהו, ולא בגלל טעות אמיתית...
לדוגמה משתנה ששיניתי את שמו ושכחתי לשנות אותו בכל האזכורים... אז בעוד על משתנה שמוגדר ולא בשימוש הVSC מתריע על ידי הפיכתו ל"אפרורי", על מקרה הפוך - שימוש במשתנה שלא הוגדר, הוא לא מתריע...
ואני מגלה את השגיאה כשאני מנסה להריץ את הקוד בקונסול.
תמיד חלמתי שהשגיאה תופיע לי באופן מיידי (וכמובן תיעלם ברגע שאתקן אותה), ובצורה ברורה - לא קוקו אדום שצריך לעמוד עליו, אלא ישר השגיאה עצמה...
היום נתקלתי בהרחבה JavaScript REPL שעשתה בדיוק את זה!
אמנם היא הוסיפה גם קטע משונה של הדפסת מספר הריצות של כל קטע... שאמור להיות רק ללולאות... אבל היא גם הוסיפה לי בדיוק את מה שחיפשתי!

(התמונה לקוחה מתוך עמוד ההרחבה, כמובן שהטקסט האדום לא באמת מוכנס לקוד...)
אלא שכנראה שיחקתי באיזה כפתור, ופתאום זה נעלם..
ניסיתי להתקין את ההרחבה מחדש, להשבית ולהפעיל, וללא הועיל...
הבו עיצה איך להחזיר את הקסם הזה לVSC!

@dovid לא דיברתי על האזכור של eval כן או לא, אלא על התמצות/קצרנות - @yossiz הביא 2 דרכים לפתור את הבעיה שהעיליתי, והזכיר בדרך אגב את eval בדרך השלילה (שעל זה אפשר לדון האם זה נכון או לא, נראה לי שכן כי אני הרי הכרתי את eval, רק עוד לא חשבתי על השימוש בו בהקשר זה...), ואני ניצלתי זאת כדי לוודא באמת את מידת השלילה של השימוש בזה (באופן כללי).
לעומת זאת התשובה הזו שלך אמנם השמיטה את הeval, אך על הדרך גם את שאר הפירוט... וקצת חבל
ואני הבנתי שעל זה כיוונת (שאין עניין להרחיב בשתי הדרכים האחרות), ועל זה היתה תגובתי...

@dovid אני דווקא בעד...
ואסביר: כשאני כותב פה שאלה (כמעט תמיד) זה לא רק בשביל לדעת איך אני עכשיו מעיף את הבעיה הזאת וממשיך כבר לשורה הבאה של הקוד. כמובן אני כותב כאן כי נתקעתי בזה, ואני רוצה להתקדם, אבל לקבל "קביים" חד-פעמיים זה קצת חבל...
ולכן תשובה טובה בשבילי זה תשובה שמכילה קודם כל את הפתרון הבסיסי (יותר בקצרה) - כי בכל זאת, לפעמים יש שטח שקשה ללכת וצריך קביים , אבל גם חלק יותר מעמיק ומפורט - להרחבת הידע בנושא הספציפי... כדי שפעם הבאה שאתקל בבבעיה כזו בוואריאציה מעט שונה, אבין להקביל בין המקרים...
לדעתי @yossiz עשה את זה באופן מעולה ומושלם למדיי.

@yossiz המתרגם של הכרום לא אוהב את הדף שהבאת משום מה... הוא לא ממש מתרגם אותו, ואם אני מפעיל את הסימניה שמתקנת את הRTL הוא בכלל מתרגז ומבטל את כל התרגום שכבר היה...

אכן הדרך של המיפוי כאובייקט נראית לי הכי אלגנטית, אבל לשם הרחבת הידע-
@yossiz אמר בביצוע פעולה על מערך ששמו מגיע מהארגומנט (של הפונקציה):

יש דרך לא נורמלית, אבל אל תעשה את זה...
eval(`arrayList${TypeList}Items`).length = 0

גם אם הTypeList מגיע מהקוד עצמו ולא מהמשתמש? (כלומר בקוד מוגדר שכפתור X קורא לפונקציה עם ארגומנט "X", וכפתור Z קורא לפונקציה עם ארגומנט "Z", ולא שהמשתמש מזין את שם הרשימה בדרך כלשהיא)

למעשה עברתי לasync-awiat, החיים נהיו הרבה יותר קלים ופשוטים

אני מנסה לכתוב פונקציה, שמבצעת פעולה קבועה (ניקוי המערך, לפי זה) - כל פעם על מערך אחר, לפי הארגומנט שמועבר לה.
ניסיתי לעשות את זה על ידי תבנית טקסט - וכמובן לא עבד...
הנה קוד לדוגמה:

let arrayListServerItems = [9, 5, 4];
let arrayListUserItems = [1, 2, 3];
function claerArrayListItems(TypeList) {
  `arrayList${TypeList}Items`.length = 0;
}
claerArrayListItems("User");
console.log(arrayListUserItems);

הסיבה שזה לא עבד, די ברורה לי - כי זה מגיע כמחרוזת טקסט... השאלה איך עושים כזה דבר בצורה "נקיה" - בלי לדוגמה switch case שבכל אופציה יריץ ניקוי על המערך הרלוונטי, אלא שזה יקח ישר מתוך הארגומנט את הפונקציה הרצויה לניקוי.

@yossiz עדיין לא הבנתי -
איפה אני נפגש בפריימוורק?
נתת דוגמה למשהו שלא מצריך בכלל פריימוורק, אבל הסברת איך אפשר לעשות את זה איתו
אולי תוכל להביא דוגמה של משהו שצריך את הפריימוורק?
ואיך בכלל אני עובד איתו? זה קוד רגיל שאני יכול גם לכתוב ולהריץ בקונסול (ורק צריך לייבא קודם ספריה - כמו jQuery)?
או שצריך לקמפל אותו או משהו?
איך בכלל עובדים איתו - רגיל (במקרה שלי ב-VSC)?

@nigun אמר בשאלת תם - מה כל כך נורא בPHP?:

בנוסף נתקלתי במפתחי PHP (כולל את עצמי בעבר) שבכלל לא מבינים מה זה HTTP ומבחינתם אתה זורק קובץ והקסם נוצר.

מה זה אומר? קסם שלא תלוי ברשת?!

@הפצת-אנקי תמונה לא ממש עוזרת להבין את המקרה, שלחתי דוגמה בעברית שמוצגת תקין לגמרי... שלח אתה דוגמה בסיסית שלא עובדת
אין לי אפשרות עכשיו להשוות את הJS ולמצוא מה בדיוק שינית, אבל ממתי מגדירים RTL בספריה?! מגדירים את זה בHTML