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

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

3
วิธีที่จะทำให้การแสดงออกปกติเป็นไม่โลภ?
ฉันใช้ jQuery ฉันมีสตริงที่มีบล็อกของอักขระพิเศษ (เริ่มต้นและสิ้นสุด) ฉันต้องการรับข้อความจากบล็อกอักขระพิเศษนั้น ฉันใช้วัตถุนิพจน์ปกติสำหรับการค้นหาในสตริง แต่ฉันจะบอก jQuery ให้ค้นหาผลลัพธ์หลายรายการได้อย่างไรเมื่อมีอักขระพิเศษสองตัวขึ้นไป HTML ของฉัน: <div id="container"> <div id="textcontainer"> Cuộc chiến pháp lý giữa [|cơ thử|nghiệm|] thị trường [|test2|đây là test lần 2|] chứng khoán [|Mỹ|day la nuoc my|] và ngân hàng đầu tư quyền lực nhất Phố Wall mới chỉ bắt đầu. </div> …

11
วิธีรับองค์ประกอบตามคลาสใน JavaScript
ฉันต้องการแทนที่เนื้อหาภายในองค์ประกอบ html ดังนั้นฉันจึงใช้ฟังก์ชันต่อไปนี้: function ReplaceContentInContainer(id,content) { var container = document.getElementById(id); container.innerHTML = content; } ReplaceContentInContainer('box','This is the replacement text'); <div id='box'></div> ด้านบนใช้งานได้ดี แต่ปัญหาคือฉันมีองค์ประกอบ html มากกว่าหนึ่งรายการในหน้าเว็บที่ฉันต้องการแทนที่เนื้อหาของ ดังนั้นฉันไม่สามารถใช้รหัส แต่เรียนแทน ฉันได้รับการบอกว่าจาวาสคริปต์ไม่สนับสนุนประเภท inbuilt รับองค์ประกอบตามฟังก์ชั่นใด ๆ ดังนั้นรหัสข้างต้นสามารถแก้ไขได้อย่างไรเพื่อให้ทำงานกับคลาสแทนรหัส? ป.ล. ฉันไม่ต้องการใช้ jQuery สำหรับสิ่งนี้
226 javascript 

6
parseInt (null, 24) === 23 ... เดี๋ยวก่อนอะไรนะ?
เอาล่ะฉันเลยไปยุ่งกับ parseInt เพื่อดูว่ามันจัดการกับค่าที่ยังไม่ได้เริ่มต้นและฉันสะดุดกับอัญมณีนี้ ด้านล่างเกิดขึ้นสำหรับ Radix ใด ๆ 24 หรือสูงกว่า parseInt(null, 24) === 23 // evaluates to true ฉันทดสอบใน IE, Chrome และ Firefox และพวกเขาทั้งหมดแจ้งเตือนจริงดังนั้นฉันคิดว่ามันต้องอยู่ในสเปคที่ไหนสักแห่ง การค้นหาโดย Google อย่างรวดเร็วไม่ได้ให้ผลลัพธ์ใด ๆ แก่ฉันดังนั้นฉันจึงหวังว่าจะมีคนอธิบายได้ ฉันจำได้ว่าฟังคำพูดของคร็อคฟอร์ดที่เขาพูดtypeof null === "object"เพราะการกำกับดูแลทำให้ Object และ Null มีตัวระบุประเภทใกล้เคียงกันในหน่วยความจำหรือบางอย่างในบรรทัดเหล่านั้น แต่ตอนนี้ฉันไม่พบวิดีโอนั้น ลองทำดู: http://jsfiddle.net/robert/txjwP/ แก้ไขการแก้ไข: Radix ที่สูงกว่าให้ผลลัพธ์ที่แตกต่าง 32 ผลลัพธ์ 785077 แก้ไข 2จาก zzzzBov:[24...30]:23, 31:714695, 32:785077, …

2
'@' (ที่สัญลักษณ์) ใน Redux @connect decorator คืออะไร
ฉันกำลังเรียนรู้ Redux ด้วย React และสะดุดกับรหัสนี้ ฉันไม่แน่ใจว่าเป็นเฉพาะReduxหรือไม่ แต่ฉันได้เห็นข้อมูลโค้ดต่อไปนี้ในหนึ่งในตัวอย่าง @connect((state) => { return { key: state.a.b }; }) ในขณะที่การทำงานของconnectตรงไปตรงสวย แต่ฉันไม่เข้าใจก่อน@ connectมันไม่ได้เป็นโอเปอเรเตอร์ JavaScript หากฉันไม่ผิด บางคนสามารถอธิบายได้ว่าอะไรคือสิ่งนี้และทำไมจึงใช้ ปรับปรุง: อันที่จริงแล้วมันเป็นส่วนหนึ่งreact-reduxที่ใช้เชื่อมต่อส่วนประกอบ React เข้ากับ Redux store

