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

ฉันยังใหม่กับการใช้คลาส ES6 กับ React ก่อนหน้านี้ฉันผูกเมธอดของฉันกับวัตถุปัจจุบัน (แสดงในตัวอย่างแรก) แต่ ES6 อนุญาตให้ฉันผูกฟังก์ชันคลาสกับอินสแตนซ์ของคลาสด้วยลูกศรอย่างถาวรหรือไม่ (มีประโยชน์เมื่อผ่านเป็นฟังก์ชั่นการโทรกลับ) ฉันได้รับข้อผิดพลาดเมื่อฉันพยายามใช้พวกเขาเท่าที่คุณสามารถทำได้ด้วย CoffeeScript: class SomeClass extends React.Component { // Instead of this constructor(){ this.handleInputChange = this.handleInputChange.bind(this) } // Can I somehow do this? Am i just getting the syntax wrong? handleInputChange (val) => { console.log('selectionMade: ', val); } ดังนั้นถ้าฉันจะส่งผ่านSomeClass.handleInputChangeไปเช่นsetTimeoutมันจะถูกกำหนดขอบเขตให้กับอินสแตนซ์ของชั้นเรียนไม่ใช่windowวัตถุ

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

ฉันใช้เวลาอ่านเอกสาร AngularJS และแบบฝึกหัดหลายครั้งค่อนข้างมากและฉันรู้สึกประหลาดใจมากที่เอกสารไม่สามารถเข้าถึงได้ ฉันมีคำถามง่ายๆที่ตอบได้ซึ่งอาจเป็นประโยชน์กับผู้อื่นที่ต้องการซื้อ AngularJS: คำสั่ง AngularJS คืออะไร ควรมีคำจำกัดความที่เรียบง่ายและแม่นยำของคำสั่งบางแห่ง แต่เว็บไซต์ AngularJSเสนอคำจำกัดความที่ไร้ประโยชน์เหล่านี้: ในหน้าแรก : คำสั่งเป็นคุณสมบัติพิเศษและมีประสิทธิภาพที่มีอยู่ใน AngularJS คำสั่งให้คุณสร้างไวยากรณ์ HTML ใหม่เฉพาะสำหรับแอปพลิเคชันของคุณ ในเอกสารสำหรับนักพัฒนา : คำสั่งเป็นวิธีสอน HTML แบบใหม่ ระหว่างการคอมไพล์คำสั่ง DOM จะจับคู่กับ HTML และดำเนินการ สิ่งนี้อนุญาตให้คำสั่งในการลงทะเบียนพฤติกรรมหรือเปลี่ยน DOM และมีการพูดคุยกันหลายครั้งเกี่ยวกับคำสั่งซึ่งดูเหมือนว่าจะถือว่าผู้ชมเข้าใจสิ่งที่พวกเขาเป็น ทุกคนจะสามารถนำเสนอสำหรับการอ้างอิงที่ชัดเจนคำจำกัดความที่แม่นยำของสิ่งที่เป็นคำสั่งที่อธิบาย: มันคืออะไร (ดูคำจำกัดความที่ชัดเจนของ jQueryเป็นตัวอย่าง) ปัญหาและสถานการณ์ในทางปฏิบัติที่ควรนำมากล่าวถึงคืออะไร รูปแบบการออกแบบใดที่บ่งบอกถึงหรือว่ามันเหมาะสมกับภารกิจMVC / MVW ที่อ้างว่าเป็นของ AngularJS

181 javascript  angularjs  angular-directive 

ฉันต้องการทราบวิธีใช้ฟังก์ชัน Date () ใน jQuery เพื่อรับวันที่ปัจจุบันในyyyy/mm/ddรูปแบบ

181 javascript  jquery 

ฉันต้องการคำนวณความแตกต่างวันที่เป็นวันชั่วโมงนาทีวินาทีวินาทีมิลลิวินาที nanoseconds ฉันจะทำมันได้อย่างไร

181 javascript  datetime 

สมมติว่าฉันไม่สามารถควบคุมเนื้อหาใน iframe มีวิธีใดบ้างที่ฉันสามารถตรวจพบการเปลี่ยนแปลง src ผ่านทางหน้าหลัก บางประเภทของการโหลดอาจจะ? ทางเลือกสุดท้ายของฉันคือการทำการทดสอบช่วงเวลา 1 วินาทีหาก ​​iframe src เหมือนกันกับที่เคยเป็นมาก่อน แต่การทำโซลูชันแฮ็คนี้จะดูด ฉันใช้ไลบรารี jQuery ถ้ามันช่วยได้

181 javascript  jquery  iframe  onload 

มีความแตกต่างระหว่าง: const [result1, result2] = await Promise.all([task1(), task2()]); และ const t1 = task1(); const t2 = task2(); const result1 = await t1; const result2 = await t2; และ const [t1, t2] = [task1(), task2()]; const [result1, result2] = [await t1, await t2];

181 javascript  async-await 

ขณะนี้ฉันมีรูปแบบ HTML ซึ่งผู้ใช้กรอกรายละเอียดของโฆษณาที่พวกเขาต้องการโพสต์ ตอนนี้ฉันต้องการที่จะเพิ่มdropzoneสำหรับการอัปโหลดภาพของรายการที่จะขาย ฉันพบDropzone.jsซึ่งดูเหมือนจะทำสิ่งที่ฉันต้องการมากที่สุด อย่างไรก็ตามเมื่อดูในเอกสารดูเหมือนว่าคุณจะต้องระบุคลาสของแบบฟอร์มทั้งหมดเป็นdropzone(ตรงข้ามกับองค์ประกอบอินพุตเท่านั้น) นี้ก็หมายความว่ารูปแบบทั้งหมดของฉันกลายเป็นDropzone เป็นไปได้หรือไม่ที่จะใช้ dropzone ในส่วนของแบบฟอร์มของฉันเช่นโดยการระบุองค์ประกอบเป็น class "dropzone"แทนที่จะเป็นแบบฟอร์มทั้งหมดหรือไม่ ฉันสามารถใช้แบบฟอร์มแยกกัน แต่ฉันต้องการให้ผู้ใช้สามารถส่งได้ทั้งหมดด้วยปุ่มเดียว หรือมีห้องสมุดอื่นที่สามารถทำสิ่งนี้ได้หรือไม่ ขอบคุณมาก

181 javascript  jquery  html  file-upload  dropzone.js 

ฉันเริ่มต้นhttps://laracasts.com/series/learning-vue-step-by-stepซีรี่ส์ ฉันหยุดบทเรียนVue, Laravel และ AJAXด้วยข้อผิดพลาดนี้: vue.js: 2574 [เตือนของ Vue]: หลีกเลี่ยงการกลายพันธุ์ prop โดยตรงเนื่องจากค่าจะถูกเขียนทับเมื่อใดก็ตามที่องค์ประกอบหลักแสดงผลอีกครั้ง ให้ใช้ข้อมูลหรือคุณสมบัติที่คำนวณได้แทนตามค่าของ prop Prop กำลังกลายพันธุ์: "รายการ" (พบในส่วนประกอบ) ฉันมีรหัสนี้ในmain.js Vue.component('task', { template: '#task-template', props: ['list'], created() { this.list = JSON.parse(this.list); } }); new Vue({ el: '.container' }) ฉันรู้ว่าปัญหานั้นสร้างขึ้น ()เมื่อฉันเขียนทับเสารายการ แต่ฉันเป็นมือใหม่ใน Vue ดังนั้นฉันจึงไม่รู้วิธีแก้ไขโดยสิ้นเชิง ใครมีความคิดวิธี (และโปรดอธิบายว่าทำไม) เพื่อแก้ไขหรือไม่

181 javascript  vue.js  vuejs2 

ฉันมีวิดเจ็ตการแชทที่ดึงลำดับของข้อความทุกครั้งที่เลื่อนขึ้น ปัญหาที่ฉันกำลังเผชิญอยู่ในขณะนี้คือตัวเลื่อนยังคงอยู่ที่ด้านบนเมื่อโหลดข้อความ ฉันต้องการให้มันมุ่งเน้นไปที่องค์ประกอบดัชนีสุดท้ายจากอาร์เรย์ก่อนหน้า ฉันคิดว่าฉันสามารถสร้างการอ้างอิงแบบไดนามิกโดยผ่านดัชนี แต่ฉันก็ต้องรู้ว่าฟังก์ชั่นการเลื่อนแบบใดที่จะใช้เพื่อให้บรรลุ handleScrollToElement(event) { const tesNode = ReactDOM.findDOMNode(this.refs.test) if (some_logic){ //scroll to testNode } } render() { return ( <div> <div ref="test"></div> </div>) }

181 javascript  reactjs  ecmascript-6 

เอกสาร Vue.js อธิบายcreatedและmountedเหตุการณ์ดังต่อไปนี้: created เรียกว่าพร้อมกันหลังจากสร้างอินสแตนซ์ ในขั้นตอนนี้อินสแตนซ์ได้เสร็จสิ้นการประมวลผลตัวเลือกซึ่งหมายความว่ามีการตั้งค่าต่อไปนี้: การสังเกตข้อมูล, คุณสมบัติที่คำนวณได้, วิธีการ, การเรียกกลับ / ดูเหตุการณ์ อย่างไรก็ตามขั้นตอนการติดตั้งยังไม่เริ่มต้นและคุณสมบัติ $ el จะยังไม่พร้อมใช้งาน mounted เรียกว่าหลังจากอินสแตนซ์เพิ่งถูกเมาท์โดยที่ el ถูกแทนที่ด้วย vm. $ el ที่สร้างขึ้นใหม่ หากอินสแตนซ์รูทถูกเมาท์กับองค์ประกอบในเอกสาร vm. $ el ก็จะอยู่ในเอกสารเมื่อถูกเมาท์ถูกเรียก hook นี้ไม่ถูกเรียกระหว่างการเรนเดอร์ฝั่งเซิร์ฟเวอร์ ฉันเข้าใจทฤษฎี แต่ฉันมีคำถาม 2 ข้อเกี่ยวกับการปฏิบัติ: มีกรณีใดบ้างที่createdจะถูกนำไปใช้mounted? ฉันสามารถใช้createdเหตุการณ์สำหรับในสถานการณ์จริง (รหัสจริง) ได้อย่างไร

181 javascript  vue.js 

ฉันมีโครงสร้างโหนด HTML ต่อไปนี้: <div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"></div> </div> <span></span> </div> ฉันจะนับจำนวนเด็กfooที่อยู่ในประเภทนั้นได้divอย่างไร ในตัวอย่างด้านบนผลลัพธ์ควรเป็นสอง ( barและbaz)

180 javascript  jquery  dom  jquery-selectors 

ความแตกต่างระหว่างคืออะไร$parse, $interpolateและ$compileบริการ? สำหรับฉันพวกเขาทั้งหมดทำสิ่งเดียวกัน: นำเทมเพลตและรวบรวมไปยังเทมเพลต - ฟังก์ชั่น

180 javascript  angularjs  angular-services 

ฉันใช้ AngularJS เพื่อสร้างตัวควบคุม HTML ที่โต้ตอบกับแอปพลิเคชัน Flex แบบดั้งเดิม การเรียกกลับทั้งหมดจากแอพ Flex ต้องเชื่อมต่อกับหน้าต่าง DOM ตัวอย่าง (ใน AS3) ExternalInterface.call("save", data); จะโทร window.save = function(data){ // want to update a service // or dispatch an event here... } จากภายในฟังก์ชั่นปรับขนาด JS ฉันต้องการส่งเหตุการณ์ที่คอนโทรลเลอร์สามารถได้ยินได้ ดูเหมือนว่าการสร้างบริการเป็นวิธีที่จะไป คุณสามารถอัพเดทบริการจากด้านนอกของ AngularJS ได้หรือไม่? คอนโทรลเลอร์สามารถฟังเหตุการณ์จากบริการได้หรือไม่? ในการทดสอบหนึ่งครั้ง (คลิกเพื่อเล่นซอ)ฉันทำเหมือนว่าฉันสามารถเข้าถึงบริการได้ แต่การอัปเดตข้อมูลของบริการไม่ได้รับผลกระทบในมุมมอง (ในตัวอย่างที่<option>ควรเพิ่มใน<select>) ขอบคุณ!

180 javascript  actionscript-3  externalinterface  angularjs 

เป็นธรรมใหม่ของ JavaScript ฉันไม่สามารถแยกแยะว่าจะใช้แต่ละอย่างเมื่อใด มีใครช่วยอธิบายเรื่องนี้ให้ฉันได้บ้าง?

180 javascript  string 

แอปพลิเคชันโหนดต้องการให้ฉันเรียกใช้โหนดด้วยค่าสถานะความสามัคคีเช่น: node --harmony app.js ธงความสามัคคีนี้คืออะไร? มันทำอะไรและทำไมแอพไม่สามารถทำงานได้หากไม่มี? ฉันได้ลองดูตัวเลือกบรรทัดคำสั่งของโหนด ( node --help) แต่ก็ไม่ได้ให้รายละเอียดใด ๆ Node docs ไม่ได้ช่วยอะไรเลย

180 javascript  node.js