คำถามติดแท็ก frontend

คุณเลือกที่จะใช้Stack Overflow ในแบบของคุณ : Чтотакое Bootstrap? มีคำถามมากมายที่เกี่ยวข้องกับ Bootstrap ฉันเห็นผู้คนมากมายใช้มัน ดังนั้นฉันจึงพยายามค้นคว้าและพบเว็บไซต์ Bootstrap อย่างเป็นทางการแต่มีเพียงส่วนดาวน์โหลดและไม่กี่คำหลังจากนั้น ไม่มีอะไรที่อธิบายว่ามันคืออะไรสำหรับ ... ฉันเพิ่งเข้าใจว่ามันเป็นผู้ช่วย front-end ฉันพยายามค้นหาบางสิ่งด้วย Googling แต่ไม่พบสิ่งใดที่เจาะจง ทุกสิ่งที่ฉันพบเกี่ยวข้องกับคำนิยามด้านวิทยาศาสตร์คอมพิวเตอร์ ดังนั้นคำถามของฉันคือ: Bootstrap คืออะไร? ใช้สำหรับอะไรและช่วยพัฒนาส่วนหน้าได้อย่างไร ฉันต้องการรายละเอียดเพิ่มเติมอธิบาย

512 html  css  twitter-bootstrap  frontend 

ฉันกำลังเรียน Vue ด้วยหลักสูตรออนไลน์และผู้สอนให้ฉันออกกำลังกายเพื่อป้อนข้อความด้วยค่าเริ่มต้น ฉันทำมันเสร็จโดยใช้ v-model แต่ผู้สอนเลือก v-bind: value และฉันไม่เข้าใจว่าทำไม ใครสามารถให้คำอธิบายง่ายๆเกี่ยวกับความแตกต่างระหว่างสองสิ่งนี้กับเวลาที่ควรใช้แต่ละอันดีกว่า

208 javascript  mvvm  frameworks  vue.js  frontend 

ฉันกำลังสร้างบางสิ่งด้วย React ที่ฉันต้องการแทรก HTML ด้วยตัวแปร React ใน JSX มีวิธีที่จะมีตัวแปรดังนี้: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; และใส่เข้าไปในปฏิกิริยาเช่นนั้นและทำงานได้หรือไม่ render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } และมันแทรก HTML ตามที่คาดไว้หรือไม่ ฉันไม่ได้เห็นหรือได้ยินอะไรเกี่ยวกับฟังก์ชั่นตอบสนองที่สามารถทำแบบอินไลน์นี้หรือวิธีการแยกวิเคราะห์สิ่งที่จะช่วยให้การทำงาน

203 javascript  html  frontend  reactjs  react-jsx 

ฉันมีรูปแบบที่เรียบง่ายในrenderฟังก์ชั่นของฉันเช่น: render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } ฉันควรเขียนสิ่งใดในhandleLogin: function() { ... }การเข้าถึงEmailและPasswordฟิลด์

199 javascript  html  reactjs  frontend 

ฉันต้องการทราบว่าเมื่อใดที่ฉันควรรวมสคริปต์ภายนอกหรือเขียนไว้ในบรรทัดด้วยโค้ด html ในแง่ของประสิทธิภาพและความสะดวกในการบำรุงรักษา การปฏิบัติทั่วไปสำหรับสิ่งนี้คืออะไร? สถานการณ์ในโลกแห่งความจริง - ฉันมีเพจ html หลายเพจที่ต้องการการตรวจสอบความถูกต้องของฟอร์มฝั่งไคลเอ็นต์ สำหรับสิ่งนี้ฉันใช้ปลั๊กอิน jQuery ที่ฉันรวมไว้ในหน้าเหล่านี้ทั้งหมด แต่คำถามคือฉันจะ: เขียนบิตของโค้ดที่กำหนดค่าสคริปต์นี้แบบอินไลน์? รวมบิตทั้งหมดในไฟล์เดียวที่ใช้ร่วมกันระหว่างหน้า html เหล่านี้หรือไม่ รวมแต่ละบิตในไฟล์ภายนอกที่แยกต่างหากหนึ่งรายการสำหรับแต่ละหน้า html? ขอบคุณ

129 javascript  html  performance  frontend 