6
เวิร์กโฟลว์ AngularJS ทั่วไปและโครงสร้างโครงการ (พร้อม Python Flask)
ฉันค่อนข้างใหม่กับความคลั่งไคล้เฟรมเวิร์กฝั่งไคลเอนต์ MV * ทั้งหมด มันไม่จำเป็นต้องเป็น AngularJS แต่ฉันเลือกมันเพราะมันให้ความรู้สึกเป็นธรรมชาติมากกว่า Knockout, Ember หรือ Backbone อย่างไรก็ตามเวิร์กโฟลว์เป็นอย่างไร ผู้คนเริ่มต้นด้วยการพัฒนาแอปพลิเคชันฝั่งไคลเอ็นต์ใน AngularJS แล้วต่อท้ายแบ็คเอนด์หรือไม่ หรือวิธีอื่น ๆ โดยการสร้างแบ็คเอนด์ใน Django, Flask, Rails ก่อนจากนั้นจึงติดตั้งแอพ AngularJS มีวิธีที่ "ถูกต้อง" ในการทำมันหรือเป็นเพียงการตั้งค่าส่วนตัวในที่สุด? ฉันยังไม่แน่ใจว่าจะจัดโครงสร้างโครงการตาม Flask หรือ AngularJS หรือไม่ แนวทางปฏิบัติของชุมชน ตัวอย่างเช่นแอป minitwit ของ Flask มีโครงสร้างดังนี้: minitwit |-- minitwit.py |-- static |-- css, js, images, etc... `-- templates |-- …


10
ส่งคำตอบไปยังลูกค้าทั้งหมดยกเว้นผู้ส่ง
ในการส่งบางสิ่งไปยังไคลเอนต์ทั้งหมดคุณใช้: io.sockets.emit('response', data); ในการรับจากลูกค้าคุณใช้: socket.on('cursor', function(data) { ... }); ฉันจะรวมสองวิธีเพื่อให้ได้รับข้อความบนเซิร์ฟเวอร์จากไคลเอนต์ฉันจะส่งข้อความนั้นไปยังผู้ใช้ทั้งหมดยกเว้นที่ส่งข้อความได้อย่างไร socket.on('cursor', function(data) { io.sockets.emit('response', data); }); ฉันต้องแฮ็คมันโดยส่งรหัสลูกค้าพร้อมข้อความจากนั้นตรวจสอบลูกค้าฝั่งหรือมีวิธีที่ง่ายกว่า?

6
แอนิเมชั่น addClass / removeClass ด้วย jQuery
ฉันใช้ jQuery และ jQuery-ui และต้องการเคลื่อนไหวคุณลักษณะต่าง ๆ บนวัตถุต่าง ๆ เพื่ออธิบายปัญหาที่นี่ฉันได้ทำให้มันง่ายขึ้นสำหรับ div หนึ่งที่เปลี่ยนจากสีน้ำเงินเป็นสีแดงเมื่อผู้ใช้เลื่อนเมาส์ไปที่มัน ฉันสามารถรับพฤติกรรมที่ฉันต้องการได้เมื่อใช้animate()อย่างไรก็ตามเมื่อทำเช่นนั้นสไตล์ที่ฉันเคลื่อนไหวต้องอยู่ในรหัสภาพเคลื่อนไหวและแยกจากสไตล์ชีตของฉัน (ดูตัวอย่างที่ 1 ) ทางเลือกที่จะใช้addClass()และแต่ฉันไม่ได้รับสามารถที่จะสร้างใหม่อีกครั้งพฤติกรรมที่แน่นอนว่าผมจะได้รับกับremoveClass() animate()(ดูตัวอย่างที่ 2 ) ตัวอย่างที่ 1 ลองดูรหัสที่ฉันมีanimate(): $('#someDiv') .mouseover(function(){ $(this).stop().animate( {backgroundColor:'blue'}, {duration:500}); }) .mouseout(function(){ $(this).stop().animate( {backgroundColor:'red'}, {duration:500}); }); มันแสดงพฤติกรรมทั้งหมดที่ฉันกำลังมองหา: เคลื่อนไหวได้อย่างราบรื่นระหว่างสีแดงและสีน้ำเงิน ไม่มีภาพเคลื่อนไหว 'overqueue-ing' เมื่อผู้ใช้เลื่อนเม้าส์เข้าและออกจาก div อย่างรวดเร็ว หากผู้ใช้เลื่อนเมาส์ออก / เข้าในขณะที่ภาพเคลื่อนไหวยังคงเล่นอยู่จะช่วยลดความถูกต้องระหว่างสถานะ 'ครึ่งทาง' ปัจจุบันและสถานะ 'เป้าหมาย' ใหม่ แต่เนื่องจากการเปลี่ยนแปลงสไตล์ถูกกำหนดไว้ในanimate()ฉันต้องเปลี่ยนค่าสไตล์ที่นั่นและไม่สามารถชี้ไปที่สไตล์ชีทของฉันได้ 'การแตกแฟรกเมนต์' ซึ่งสไตล์ถูกกำหนดเป็นสิ่งที่รบกวนจิตใจฉันอย่างแท้จริง …


14
วิธีฝังวิดีโอ YouTube ที่เล่นอัตโนมัติใน iframe ได้อย่างไร
ฉันกำลังพยายามฝังวิดีโอ iframe เวอร์ชั่นใหม่ของ YouTube และนำไปเล่นอัตโนมัติ เท่าที่ฉันสามารถบอกได้ไม่มีวิธีการทำเช่นนี้โดยการแก้ไขธงไปยัง URL มีวิธีการใช้ JavaScript & API หรือไม่

22
ผ่านพารามิเตอร์สตริงในฟังก์ชั่น onclick
ฉันต้องการส่งผ่านพารามิเตอร์ (เช่นสตริง) ไปยังฟังก์ชัน Onclick ในตอนนี้ฉันทำสิ่งนี้: '<input type="button" onClick="gotoNode(' + result.name + ')" />' กับ result.name ตัวอย่างเช่นเท่ากับสตริง "เพิ่ม" เมื่อฉันคลิกที่ปุ่มนี้ฉันมีข้อผิดพลาดที่แจ้งว่า Add ไม่ได้ถูกกำหนดไว้ เนื่องจากฟังก์ชันนี้ใช้งานได้ดีกับพารามิเตอร์ตัวเลขฉันจึงคิดว่ามันมีบางอย่างที่เกี่ยวข้องกับสัญลักษณ์ "" ในสตริง ไม่มีใครเคยมีปัญหานี้มาก่อนหรือไม่
225 javascript  html 

16
มีวิธีใดบ้างในการระบุชื่อไฟล์ที่แนะนำเมื่อใช้ data: URI?
ถ้าเช่นคุณไปตามลิงค์: data:application/octet-stream;base64,SGVsbG8= เบราว์เซอร์จะแจ้งให้คุณดาวน์โหลดไฟล์ที่ประกอบด้วยข้อมูลที่เก็บไว้เป็น base64 ในไฮเปอร์ลิงก์นั้น มีวิธีการแนะนำชื่อเริ่มต้นในมาร์กอัปหรือไม่? ถ้าไม่เป็นเช่นนั้นมีวิธีแก้ไข JavaScript หรือไม่

19
ตารางข้อมูลจาวาสคริปต์สำหรับแถวนับล้าน [ปิด]
ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันต้องการนำเสนอแถวข้อมูลจำนวนมาก (เช่น. ล้านแถว) ให้กับผู้ใช้ในกริดโดยใช้ JavaScript ผู้ใช้ไม่ควรเห็นหน้าหรือดูข้อมูลในปริมาณที่ จำกัด ในแต่ละครั้ง แต่ควรปรากฏว่ามีข้อมูลทั้งหมดอยู่ แทนที่จะดาวน์โหลดข้อมูลทั้งหมดในครั้งเดียวจะมีการดาวน์โหลดชิ้นส่วนขนาดเล็กเมื่อผู้ใช้เข้ามาถึง (เช่นการเลื่อนผ่านกริด) แถวจะไม่ถูกแก้ไขผ่านส่วนหน้านี้ดังนั้นกริดแบบอ่านอย่างเดียวจึงเป็นที่ยอมรับ มีกริดข้อมูลใดที่เขียนด้วย JavaScript สำหรับการเพจแบบไม่มีรอยต่อชนิดนี้

6
แผนที่กึ่งกลางอัตโนมัติพร้อมเครื่องหมายหลายอันใน Google Maps API v3
นี่คือสิ่งที่ฉันใช้เพื่อแสดงแผนที่ด้วย 3 หมุด / เครื่องหมาย: <script> function initialize() { var locations = [ ['DESCRIPTION', 41.926979, 12.517385, 3], ['DESCRIPTION', 41.914873, 12.506486, 2], ['DESCRIPTION', 41.918574, 12.507201, 1] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 15, center: new google.maps.LatLng(41.923, 12.513), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker, i; for …

15
Javascript ลดจำนวนอาร์เรย์ของวัตถุ
ว่าผมต้องการที่จะสรุปสำหรับแต่ละองค์ประกอบในa.xarr arr = [{x:1},{x:2},{x:4}] arr.reduce(function(a,b){return a.x + b.x}) >> NaN ฉันเชื่อว่าขวานไม่ได้กำหนดไว้ในบางจุด งานต่อไปนี้ใช้ได้ดี arr = [1,2,4] arr.reduce(function(a,b){return a + b}) >> 7 ฉันทำอะไรผิดในตัวอย่างแรก

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