עבודה ב-javaScript

  • הוסף לסימניות
  • #44
יש אתר חרדי ומוכר מאוד שכתוב ב-jQuery + vanilla js.
לא רק זה הם גם לא minify and obfuscate את הקוד שלהם, כך שקוד המקור כולו גלוי בsource.
זוועת עולם
דף אחד
hard coded נוראי.
 
  • הוסף לסימניות
  • #45
יש אתר חרדי ומוכר מאוד שכתוב ב-jQuery + vanilla js.
לא רק זה הם גם לא minify and obfuscate את הקוד שלהם, כך שקוד המקור כולו גלוי בsource.
זוועת עולם
דף אחד
hard coded נוראי.
וזאת ראיה שאסור לעבוד עם jQuery?
(גם בד"כ כשאומרים vanilla js, מתכוונים גם בלי jQuery)
ויגידו שאני מיושן, אבל jQuery זאת ספרייה נהדרת, היא הופכת את הקוד לקריא ואלגנטי, והfluent api שלה ממש נוח.
ואפשר להשתמש גם בפריימוורק SPA כלשהו + jQuery, הם לא סותרים זה את זה, בפריימוורק כותבים קוד פונקציונלי טהור ובאמצעות jQuery מכניסים קוד עם תופעות לוואי בכל מיני lifecycle hooks של הקומפוננטה.
דוגמה למקרה שעשיתי כזה דבר - הייתי צריך להעביר prop לקומפוננטה של הגודל של הטבלת MD כדי שתמקם בצורה יפה בלי גלישה את הheader\footer, אבל אני ידעתי את הגודל רק אחרי שכל הקומפוננטות נטענו, אז עשיתי את זה בתוך הonMounted של הview והשתמשתי בjQuery בשביל להביא את הגדלים של כל הקומפוננטות האחרות ולחשב מה צריך להיות הגודל של הטבלה.
בלי להשתמש בjQuery זה להחזיק ref לכל קומפוננטה בנפרד, ולבצע את החישוב לפי הouterHeight של כל קומפוננטה. באמצעות jQuery זה פשוט
JavaScript:
let height = $('.comp1,.comp2,comp3')
.get()
.reduce((a,b) => a + $(b).outerHeight(true), 0);
 
נערך לאחרונה ב:
  • הוסף לסימניות
  • #46
רציתי לערוך אבל כבר אי אפשר.
היתרון בגישה הזו היא הקלות בה אני יכול להוסיף או להוריד קומפוננטות לפי הצורך, במקום שכל יצירה של קומפוננטה בדף תאלץ אותי להחזיק ref ולהוסיף אותה לחישוב, אני רק צריך להוסיף את הselector שלה לתוך האתחול של האובייקט jQuery.
 
  • הוסף לסימניות
  • #48
וזאת ראיה שאסור לעבוד עם jQuery?
(גם בד"כ כשאומרים vanilla js, מתכוונים גם בלי jQuery)
ויגידו שאני מיושן, אבל jQuery זאת ספרייה נהדרת, היא הופכת את הקוד לקריא ואלגנטי, והfluent api שלה ממש נוח.
ואפשר להשתמש גם בפריימוורק SPA כלשהו + jQuery, הם לא סותרים זה את זה, בפריימוורק כותבים קוד פונקציונלי טהור ובאמצעות jQuery מכניסים קוד עם תופעות לוואי בכל מיני lifecycle hooks של הקומפוננטה.
דוגמה למקרה שעשיתי כזה דבר - הייתי צריך להעביר prop לקומפוננטה של הגודל של הטבלת MD כדי שתמקם בצורה יפה בלי גלישה את הheader\footer, אבל אני ידעתי את הגודל רק אחרי שכל הקומפוננטות נטענו, אז עשיתי את זה בתוך הonMounted של הview והשתמשתי בjQuery בשביל להביא את הגדלים של כל הקומפוננטות האחרות ולחשב מה צריך להיות הגודל של הטבלה.
בלי להשתמש בjQuery זה להחזיק ref לכל קומפוננטה בנפרד, ולבצע את החישוב לפי הouterHeight של כל קומפוננטה. באמצעות jQuery זה פשוט
JavaScript:
let height = $('.comp1,.comp2,comp3')
.get()
.reduce((a,b) => a + $(b).outerHeight(true), 0);
מסכימה לגבי JQuery,
אני עבדתי לפני כמה שנים עם JQuery + TS, והקוד שלנו היה ממש יפה, נוח ומסודר.
וכמו שכתבת JQuery באמת מעולה לUI קצת יותר מאתגר.
 
  • הוסף לסימניות
  • #50
היי
גם אני בהתלבטות דומה
node.js ו- js בטכנולוגית web component
המשרה עם זיקה ל- devops
(docker, AWS)
אשמח לעצתכם...
 
  • הוסף לסימניות
  • #52
נשמע לי מעולה!
בעיקר החלק של devops -זה יתרון בכל חברת היטק נחשבת ידע בעולמות הדוקרים וaws - ולדעתי חשוב מאד שלכל מתכנת יהיה ידע בהבנה של איך עובדים ה״ברזלים״ במערכת ....
 

פרוגבוט

תוכן שיווקי
פרסומת

אשכולות דומים

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

לוח מודעות

הפרק היומי

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


תהילים פרק כה

אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
נקרא  2  פעמים
למעלה