דילוג לתוכן
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

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

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. פרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות

פרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות

מתוזמן נעוץ נעול הועבר תכנות
19 פוסטים 5 כותבים 316 צפיות 5 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • י יוסף בן שמעון

    @צדיק-תמים חוששני שהפתרון הכי נקי הוא לעבוד עם המתודות של JS שמשנות את הHTML, (createElement וחברותיה).
    ואפשר גם להעזר ב jQuery שמקצר את התהליכים.
    אבל בשום אופן לא לשרשר מחרוזת ארוכה של HTML

    צדיק תמיםצ מנותק
    צדיק תמיםצ מנותק
    צדיק תמים
    כתב ב נערך לאחרונה על ידי
    #8

    @יוסף-בן-שמעון אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

    וששני שהפתרון הכי נקי הוא לעבוד עם המתודות של JS שמשנות את הHTML, (createElement וחברותיה).

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

    Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
    טיפים

    י תגובה 1 תגובה אחרונה
    0
    • צדיק תמיםצ צדיק תמים

      @יוסף-בן-שמעון אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

      וששני שהפתרון הכי נקי הוא לעבוד עם המתודות של JS שמשנות את הHTML, (createElement וחברותיה).

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

      י מנותק
      י מנותק
      יוסף בן שמעון
      כתב ב נערך לאחרונה על ידי
      #9

      @צדיק-תמים תביא דוגמא קונקרטית שנוכל לדון עליה (יש לי דיב עם תוכן X אני רוצה למלאות אותו בY לפי תנאי Z)

      צדיק תמיםצ תגובה 1 תגובה אחרונה
      0
      • י יוסף בן שמעון

        @צדיק-תמים חוששני שהפתרון הכי נקי הוא לעבוד עם המתודות של JS שמשנות את הHTML, (createElement וחברותיה).
        ואפשר גם להעזר ב jQuery שמקצר את התהליכים.
        אבל בשום אופן לא לשרשר מחרוזת ארוכה של HTML

        dovidD מנותק
        dovidD מנותק
        dovid
        ניהול
        כתב ב נערך לאחרונה על ידי
        #10

        @יוסף-בן-שמעון אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

        @צדיק-תמים חוששני שהפתרון הכי נקי הוא לעבוד עם המתודות של JS שמשנות את הHTML, (createElement וחברותיה).

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

        • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
        • בכל נושא אפשר ליצור קשר dovid@tchumim.com
        י תגובה 1 תגובה אחרונה
        1
        • dovidD dovid

          @יוסף-בן-שמעון אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

          @צדיק-תמים חוששני שהפתרון הכי נקי הוא לעבוד עם המתודות של JS שמשנות את הHTML, (createElement וחברותיה).

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

          י מנותק
          י מנותק
          יוסף בן שמעון
          כתב ב נערך לאחרונה על ידי
          #11

          @dovid אני חושב שתחזוקה של כזה דבר זה מאד קשה, עדיף לעשות את זה עם קצת יותר שורות ולהקל על התחזוקה
          תשווה לקוד שלך את זה למשל

          function GetPersonTemplate(name, age, title){
          
              const li = $('<li></li>')
              li.addClass('s-sidebarwidget--item d-flex px16')
              const ageDiv = $('<div></div>')
              ageDiv.attr('title', title)
              ageDiv.text(age)
          
              li.append(ageDiv)
              retuen li
          }
          dovidD תגובה 1 תגובה אחרונה
          0
          • י יוסף בן שמעון

            @צדיק-תמים תביא דוגמא קונקרטית שנוכל לדון עליה (יש לי דיב עם תוכן X אני רוצה למלאות אותו בY לפי תנאי Z)

            צדיק תמיםצ מנותק
            צדיק תמיםצ מנותק
            צדיק תמים
            כתב ב נערך לאחרונה על ידי צדיק תמים
            #12

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

            Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
            טיפים

            י תגובה 1 תגובה אחרונה
            0
            • צדיק תמיםצ צדיק תמים

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

              י מנותק
              י מנותק
              יוסף בן שמעון
              כתב ב נערך לאחרונה על ידי יוסף בן שמעון
              #13

              @צדיק-תמים

              דוגמא
              https://jsfiddle.net/y87p6L1a/

              תגובה 1 תגובה אחרונה
              1
              • י יוסף בן שמעון

                @dovid אני חושב שתחזוקה של כזה דבר זה מאד קשה, עדיף לעשות את זה עם קצת יותר שורות ולהקל על התחזוקה
                תשווה לקוד שלך את זה למשל

                function GetPersonTemplate(name, age, title){
                
                    const li = $('<li></li>')
                    li.addClass('s-sidebarwidget--item d-flex px16')
                    const ageDiv = $('<div></div>')
                    ageDiv.attr('title', title)
                    ageDiv.text(age)
                
                    li.append(ageDiv)
                    retuen li
                }
                dovidD מנותק
                dovidD מנותק
                dovid
                ניהול
                כתב ב נערך לאחרונה על ידי dovid
                #14

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

                • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                י תגובה 1 תגובה אחרונה
                2
                • dovidD dovid

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

                  י מנותק
                  י מנותק
                  יוסף בן שמעון
                  כתב ב נערך לאחרונה על ידי
                  #15

                  @dovid צודק, אני חוזר בי

                  תגובה 1 תגובה אחרונה
                  3
                  • צדיק תמיםצ מנותק
                    צדיק תמיםצ מנותק
                    צדיק תמים
                    כתב ב נערך לאחרונה על ידי
                    #16

                    @יוסף-בן-שמעון לפחות ככה זכיתי בדרך אגב להכיר את התגית
                    <progress>... 😉
                    קודם חשבתי לתומי שמוכרחים בשביל כזה דבר להשתמש בספריות דוגמת זו...

                    Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
                    טיפים

                    י תגובה 1 תגובה אחרונה
                    2
                    • צדיק תמיםצ צדיק תמים

                      @יוסף-בן-שמעון לפחות ככה זכיתי בדרך אגב להכיר את התגית
                      <progress>... 😉
                      קודם חשבתי לתומי שמוכרחים בשביל כזה דבר להשתמש בספריות דוגמת זו...

                      י מנותק
                      י מנותק
                      יוסף בן שמעון
                      כתב ב נערך לאחרונה על ידי
                      #17

                      @צדיק-תמים אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

                      קודם חשבתי לתומי שמוכרחים בשביל כזה דבר להשתמש בספריות דוגמת זו...

                      כמובן שיש יתרון עיצובי לספריות האלו, התג פרוגרס מאד בנאלי

                      צדיק תמיםצ תגובה 1 תגובה אחרונה
                      1
                      • י יוסף בן שמעון

                        @צדיק-תמים אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

                        קודם חשבתי לתומי שמוכרחים בשביל כזה דבר להשתמש בספריות דוגמת זו...

                        כמובן שיש יתרון עיצובי לספריות האלו, התג פרוגרס מאד בנאלי

                        צדיק תמיםצ מנותק
                        צדיק תמיםצ מנותק
                        צדיק תמים
                        כתב ב נערך לאחרונה על ידי
                        #18

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

                        Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
                        טיפים

                        תגובה 1 תגובה אחרונה
                        2
                        • צדיק תמיםצ צדיק תמים

                          @yossiz אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

                          למה רק חלקי?

                          כי לפעמים הצורך בירידת שורה מגיע בשלב שזה מבלבל, כמו למשל באמצע תגית HTML...
                          לגבי mustache - לא הבנתי איך משתמשים בזה... וה-pithy לא הצלחתי למצוא CDN שלו בגוגל כדי לטעון אותו.
                          המשפט תנאי שהבאת באמת נראה פתרון טוב להרבה מקרים, השאלה מה אם אני רוצה להדפיס בהתאם לערך של המשתנה, ולא משפט תנאי פשוט? מה בעצם המקבילה של switch case?
                          @dovid אתה מתכוון בעצם שהפונקציה שמדפיסה רק תדפיס, ואת הטקסט שהיא תדפיס או לא - יהיה צריך לבחור בעת הקריאה אליה? אגב מעניין אותי לדעת מה באמת הגישה לגבי פיצול פונקציות והקטנתן, האם כל המרבה הרי זה משובח או שיש מקרים/רמה שזה לא מומלץ? אולי אפתח על זה נושא נפרד בהמשך...

                          5 מנותק
                          5 מנותק
                          5566brs
                          כתב ב נערך לאחרונה על ידי
                          #19

                          @צדיק-תמים אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

                          ה-pithy לא הצלחתי למצוא CDN שלו בגוגל כדי לטעון אותו.

                          https://cdn.jsdelivr.net/gh/caolan/pithy@latest/lib/pithy.min.js

                          תגובה 1 תגובה אחרונה
                          1
                          תגובה
                          • תגובה כנושא
                          התחברו כדי לפרסם תגובה
                          • מהישן לחדש
                          • מהחדש לישן
                          • הכי הרבה הצבעות


                          בא תתחבר לדף היומי!
                          • התחברות

                          • אין לך חשבון עדיין? הרשמה

                          • התחברו או הירשמו כדי לחפש.
                          • פוסט ראשון
                            פוסט אחרון
                          0
                          • דף הבית
                          • קטגוריות
                          • פוסטים אחרונים
                          • משתמשים
                          • חיפוש
                          • חוקי הפורום