ในฐานะผู้เริ่มต้นสู่โลกแห่ง React ฉันต้องการทำความเข้าใจในเชิงลึกว่าเกิดอะไรขึ้นเมื่อฉันใช้{this.props.children}และสถานการณ์ที่จะใช้เหมือนกันคืออะไร ความเกี่ยวข้องของมันในข้อมูลโค้ดด้านล่างคืออะไร? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } }

118 javascript  reactjs  react-redux  frontend 

ฉันกำลังพยายามทำซ้ำรายการ "ค่า" และแปลงเป็นสตริง นี่คือรหัส: var blkstr = $.each(value, function(idx2,val2) { var str = idx2 + ":" + val2; alert(str); return str; }).get().join(", "); ฟังก์ชัน alert () ทำงานได้ดีและแสดงค่าที่เหมาะสม แต่อย่างไรก็ตามฟังก์ชัน. get () ของ jquery ไม่ได้เรียงลำดับวัตถุที่ถูกต้องและล้มเหลว ผมทำอะไรผิดหรือเปล่า?

117 javascript  jquery  arrays  string  frontend 

ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน9 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันไม่แน่ใจมาตลอดว่าจะเริ่มจากจุดใดเพื่อเป็นแนวทางปฏิบัติที่ดีที่สุดทั่วไป ใช่ฉันรู้ว่ามันขึ้นอยู่กับการออกแบบของคุณ - แต่อะไรที่พบบ่อยที่สุด? นี่คือสิ่งที่ฉันมีในตอนนี้ในฐานะผู้เริ่มต้น: h1 { font-size: 24px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 12px;} h6 { font-size: 10px;} ใช่เราไม่ได้ใช้ EM ในงานปัจจุบันของฉัน ขอบคุณ

107 html  css  frontend 

เนื่องจากhttps://github.com/npm/npm/issues/2943 npm จะไม่รองรับความสามารถในการใช้นามแฝงแพ็คเกจและติดตั้งแพ็กเกจเดียวกันหลายเวอร์ชัน วิธีแก้ปัญหาที่โพสต์ในปัญหา github อาจใช้ได้กับโมดูล pure-JS แต่เมื่อ npm กลายเป็นมาตรฐานสำหรับการจัดการแพ็คเกจส่วนหน้าตอนนี้แพ็กเกจจะรวมเนื้อหาต่างๆเช่น CSS มีวิธีแก้ปัญหาในการติดตั้งแพ็กเกจเดียวกันหลายเวอร์ชันหรือไม่ แนวคิดที่ดีที่สุดที่ฉันคิดขึ้นมาคือการ "โคลน" แพ็กเกจและเผยแพร่โดยใช้ชื่อที่แตกต่างกันเล็กน้อย ตัวอย่างเช่นถ้าคุณต้องการหลายรุ่นของjqueryคุณอาจจะเป็นเพียงแค่การเผยแพร่แพคเกจที่เรียกว่าjquery-alias1, jquery-alias2, jquery-alias3ฯลฯ package.jsonและจากนั้นตั้งค่าที่เหมาะสมในรุ่นของคุณ หรือคุณอาจจะตั้งชื่อแพคเกจตามจำนวนรุ่นของพวกเขาเช่นjquery-1.11.x, jquery-2.1.xฯลฯ .. ทั้งสองวิธีนี้ดูเหมือนจะเลอะเทอะ มีตัวที่ดีกว่านี้ไหม?

101 npm  packages  frontend 

ฉันกำลังพัฒนาเว็บแอปพลิเคชันด้วยแนวทางส่วนหน้าที่หนักหน่วง ด้วยการใช้ Dojo และ AMD-way ขณะนี้ฉันมีหน้าจอทดสอบซึ่งอาจโหลดไฟล์ javascript ได้มากกว่าร้อยไฟล์ เมื่อฉันต้องการแก้ไขข้อบกพร่องสำหรับปัญหาใด ๆ หรือตรวจสอบว่าฉันเห็นไฟล์เวอร์ชันเก่าหรือไม่ฉันพบว่ามันยากมากที่จะหาไฟล์ของฉันในแท็บแหล่งที่มาในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome มีทางลัดหรือการดำเนินการใดที่ฉันสามารถทำได้ที่จะให้ฉันพิมพ์ชื่อไฟล์และจะพาฉันไปยังแหล่งที่มาของไฟล์นั้น

