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

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

const chats = document.querySelectorAll(".lt")
for (let i = 0; i < chats.length; i++) {
    const label = chats[i].ariaLabel;
    if (/שיחה עם XYZ/.test(label)) {
        console.log("removed!")
        chats[i].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.remove()
    }
}

אלא שגם לאחר שהמייל נטען לחלוטין, הסלקטור לא מניב שום תוצאות...

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

וגם הקוד שלעיל עובד, ומסיר מיידית את השיחה ששמה "XYZ" (שם בדוי כמובן...)
אשמח לעזרה!

@dovid האתרים האלה לא ממש אמינים... השוותי את הקוד מול עצמו (כלומר הכנסתי בשני המקרים את אותו קוד), ויצא פער...

התמונה מ https://jsbench.me, וכנ"ל גם ב https://jsben.ch

@מוטי-אורן אני לא צריך לעצור את ההתפשטות של האירוע הזה אלא לעצור אירועים אחרים...

It also does not prevent immediate propagation to other event-handlers. If you want to stop those, see .stopImmediatePropagation()

ולמעשה גם עם stopImmediatePropagation:

const element = document.querySelector('[class="V6 CL V2"]')
element.addEventListener("mouseenter", stopEvents);
function stopEvents() {
    element.stopImmediatePropagation()
}

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

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

בריחוף על 2 המצבים האחרים - הלא פעילים כרגע (כלומר אם נמצאים לדוגמה ב"צ'אט", אז בריחוף על "מייל" או על "מרחבים משותפים"), קופץ מעין פופ-אפ:

שאותו אני מעוניין להסיר. (ניסיתי להסיר אותו באמצעות ()remove. או display: none ב-CSS, אבל הצלחתי רק לרוקן אותו מתוכן, ולא להעלים אותו...)
מצאתי בכלי המפתחים את האירוע mouseenter הבא (היה עוד אחד, שההסרה שלו לא השפיעה):

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

document.querySelector('[class="V6 CL V2"]').removeEventListener("mouseenter", handleMouseDown, false);

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

השאלה איך אני מקבל את שם הפונקציה? מה שצריך לבוא במקום handleMouseDown...
תודה רבה!!

@dovid זה אומר שבעצם אין דרך למדוד באיזה צורה הקוד יותר יעיל, אלא אם כן זה הפרש ממש משמעותי מעבר לטווח הסטיות שציינת כמו חומרה תהליכים ברקע וכו'?

@גמליאל אמר במהירות הרצת קוד ב-JS [כרום], או "למה המהירות לא קבועה?":

כי לסוף השניה הנוכחית נשאר תמיד פחות משניה

יותר מדוייק: לסוף האלפית שניה הנוכחית נשאר פחות מאלפית...

הלולאה הפשוטה הבאה:

for (let i = 0; i < 500; i++) {
  console.log(Date.now())
}

מדפיסה בעצם שוב ושוב, 500 פעמים, בקצב המקסימלי שהמנוע שמריץ (במקרה הזה - V8 - כרום) מסוגל, את מספר אלפיות השניה שחלפו מאז 1 בינואר 1970 00:00:00 UTC.
ואכן כשאני מריץ את זה בקונסול, אני רואה שבכל אלפית שניה המנוע מספיק להריץ את זה כמה פעמים.
מה שמוזר זה, שאין במספר הפעמים שום עקביות (חוץ מזה שבאלפית הראשונה הוא מריץ תמיד הכי קצת פעמים)...


וזה לא רק בהרצה ידנית, אלא גם בהרצה בלופ של הלופ:

for (let index = 0; index < 4; index++) {
    for (let i = 0; i < 500; i++) {
        console.log(Date.now())
    }
}

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

@אביי מעניין... כי בסרטון

כתוב בתיאור שצריך דווקא כרום כדי לצפות בK8....

