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

เบราว์เซอร์ (IE และ Firefox) แยกวิเคราะห์ไฟล์จาวาสคริปต์ที่เชื่อมโยงทุกครั้งที่รีเฟรชหน้าเว็บหรือไม่ พวกเขาสามารถแคชไฟล์ได้ดังนั้นฉันเดาว่าจะไม่พยายามดาวน์โหลดทุกครั้ง แต่เนื่องจากแต่ละหน้าแยกจากกันเป็นหลักฉันคาดว่าพวกเขาจะทำลายรหัสเก่าและแยกวิเคราะห์อีกครั้ง สิ่งนี้ไม่มีประสิทธิภาพแม้ว่าจะเข้าใจได้อย่างสมบูรณ์แบบ แต่ฉันสงสัยว่าเบราว์เซอร์สมัยใหม่นั้นฉลาดพอที่จะหลีกเลี่ยงขั้นตอนการแยกวิเคราะห์ภายในไซต์หรือไม่ ฉันกำลังคิดถึงกรณีที่ไซต์ใช้ไลบรารี javascript เช่น ExtJS หรือ jQuery เป็นต้น

190 javascript  browser-cache  javascript-engine 

ฉันมีแบบฟอร์มที่มีรหัสtheFormซึ่งมี div ต่อไปนี้พร้อมปุ่มส่งภายใน: <div id="placeOrder" style="text-align: right; width: 100%; background-color: white;"> <button type="submit" class='input_submit' style="margin-right: 15px;" onClick="placeOrder()">Place Order </button> </div> เมื่อคลิกแล้วฟังก์ชันplaceOrder()จะถูกเรียกใช้ ฟังก์ชั่นเปลี่ยน InnerHTML ของ div ข้างต้นเป็น "กำลังประมวลผล ... " (ดังนั้นตอนนี้ปุ่มส่งจะหายไป) รหัสข้างต้นใช้งานได้ แต่ตอนนี้ปัญหาคือฉันไม่สามารถส่งแบบฟอร์มได้! ฉันได้ลองใส่ในplaceOrder()ฟังก์ชัน: document.theForm.submit(); แต่นั่นไม่ได้ผล ฉันจะรับแบบฟอร์มการส่งได้อย่างไร

190 javascript 

ฉันมีวัตถุ ("เชื่อมโยงอาร์เรย์" เพื่อที่จะพูด - ที่รู้จักกันว่าวัตถุ JavaScript ธรรมดา): obj = {} obj["Foo"] = "Bar" obj["bar"] = "Foo" ฉันต้องการวนซ้ำobjโดยใช้ CoffeeScript ดังนี้ # CS for elem in obj bu รหัส CS ข้างต้นรวบรวมเพื่อ JS: // JS for (i = 0, len = obj.length; i < len; i++) ซึ่งไม่เหมาะสมในกรณีนี้ วิธี JavaScript จะเป็นfor(var key in obj)แต่ตอนนี้ฉันสงสัยว่า: …

190 javascript  coffeescript 

