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

สำหรับคำถามเกี่ยวกับการเขียนโปรแกรมใน ECMAScript (JavaScript / JS) และภาษา / การใช้งานต่างๆ (ไม่รวม ActionScript) แท็กนี้ไม่ค่อยได้ใช้คนเดียว แต่ส่วนใหญ่มักจะเกี่ยวข้องกับแท็ก [node.js], [jquery], [json] และ [html]

8
วิธีที่ดีที่สุดในการจัดระเบียบโค้ด jQuery / JavaScript (2013) [ปิด]
มันยากที่จะบอกว่ากำลังถามอะไรที่นี่ คำถามนี้คลุมเครือคลุมเครือไม่สมบูรณ์กว้างเกินไปหรือมีวาทศิลป์และไม่สามารถตอบได้อย่างสมเหตุสมผลในรูปแบบปัจจุบัน สำหรับความช่วยเหลือในการทำความเข้าใจคำถามนี้เพื่อที่จะสามารถเปิด, ไปที่ศูนย์ช่วยเหลือ ปิดให้บริการใน7 ปีที่ผ่านมา ปัญหา คำตอบนี้ได้รับคำตอบมาก่อน แต่เก่าและไม่ทันสมัย ฉันมีโค้ดมากกว่า 2,000 บรรทัดในไฟล์เดียวและอย่างที่เราทราบกันดีว่านี่เป็นการปฏิบัติที่ไม่ดีโดยเฉพาะอย่างยิ่งเมื่อฉันกำลังมองหาโค้ดหรือเพิ่มคุณสมบัติใหม่ ๆ ฉันต้องการจัดระเบียบรหัสของฉันให้ดีขึ้นทั้งในตอนนี้และในอนาคต ฉันควรพูดถึงว่าฉันกำลังสร้างเครื่องมือ (ไม่ใช่เว็บไซต์ธรรมดา ๆ ) ที่มีปุ่มมากมายองค์ประกอบ UI การลากวางผู้ฟัง / ตัวจัดการการกระทำและฟังก์ชันในขอบเขตทั่วโลกซึ่งผู้ฟังหลายคนอาจใช้ฟังก์ชันเดียวกัน ตัวอย่างรหัส $('#button1').on('click', function(e){ // Determined action. update_html(); }); ... // Around 75 more of this function update_html(){ .... } ... โค้ดตัวอย่างเพิ่มเติม สรุป ฉันจำเป็นต้องจัดระเบียบรหัสนี้เพื่อการใช้งานที่ดีที่สุดและไม่ต้องทำซ้ำตัวเองและสามารถเพิ่มคุณสมบัติใหม่และอัปเดตโค้ดเก่าได้ ฉันจะทำงานนี้ด้วยตัวเอง ตัวเลือกบางตัวสามารถเป็นโค้ดได้ 100 บรรทัดอื่น …

6
วิธีละเว้นเขตเวลาของผู้ใช้และบังคับให้ Date () ใช้เขตเวลาเฉพาะ
ในแอป JS ฉันได้รับการประทับเวลา (eq. 1270544790922) จากเซิร์ฟเวอร์ (Ajax) จากการประทับเวลานั้นฉันสร้างDateวัตถุโดยใช้: var _date = new Date(); _date.setTime(1270544790922); ตอนนี้การ_dateประทับเวลาถอดรหัสในเขตเวลาของตำแหน่งที่ตั้งของผู้ใช้ปัจจุบัน ฉันไม่ต้องการสิ่งนั้น ฉันต้องการ _ dateเพื่อแปลงการประทับเวลานี้เป็นเวลาปัจจุบันในเมืองเฮลซิงกิในยุโรป (โดยไม่คำนึงถึงเขตเวลาปัจจุบันของผู้ใช้) ฉันจะทำเช่นนั้นได้อย่างไร?



13
จะซ่อน <option> ในเมนู <select> ด้วย CSS ได้อย่างไร?
ฉันรู้ว่า Chrome ดูเหมือนจะไม่ยอมให้ฉันซ่อนตัว&lt;option&gt;ในไฟล์&lt;select&gt;. Firefox จะ ฉันต้องการซ่อน&lt;option&gt;s ที่ตรงกับเกณฑ์การค้นหา ในเครื่องมือเว็บ Chrome ฉันจะเห็นว่าพวกเขาจะได้อย่างถูกต้องถูกตั้งค่าให้display: none;โดย JavaScript ของฉัน แต่ครั้งเดียวแล้ว&lt;select&gt;เมนูที่มีการคลิกที่พวกเขาจะแสดงให้เห็นว่า ฉันจะทำให้สิ่งเหล่านี้&lt;option&gt;ตรงกับเกณฑ์การค้นหาของฉันไม่แสดงเมื่อคลิกเมนูได้อย่างไร ขอบคุณ!
104 javascript  jquery  css  dom 

7
Javascript ตัวดำเนินการ ternary ชวเลข
ฉันรู้ว่าใน php 5.3 แทนที่จะใช้ไวยากรณ์ตัวดำเนินการ ternary ซ้ำซ้อนนี้: startingNum = startingNum ? startingNum : 1 ... เราสามารถใช้ไวยากรณ์ชวเลขสำหรับตัวดำเนินการที่เกี่ยวข้องได้หากมี: startingNum = startingNum ?: 1 และฉันรู้เกี่ยวกับตัวดำเนินการ ternary ใน javascript: startingNum = startingNum ? startingNum : 1 ... แต่มีชวเลขไหม?

13
จะโอเวอร์โหลดฟังก์ชันในจาวาสคริปต์ได้อย่างไร?
วิธีการคลาสสิก (ไม่ใช่ js) ในการโอเวอร์โหลด: function myFunc(){ //code } function myFunc(overloaded){ //other code } Javascript จะไม่อนุญาตให้กำหนดมากกว่าหนึ่งฟังก์ชันด้วยชื่อเดียวกัน ดังนั้นสิ่งต่างๆเช่นนี้จึงปรากฏขึ้น: function myFunc(options){ if(options["overloaded"]){ //code } } มีวิธีแก้ปัญหาที่ดีกว่าสำหรับการทำงานมากเกินไปในจาวาสคริปต์นอกเหนือจากการส่งผ่านวัตถุที่มีโอเวอร์โหลดอยู่หรือไม่ การส่งผ่านในการโอเวอร์โหลดอาจทำให้ฟังก์ชันดูละเอียดเกินไปเนื่องจากการโอเวอร์โหลดแต่ละครั้งจะต้องมีคำสั่งเงื่อนไข การใช้ฟังก์ชั่นเพื่อบรรลุผล//codeภายในของคำสั่งเงื่อนไขเหล่านั้นอาจทำให้เกิดสถานการณ์ที่ยุ่งยากด้วยขอบเขต
104 javascript 

2
รับค่าส่งคืนของโค้ด Javascript ในซีลีเนียม
ฉันใช้ Selenium2 สำหรับการทดสอบอัตโนมัติบางอย่างในเว็บไซต์ของฉันและฉันต้องการรับค่าส่งคืนของโค้ด Javascript บางส่วน หากฉันมีfoobar()ฟังก์ชัน Javascript ในหน้าเว็บของฉันและฉันต้องการเรียกสิ่งนั้นและรับค่าส่งคืนเป็นรหัส Python ของฉันฉันจะเรียกให้ทำอะไรได้บ้าง?

4
จะบังคับให้ติดตั้งใหม่บนส่วนประกอบของปฏิกิริยาได้อย่างไร?
สมมติว่าฉันมีองค์ประกอบมุมมองที่มีการแสดงผลตามเงื่อนไข: render(){ if (this.state.employed) { return ( &lt;div&gt; &lt;MyInput ref="job-title" name="job-title" /&gt; &lt;/div&gt; ); } else { return ( &lt;div&gt; &lt;MyInput ref="unemployment-reason" name="unemployment-reason" /&gt; &lt;MyInput ref="unemployment-duration" name="unemployment-duration" /&gt; &lt;/div&gt; ); } } MyInput มีลักษณะดังนี้: class MyInput extends React.Component { ... render(){ return ( &lt;div&gt; &lt;input name={this.props.name} ref="input" type="text" value={this.props.value || …

4
Webpack loaders เทียบกับปลั๊กอิน; อะไรคือความแตกต่าง?
อะไรคือความแตกต่างระหว่างตัวโหลดและปลั๊กอินใน Webpack? เอกสารสำหรับปลั๊กอินเพียงแค่พูดว่า: ใช้ปลั๊กอินเพื่อเพิ่มฟังก์ชันที่เกี่ยวข้องกับบันเดิลใน webpack ฉันรู้ว่า babel ใช้ตัวโหลดสำหรับการแปลง jsx / es2015 แต่ดูเหมือนว่างานทั่วไปอื่น ๆ (เช่น copy-webpack-plugin เป็นต้น) ให้ใช้ปลั๊กอินแทน

10
การใช้จำนวนเต็มเป็นคีย์ในอาร์เรย์ที่เชื่อมโยงใน JavaScript
เมื่อฉันสร้างอาร์เรย์ JavaScript ใหม่และใช้จำนวนเต็มเป็นคีย์แต่ละองค์ประกอบของอาร์เรย์นั้นจนถึงจำนวนเต็มจะถูกสร้างขึ้นโดยไม่ได้กำหนดไว้ ตัวอย่างเช่น: var test = new Array(); test[2300] = 'Some string'; console.log(test); จะส่งออก 2298 undefined และหนึ่งสตริง 'Some string' ฉันจะให้ JavaScript ใช้ 2300 เป็นสตริงแทนจำนวนเต็มได้อย่างไรหรือฉันจะป้องกันไม่ให้อินสแตนซ์ดัชนีว่าง 2299 ได้อย่างไร

15
วิธีปรับขนาด Twitter Bootstrap modal แบบไดนามิกตามเนื้อหา
ฉันมีเนื้อหาฐานข้อมูลที่มีข้อมูลประเภทต่างๆเช่นวิดีโอ Youtube วิดีโอ Vimeo ข้อความรูปภาพ Imgur เป็นต้นทั้งหมดนี้มีความสูงและความกว้างที่แตกต่างกัน สิ่งที่ฉันพบขณะค้นหาอินเทอร์เน็ตกำลังเปลี่ยนขนาดเป็นพารามิเตอร์เดียว จะต้องเหมือนกับเนื้อหาในป๊อปอัป นี่คือรหัส HTML ของฉัน ฉันยังใช้ Ajax เพื่อเรียกเนื้อหา &lt;div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt; &lt;div class="modal-header"&gt; &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt; &lt;h3 id="ModalLabel"&gt;&lt;/h3&gt; &lt;/div&gt; &lt;div class="modal-body"&gt; &lt;/div&gt; &lt;/div&gt;

3
ใช้ HTML5 เพื่อปรับขนาดรูปภาพก่อนอัปโหลด
ฉันพบโพสต์ที่แตกต่างกันเล็กน้อยและแม้แต่คำถามเกี่ยวกับ stackoverflow ที่ตอบคำถามนี้ โดยพื้นฐานแล้วฉันใช้สิ่งนี้เช่นเดียวกับโพสต์นี้ นี่คือปัญหาของฉัน เมื่อฉันอัปโหลดรูปภาพฉันต้องส่งแบบฟอร์มที่เหลือด้วย นี่คือ html ของฉัน: &lt;form id="uploadImageForm" enctype="multipart/form-data"&gt; &lt;input name="imagefile[]" type="file" id="takePictureField" accept="image/*" onchange="uploadPhotos(\'#{imageUploadUrl}\')" /&gt; &lt;input id="name" value="#{name}" /&gt; ... a few more inputs ... &lt;/form&gt; ก่อนหน้านี้ฉันไม่จำเป็นต้องปรับขนาดรูปภาพดังนั้นจาวาสคริปต์ของฉันจึงมีลักษณะดังนี้: window.uploadPhotos = function(url){ var data = new FormData($("form[id*='uploadImageForm']")[0]); $.ajax({ url: url, data: data, cache: false, contentType: false, processData: false, …
104 javascript  html  canvas 

15
วิธีทำให้ปุ่มเปลี่ยนเส้นทางไปยังหน้าอื่นโดยใช้ jQuery หรือ Javascript
ฉันกำลังสร้างต้นแบบและต้องการให้ปุ่มค้นหาลิงก์ไปยังหน้าผลการค้นหาตัวอย่าง ฉันจะเปลี่ยนเส้นทางปุ่มไปยังหน้าอื่นได้อย่างไรเมื่อคลิกโดยใช้ jQuery หรือ JS ธรรมดา

11
javascript: ล้างการหมดเวลาทั้งหมดหรือไม่
มีวิธีล้างเวลาทั้งหมดออกจากหน้าต่างที่กำหนดหรือไม่? ฉันคิดว่าการหมดเวลาถูกเก็บไว้ที่ใดที่หนึ่งในwindowวัตถุ แต่ไม่สามารถยืนยันได้ ยินดีต้อนรับโซลูชันข้ามเบราว์เซอร์ใด ๆ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.