טוב, אז אחרי כל הדיבורים וההצהרות , התחלתי Vue 3. [למה 3? כי מצאתי לזה קורס טוב ]
אני לא מכיר את 2, וממילא אני לא יוכל לדעת בכל שאלה האם היא נוגעת רק ל3 או גם ל2...

---

ב-v-if, v-else-if, v-else;
מה התפקיד של v-else-if? המקבילה לכאורה בJS נייטיב זה:

const a = 111;
if (a < 1) {
    console.log("1<<");
} else if (a > 2 && a < 100) {
    console.log("10>>");
} else {
    console.log("hover!");
}

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

@davidnead אמר בלימוד שפה נוספת מעבר לJS - נצרך?:

• שאלה: אז מה בעצם הספק שלך כרגע?

מה שכתבתי הוא בהנחה שאני נשאר להתמקד אך ורק בJS, ועל זה בדיוק היתה שאלתי - האם זה נכון להתמקד רק בשפה הזו.

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

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

@davidnead

שפת התכנות הכי מבוקשת בישראל היא דווקא Python, אחריה JAVA, במקום השלישי ++C, במקום הרביעי Node.js

(מתוך הקישור שהבאת)

@yossiz אני חושש שלא הבנת אותי... לא התכוונתי ב"לא בניית אתרים" שאני מחפש בינה מלאכותית וכדומה... אלא למעט דברים כמו בניית אתרי וורדפרס לעסקים, וכדומה
אלא בק אנד, ו/או צד קליינט מתוחכם

@yossiz אמר בלימוד שפה נוספת מעבר לJS - נצרך?:

אני חושב שזה לגמרי לא נכון. אני חושב שאין שפה יותר מבוקשת מ-JS.

לבניית אתרים או לדברים יותר רציניים/יותר "תכנותיים"?

כיום אני לומד בצורה עצמאית (שזה אומר חומרים חינמיים ברשת, וכמובן גוגל על דברים ספציפיים) JS, בצד לקוח יש לי רמה סבירה, בצד שרת עדיין לא כל כך.
השאלה האם יש עניין ללמוד שפה נוספת? לדוגמה C#? או אולי פייתון?
גם היו שאמרו לי שJS זה לא שפה מבוקשת כ"כ (למשרות)... והיו שאמרו להיפך... ויצאתי מבולבל לגמרי
כמו כן, במידה וכדאי - באיזה שלב זה עובר מ"מבלבל ללמוד 2 במקביל", ל"אחרי שיודעים שפה אחת הרבה יותר קל ללמוד שניה"? או במילים אחרות - באיזה שלב ידע כדאי להוסיף שפה נוספת?
נ.ב. - כל מי שלא אוהב כלל את השפה - שלא יכתוב
השאלה היא אחרי שאני כן נהנה מהכתיבה בJS, האם כדאי להתעסק בשפה אחרת.

@שואף החסימה היא בקו כשר שלא יהיה אפשר להפנות לקו לא כשר. לא להיפך
ואגב, ברוב החברות (גולן לדוגמה לא) אפשר להפנות מכשר לנייד -אבל רק לכשר אחר, לא למספר לא כשר (הפניה לנייח תלוי בחברה).

@אביי אמר באיזה יופי, גוגל התחילה לדבר בעברית!:

@יעקב-ישראל אמר באיזה יופי, גוגל התחילה לדבר בעברית!:

ואולי גם הפיכת העוזרת הקולית ליותר שימושית בישראל

לפי צוות הפיתוח של גוגל אסיסנט

דיקטה הצליחו לעשות את זה, וזה אפילו תוך כדי הקלדה... לדעתי הסיבה האמיתית היא כמו ש@שואף אמר:

@אביי לפני כמה חודשים, היתה לי שיחה עם מנהלת בכירה בגוגל, שנמצאת באירלנד.
בסוף השיחה שאלתי אותה מתי יהיה TTS בעברית, וענתה על המקום, למה שנשקיע בשביל 8 מליון אנשים..

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