ฉันพยายามค้นหา jQuery ที่เทียบเท่ากับการเรียกใช้เมธอด JavaScript นี้: document.addEventListener('click', select_element, true); ฉันได้รับเท่าที่: $(document).click(select_element); แต่นั่นก็ไม่ได้ผลเช่นเดียวกันกับพารามิเตอร์สุดท้ายของวิธีการจาวาสคริปต์ - บูลีนที่ระบุว่าควรจะดำเนินการตัวจัดการเหตุการณ์ในระยะการจับหรือการเดือด (ต่อความเข้าใจของฉันจากhttp://www.quirksmode.org /js/events_advanced.html ) - ถูกปล่อยออก ฉันจะระบุพารามิเตอร์นั้นหรือใช้ฟังก์ชันเดียวกันโดยใช้ jQuery ได้อย่างไร

190 javascript  jquery  events  event-handling  dom-events 

ฉันได้รับข้อผิดพลาดต่อไปนี้ในคอนโซล Chrome dev: Uncaught TypeError: Cannot read property 'msie' of undefined ความเข้าใจของฉันคือว่าเป็นเพราะ.browserตอนนี้เลิกใช้แล้วใน jQuery แต่ฉันใช้ jQuery tools เวอร์ชั่นล่าสุดและยังคงมีข้อผิดพลาดอยู่ฉันตรวจสอบjsไฟล์และมีอยู่ ฉันจะแก้ไขได้อย่างไรเพื่อที่จะไม่ให้ข้อผิดพลาด?

190 javascript  jquery  jquery-tools 

ฉันมีสายเป็น string = "firstName:name1, lastName:last1"; ตอนนี้ฉันต้องการวัตถุหนึ่ง obj เช่นนั้น obj = {firstName:name1, lastName:last1} ฉันจะทำสิ่งนี้ใน JS ได้อย่างไร

190 javascript  string  object 

ฉันกำลังมองหาโซลูชันทั่วไปสำหรับสิ่งนี้ พิจารณาอินพุตประเภทวิทยุ 2 อันที่มีชื่อเดียวกัน เมื่อส่งแล้วสิ่งที่ถูกตรวจสอบจะกำหนดค่าที่ส่งมาพร้อมกับแบบฟอร์ม: <input type="radio" name="myRadios" onchange="handleChange1();" value="1" /> <input type="radio" name="myRadios" onchange="handleChange2();" value="2" /> เหตุการณ์การเปลี่ยนแปลงจะไม่ทำงานเมื่อยกเลิกการเลือกปุ่มตัวเลือก ดังนั้นหากวิทยุที่มีค่า = "1" ถูกเลือกอยู่แล้วและผู้ใช้เลือกรายการที่สอง handleChange1 () จะไม่ทำงาน นี่นำเสนอปัญหา (สำหรับฉันต่อไป) ในกรณีที่ไม่มีเหตุการณ์ที่ฉันสามารถตรวจจับสิ่งที่เลือกได้ สิ่งที่ฉันต้องการเป็นวิธีแก้ปัญหาสำหรับเหตุการณ์ onchange สำหรับค่ากลุ่มช่องทำเครื่องหมายหรืออีกวิธีหนึ่งคือเหตุการณ์ oncheck ที่ตรวจจับไม่เพียง แต่เมื่อมีการตรวจสอบวิทยุ แต่ยังเมื่อไม่ได้ตรวจสอบ ฉันแน่ใจว่าคุณบางคนเคยพบปัญหานี้มาก่อน มีวิธีแก้ไขปัญหาอะไรบ้าง (หรือนึกคิดว่าวิธีที่เหมาะสมในการจัดการกับปัญหานี้คืออะไร) ฉันแค่ต้องการที่จะจับเหตุการณ์การเปลี่ยนแปลงเข้าถึงวิทยุที่ตรวจสอบก่อนหน้านี้เช่นเดียวกับวิทยุที่ตรวจสอบใหม่ PS onclick ดูเหมือนจะเป็นเหตุการณ์ที่ดีกว่า (เบราว์เซอร์ข้าม) เพื่อระบุว่ามีการตรวจสอบวิทยุเมื่อใด แต่ก็ยังไม่สามารถแก้ปัญหาที่ไม่ได้ตรวจสอบได้ ฉันคิดว่ามันสมเหตุสมผลว่าทำไม onchange สำหรับประเภทช่องทำเครื่องหมายทำงานในกรณีเช่นนี้เนื่องจากมันเปลี่ยนค่าที่ส่งเมื่อคุณตรวจสอบหรือยกเลิกการตรวจสอบ ฉันหวังว่าปุ่มตัวเลือกจะทำงานเหมือนกับการเลือกองค์ประกอบของ SELECT …

190 javascript  html  cross-browser 

ฉันมีsetIntervalรหัสส่วนหนึ่งวิ่ง 30 ครั้งต่อวินาที สิ่งนี้ใช้งานได้ดี แต่เมื่อฉันเลือกแท็บอื่น (เพื่อให้แท็บที่มีรหัสของฉันไม่ทำงาน) การsetIntervalตั้งค่าเป็นสถานะไม่ได้ใช้งานด้วยเหตุผลบางประการ ฉันทำกรณีทดสอบง่าย ๆ นี้ ( http://jsfiddle.net/7f6DX/3/ ): var $div = $('div'); var a = 0; setInterval(function() { a++; $div.css("left", a) }, 1000 / 30); หากคุณเรียกใช้รหัสนี้จากนั้นสลับไปยังแท็บอื่นให้รอสักครู่แล้วย้อนกลับไปภาพเคลื่อนไหวจะดำเนินต่อไปตามขั้นตอนเดิมเมื่อคุณเปลี่ยนไปใช้แท็บอื่น ดังนั้นภาพเคลื่อนไหวจะไม่ทำงาน 30 ครั้งต่อวินาทีในกรณีที่แท็บไม่ทำงาน สิ่งนี้สามารถยืนยันได้โดยนับจำนวนครั้งที่setIntervalเรียกใช้ฟังก์ชันในแต่ละวินาทีซึ่งจะไม่เท่ากับ 30 แต่จะมีเพียง 1 หรือ 2 หากแท็บไม่ทำงาน ฉันเดาว่าสิ่งนี้ทำโดยการออกแบบเพื่อปรับปรุงประสิทธิภาพ แต่มีวิธีใดที่จะปิดการทำงานนี้หรือไม่ จริง ๆ แล้วมันเป็นข้อเสียในสถานการณ์ของฉัน

190 javascript  google-chrome  setinterval 

ฉันต้องการหาอาร์เรย์ที่ค่าทั้งหมดเท่ากัน วิธีที่เร็วที่สุดในการทำเช่นนี้คืออะไร? ฉันควรวนรอบมันและเปรียบเทียบค่าหรือไม่ ['a', 'a', 'a', 'a'] // true ['a', 'a', 'b', 'a'] // false

190 javascript  jquery 

Array.prototype.reverse ย้อนกลับเนื้อหาของอาร์เรย์ในสถานที่ (กับการกลายพันธุ์) ... มีกลยุทธ์อย่างง่าย ๆ ที่คล้ายกันสำหรับการย้อนกลับอาร์เรย์โดยไม่มีการเปลี่ยนแปลงเนื้อหาของอาร์เรย์เดิม (โดยไม่มีการเปลี่ยนแปลง) หรือไม่?

190 javascript  arrays 

มีวิธีการ JavaScript ใด ๆ ที่คล้ายกับ jQuery delay()หรือwait()(เพื่อชะลอการเรียกใช้สคริปต์ตามระยะเวลาที่กำหนด)

189 javascript  settimeout 

ข้อ จำกัด ของฉันคืออะไรหากฉันต้องการโค้ด node.js และใช้ CoffeeScript ฉันสามารถทำอะไรก็ได้ที่ฉันสามารถทำได้ใน JS

189 javascript  node.js  coffeescript 

ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ด้านล่างนี้แสดงความคิดเห็นStack Overflow ที่มีให้โดยGoogle Chrome : Google Chrome ฟอร์มชนะ ก่อนอื่นฉันไม่สนใจที่จะทำสิ่งนี้อย่างมืออาชีพ ฉันเป็นผู้พัฒนาเว็บซึ่งเป็นเพื่อนร่วมงานของฉันที่เพิ่งออกจาก Spotify และบอกว่าเขาจะทำงานส่วนใหญ่ใน JavaScript สำหรับแอพ Spotify Desktop เขาบอกว่ามันใช้ "เฟรม Chrome" และทุกอย่างภายในทำเหมือนกับแอปพลิเคชันเว็บ (HTML / JS / CSS) ในฐานะนักพัฒนาเว็บที่ไม่เคยสร้างอะไรให้กับ Desktop นี่เป็นข่าวดี หากฉันสามารถใช้เทคโนโลยีที่ฉันรู้จักและนำไปใช้ได้จริงภายในเฟรม "" และยังสามารถสร้าง windows หรือแอพข้ามแพลตฟอร์มที่ดีกว่าได้ ฉันรู้ว่าฉันไม่ได้พูดถึงอะไรเกี่ยวกับฐานข้อมูล แต่แม้แต่แอป Hello World บนเดสก์ท็อปที่เรียบง่ายพร้อมเทคโนโลยีเว็บก็ดีสำหรับการเริ่มต้น ดังนั้นหนึ่งจะไปเกี่ยวกับเรื่องนี้ได้อย่างไร ฉันต้องมีอะไรบ้าง / จำเป็นต้องรู้อย่างแน่นอน

189 javascript  html  css  desktop-application 

ฉันอ่านnodebeginner แล้วฉันก็เจอโค้ดสองชิ้นต่อไปนี้ คนแรก: var result = database.query("SELECT * FROM hugetable"); console.log("Hello World"); คนที่สอง: database.query("SELECT * FROM hugetable", function(rows) { var result = rows; }); console.log("Hello World"); ฉันได้สิ่งที่ควรทำพวกเขาค้นหาฐานข้อมูลเพื่อดึงคำตอบของแบบสอบถาม console.log('Hello world')แล้วก็ คนแรกคือรหัสซิงโครนัสที่คาดคะเน และอันที่สองคือรหัสอะซิงโครนัส ความแตกต่างระหว่างสองชิ้นนั้นค่อนข้างคลุมเครือสำหรับฉัน ผลผลิตจะเป็นอย่างไร Googling ในการเขียนโปรแกรมแบบอะซิงโครนัสไม่ได้ช่วยฉันเช่นกัน

189 javascript  node.js  asynchronous  synchronous 

มารู้ว่าจากReact v15.3.0เรามีคลาสฐานใหม่ที่เรียกว่าPureComponentเพื่อขยายด้วยPureRenderMixinในตัว shouldComponentUpdateสิ่งที่ผมเข้าใจคือว่าภายใต้ฝากระโปรงนี้มีพนักงานเปรียบเทียบตื้นของประกอบฉากภายใน ตอนนี้เรามี 3 วิธีในการกำหนดส่วนประกอบ React: องค์ประกอบไร้สัญชาติที่ใช้งานได้ซึ่งไม่ขยายชั้นเรียนใด ๆ ส่วนประกอบที่ขยายPureComponentชั้นเรียน องค์ประกอบปกติที่ขยายComponentชั้นเรียน เมื่อก่อนเราเคยเรียกองค์ประกอบไร้สัญชาติว่าเป็น Pure Components หรือแม้กระทั่ง Dumb Components ดูเหมือนว่าความหมายทั้งหมดของคำว่า "บริสุทธิ์" ได้เปลี่ยนไปแล้วใน React ถึงแม้ว่าผมจะเข้าใจความแตกต่างขั้นพื้นฐานระหว่างสามเหล่านี้ผมยังไม่แน่ใจว่าเมื่อมีการเลือกสิ่งที่ นอกจากนี้สิ่งที่ส่งผลกระทบต่อประสิทธิภาพและการค้าของแต่ละ? อัปเดต : นี่คือคำถามที่ฉันคาดว่าจะได้รับการชี้แจง: ฉันควรเลือกที่จะกำหนดองค์ประกอบที่เรียบง่ายของฉันเป็นฟังก์ชั่น (เพื่อประโยชน์ของความเรียบง่าย) หรือขยายPureComponentชั้นเรียน (เพื่อประโยชน์ในการปฏิบัติงาน)? การเพิ่มประสิทธิภาพนั้นทำให้ฉันได้แลกเปลี่ยนกับความเรียบง่ายที่ฉันเสียไปจริงหรือเปล่า? ฉันจะต้องขยายComponentชั้นเรียนปกติหรือไม่เมื่อฉันสามารถใช้PureComponentเพื่อประสิทธิภาพที่ดีขึ้นได้หรือไม่?

189 javascript  reactjs  ecmascript-6