99 javascript  debugging  google-chrome  google-chrome-devtools  frontend 

ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันรู้อยู่แล้วว่า ember.js เป็นวิธีที่มีน้ำหนักมากกว่าในทางตรงกันข้ามกับ backbone.js ฉันอ่านบทความมากมายเกี่ยวกับทั้งสองอย่าง ฉันกำลังถามตัวเองว่าเฟรมเวิร์กใดทำงานได้ง่ายกว่าเป็นส่วนหน้าสำหรับแบ็กเอนด์ส่วนที่เหลือของราง สำหรับ backbone.js ฉันเห็นวิธีต่างๆในการเรียกแบ็กเอนด์ส่วนที่เหลือ สำหรับถ่านดูเหมือนว่าฉันจะต้องรวมไลบรารีเพิ่มเติมเช่น 'data' หรือ 'resources' เหตุใดจึงมีห้องสมุดสองแห่งสำหรับสิ่งนี้ แล้วทางเลือกที่ดีกว่าคืออะไร? ไม่มีตัวอย่างมากมายในการเชื่อมต่อส่วนหน้ากับแบ็กเอนด์ด้วย อะไรคือตัวอย่างการทำงานที่ดีสำหรับการพักผ่อนแบ็กเอนด์เรียกสิ่งนี้: URI: ../restapi/topics รับข้อมูลรับรองการตรวจสอบสิทธิ์: admin / รูปแบบที่ถูกต้อง: json

98 ruby-on-rails  rest  backbone.js  ember.js  frontend 

ฉันยังใหม่กับ React.js Library และฉันกำลังอ่านบทแนะนำบางส่วนและฉันก็เจอ: this.setState this.replaceState คำอธิบายที่ระบุไม่ชัดเจนมากนัก (IMO) setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. ในทำนองเดียวกัน The replaceState() method is for when you want to clear out the values already in state, and add new ones. ฉันลองthis.setState({data: someArray});ตามด้วยthis.replaceState({test: …

96 javascript  frontend  reactjs 

มีวิธีใดบ้างในการใช้ฟังก์ชันเรียกกลับในกรณีของภาพเคลื่อนไหว css3 ในกรณีที่อนิเมชั่น Javascript เป็นไปได้ แต่ไม่พบวิธีใด ๆ ใน css3 วิธีหนึ่งที่ฉันเห็นคือเรียกใช้การเรียกกลับหลังจากระยะเวลาของภาพเคลื่อนไหว แต่นั่นไม่ได้ทำให้แน่ใจว่าจะถูกเรียกทันทีหลังจากที่ภาพเคลื่อนไหวจบลง จะขึ้นอยู่กับคิว UI ของเบราว์เซอร์ ฉันต้องการวิธีที่มีประสิทธิภาพมากขึ้น เบาะแสใด ๆ ?

92 javascript  css  frontend 

ฉันทำ Node.js ติดตั้งเซิร์ฟเวอร์จากhttps://scotch.io/tutorials/authenticate-a-node-js-api-with-json-web-tokens ฉันเป็นคนใหม่ใน node.js npm install nodemon --saveฉันกำลังติดตั้ง nodemon server.jsแต่เมื่อฉันกำลังทำงานเซิร์ฟเวอร์ด้วยนี้ ในเทอร์มินัลแสดง: ไม่รู้จัก nodemon เป็นคำสั่งภายในหรือภายนอกโปรแกรมที่ใช้งานได้หรือไฟล์แบตช์ node server.jsคำสั่งทำงานและเริ่มต้นเซิร์ฟเวอร์ แต่nodemonคำสั่งไม่ทำงาน ฉันตั้งค่าเซิร์ฟเวอร์โหนด js จากhttps://scotch.io/tutorials/authenticate-a-node-js-api-with-json-web-tokensวิดีโอ ฉันไม่รู้ว่าทำไมมันถึงใช้งานไม่ได้ฉันลองใช้คำสั่งสำหรับติดตั้ง nodemon แล้ว npm install -g nodemon npm install -g nodemon --save npm install --save-dev nodemon npm install -g nodemon@debug npm install -g --force nodemon ฉันเห็นลิงค์หนึ่งที่ฉันไม่สามารถติดตั้ง nodemon ได้ทั่วโลกไม่รู้จัก "nodemon"แต่ฉันไม่รู้วิธีกำหนดเส้นทางเนื่องจากตำแหน่งโครงการของฉันในไดรฟ์ …

90 javascript  node.js  frontend  nodemon