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

ฉันจะแปลรหัสหลอกนี้เป็น js ที่ใช้งานได้อย่างไร [ไม่ต้องกังวลว่าวันที่สิ้นสุดมาจากไหนยกเว้นว่าจะเป็นวันที่จาวาสคริปต์ที่ถูกต้อง] var myEndDateTime = somedate; //somedate is a valid js date var durationInMinutes = 100; //this can be any number of minutes from 1-7200 (5 days) //this is the calculation I don't know how to do var myStartDate = somedate - durationInMuntes; alert("The event will start on …

143 javascript 

วิธีที่ผมเข้าใจมันถ้าสคริปต์ฝั่งไคลเอ็นต์ที่ทำงานบนหน้าจาก foo.com ต้องการที่จะขอข้อมูลจาก bar.com ในการร้องขอนั้นจะต้องระบุส่วนหัวและบาร์จะต้องตอบสนองด้วยOrigin: http://foo.comAccess-Control-Allow-Origin: http://foo.com มีอะไรที่จะหยุดโค้ดที่เป็นอันตรายจากเว็บไซต์ roh.com จากการปลอมแปลงส่วนหัวOrigin: http://foo.comเพื่อขอหน้าเว็บจากแถบ

143 javascript  ajax  http  cors 

ปัญหา ผมเขียนประยุกต์ใช้ในการตอบสนองและไม่สามารถที่จะหลีกเลี่ยงอันตรายที่พบบ่อยสุดซึ่งจะเรียกหลังจากsetState(...)componentWillUnmount(...) ฉันดูรหัสของตัวเองอย่างถี่ถ้วนและพยายามใส่มาตราการป้องกันไว้ แต่ปัญหายังคงอยู่และฉันยังคงสังเกตคำเตือนอยู่ ดังนั้นฉันมีคำถามสองข้อ: ฉันจะทราบได้อย่างไรจากการติดตามสแต็กคอมโพเนนต์เฉพาะและตัวจัดการเหตุการณ์หรือจุดเชื่อมต่อวงจรชีวิตที่รับผิดชอบต่อการละเมิดกฎ วิธีแก้ไขปัญหาด้วยตัวเองเนื่องจากรหัสของฉันเขียนขึ้นโดยคำนึงถึงข้อผิดพลาดนี้และกำลังพยายามป้องกันอยู่แล้ว แต่ส่วนประกอบพื้นฐานบางส่วนยังคงสร้างคำเตือน คอนโซลเบราว์เซอร์ Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method. in TextLayerInternal (created by Context.Consumer) …

143 javascript  reactjs  typescript  lodash  setstate 

ฉันต้องการโหลดภาพภายนอกบนหน้าของฉันแบบอะซิงโครนัสโดยใช้ jQueryและฉันได้ลองทำสิ่งต่อไปนี้แล้ว: $.ajax({ url: "http://somedomain.com/image.jpg", timeout:5000, success: function() { }, error: function(r,x) { } }); แต่มันกลับข้อผิดพลาดอยู่เสมอมันเป็นไปได้ไหมที่จะโหลดภาพเช่นนี้? ฉันพยายามใช้.loadวิธีการและใช้งานได้ แต่ฉันไม่รู้ว่าจะกำหนดไทม์เอาต์ได้อย่างไรหากภาพไม่พร้อมใช้งาน (404) ฉันจะทำสิ่งนี้ได้อย่างไร

142 javascript  jquery  ajax  image  jquery-load 

ฉันอยู่หลังโซลูชันข้ามเบราว์เซอร์ที่ชัดเจนเพื่อตั้งค่าตำแหน่งเคอร์เซอร์ / คาเร็ตเป็นตำแหน่งที่รู้จักล่าสุดเมื่อ contentEditable = 'on' <div> ฟื้นโฟกัส ดูเหมือนว่าฟังก์ชั่นเริ่มต้นของ div เนื้อหาที่แก้ไขได้คือการย้ายเครื่องหมายรูปหมวก / เคอร์เซอร์ไปที่จุดเริ่มต้นของข้อความใน div แต่ละครั้งที่คุณคลิกที่มันซึ่งไม่พึงประสงค์ ฉันเชื่อว่าฉันจะต้องเก็บไว้ในตัวแปรตำแหน่งเคอร์เซอร์ปัจจุบันเมื่อพวกเขาออกจากโฟกัสของ div แล้วตั้งค่าใหม่เมื่อพวกเขามีโฟกัสภายในอีกครั้ง แต่ฉันไม่สามารถรวบรวมกันหรือหางาน ตัวอย่างรหัสเลย หากใครมีความคิดใด ๆ ตัวอย่างโค้ดหรือตัวอย่างการทำงานฉันยินดีที่จะเห็นพวกเขา ฉันยังไม่มีรหัสจริงๆ แต่นี่คือสิ่งที่ฉันมี: <script type="text/javascript"> // jQuery $(document).ready(function() { $('#area').focus(function() { .. } // focus I would imagine I need. } </script> <div id="area" contentEditable="true"></div> PS ฉันได้ลองใช้ทรัพยากรนี้แล้ว แต่ดูเหมือนว่ามันไม่ได้ผลสำหรับ …

142 javascript  jquery  html  contenteditable  cursor-position 

ฉันมี HTML ต่อไปนี้: <div id="mydiv"> <div class="myclass"></div> </div> ฉันต้องการที่จะสามารถใช้ตัวเลือกที่เลือกภายในdivแต่เฉพาะสำหรับmydivภาชนะ ฉันจะทำให้สำเร็จด้วย jQuery ได้อย่างไร

142 javascript  jquery  html  class  jquery-selectors 

ดูเหมือนว่าcomponentWillReceivePropsเป็นไปได้ที่จะค่อย ๆ ออกมาในรุ่นมาในความโปรดปรานของวิธีการที่วงจรชีวิตใหม่getDerivedStateFromProps: getDerivedStateFromProps คงที่ () เมื่อตรวจสอบก็ดูเหมือนว่าคุณอยู่ในขณะนี้ไม่สามารถที่จะทำให้การเปรียบเทียบโดยตรงระหว่างthis.propsและเช่นเดียวกับที่คุณสามารถในnextProps componentWillReceivePropsมีวิธีแก้ไขไหม? นอกจากนี้มันจะส่งคืนวัตถุ ฉันถูกต้องหรือไม่ที่จะสมมติว่าค่าส่งคืนเป็นหลักthis.setStateหรือไม่ ด้านล่างเป็นตัวอย่างที่ผมพบออนไลน์: รัฐที่ได้มาจากการประกอบฉาก / รัฐ ก่อน class ExampleComponent extends React.Component { state = { derivedData: computeDerivedState(this.props) }; componentWillReceiveProps(nextProps) { if (this.props.someValue !== nextProps.someValue) { this.setState({ derivedData: computeDerivedState(nextProps) }); } } } หลังจาก class ExampleComponent extends React.Component { // Initialize state in …

142 javascript  reactjs  lifecycle 

ฉันสามารถหา div ที่มีคุณลักษณะดังนี้: $('.funding-plan-container[data-timestamp]') แต่ถ้าฉันพยายามค้นหา div ที่ไม่มีคุณลักษณะนั้นฉันได้รับข้อผิดพลาด - รหัสของฉันคือ: $('.funding-plan-container[!data-timestamp]') มีตัวเลือก "ไม่มีแอตทริบิวต์" ใน jQuery หรือไม่? สำหรับการอ้างอิงกรณีใช้งานที่นี่คือว่า div ใด ๆ ที่ไม่มีแอตทริบิวต์การประทับเวลาจะไม่ถูกเพิ่มแบบไดนามิกดังนั้นจึงเป็นประโยชน์ ขอบคุณ!

142 javascript  jquery 

อยากรู้ว่าทางที่ถูกต้องในการเข้าหาคือ: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + this.state.input2; this.setState({total: t}); } }); React.renderComponent(<Hello />, …

142 javascript  reactjs  jsx 

ทุกคนสามารถอธิบายความแตกต่างระหว่าง\bและ\wตัวบ่งชี้การแสดงออกปกติได้หรือไม่ มันเป็นความเข้าใจของฉันว่าทั้งสอง metacharacters ใช้สำหรับขอบเขตของคำ นอกจากนี้อักขระเมตาใดที่มีประสิทธิภาพสำหรับเนื้อหาหลายภาษา

142 javascript  java  php  regex  perl 

ฉันกำลังพยายามที่จะใช้ฟังก์ชั่นonclickปุ่มใด ๆ class="stopMusic"กับ ฉันพบข้อผิดพลาดใน Firebug document.getElementByClass ไม่ใช่ฟังก์ชัน นี่คือรหัสของฉัน: var stopMusicExt = document.getElementByClass("stopButton"); stopButton.onclick = function() { var ta = document.getElementByClass("stopButton"); document['player'].stopMusicExt(ta.value); ta.value = ""; };

142 javascript 

ฉันต้องเขียนรูทีนที่เพิ่มค่าของตัวแปรด้วย 1 ถ้าชนิดของมันคือnumberและกำหนด 0 ให้กับตัวแปรถ้าไม่ใช่โดยที่ตัวแปรนั้นเริ่มต้นnullหรือundefinedหรือ การใช้งานครั้งแรกเป็นv >= 0 ? v += 1 : v = 0เพราะฉันคิดว่าอะไรที่ไม่ใช่จำนวนจะทำให้นิพจน์ทางคณิตศาสตร์เป็นเท็จ แต่มันผิดเนื่องจากnull >= 0ถูกประเมินเป็นจริง จากนั้นฉันได้เรียนรู้nullพฤติกรรมเช่น 0 และนิพจน์ต่อไปนี้ล้วนได้รับการประเมินว่าเป็นจริง null >= 0 && null <= 0 !(null < 0 || null > 0) null + 1 === 1 1 / null === Infinity Math.pow(42, null) === 1 …

142 javascript  null  comparison  equality 

ฉันสงสัยว่าเป็นไปได้ที่แซนด์บ็อกซ์ JavaScript จะทำงานในเบราว์เซอร์เพื่อป้องกันการเข้าถึงฟีเจอร์ที่ปกติแล้วพร้อมใช้งานกับโค้ด JavaScript ที่ทำงานในหน้า HTML ตัวอย่างเช่นสมมติว่าฉันต้องการให้ JavaScript API สำหรับผู้ใช้ปลายทางเพื่อให้พวกเขากำหนดตัวจัดการเหตุการณ์ให้ทำงานเมื่อ "เหตุการณ์ที่น่าสนใจ" เกิดขึ้น แต่ฉันไม่ต้องการให้ผู้ใช้เหล่านั้นเข้าถึงคุณสมบัติและฟังก์ชั่นของwindowวัตถุ ฉันสามารถทำสิ่งนี้ได้หรือไม่? alertในกรณีที่ง่ายที่สุดสมมติว่าผมต้องการที่จะป้องกันไม่ให้ผู้ใช้โทร สองวิธีที่ฉันคิดได้คือ: กำหนดใหม่window.alertทั่วโลก ฉันไม่คิดว่าเรื่องนี้จะเป็นวิธีการที่ถูกต้องเพราะรหัสอื่น ๆ ที่ทำงานในหน้า (สิ่งเช่นไม่ประพันธ์โดยผู้ใช้ในจัดการเหตุการณ์ของพวกเขา) alertอาจต้องการที่จะใช้ ส่งรหัสตัวจัดการเหตุการณ์ไปยังเซิร์ฟเวอร์เพื่อประมวลผล ฉันไม่แน่ใจว่าการส่งรหัสไปยังเซิร์ฟเวอร์เพื่อประมวลผลเป็นวิธีการที่ถูกต้องเนื่องจากตัวจัดการเหตุการณ์จำเป็นต้องทำงานในบริบทของหน้าเว็บ อาจเป็นทางออกที่เซิร์ฟเวอร์ประมวลผลฟังก์ชั่นที่ผู้ใช้กำหนดและสร้างการติดต่อกลับที่จะดำเนินการกับลูกค้าหรือไม่ แม้ว่าวิธีการนี้จะได้ผลดีกว่าในการแก้ปัญหานี้หรือไม่?

142 javascript  browser  sandbox 

ไม่มีใครรู้ว่าเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome สามารถจัดรูปแบบจาวาสคริปต์ในรูปแบบที่มนุษย์อ่านหรือไม่ ความสวยงามบางอย่างจะมีประโยชน์ สมมติว่าฉันใช้ไลบรารี JS บางตัวและฉันจำเป็นต้องสร้างอินสแตนซ์ของวัตถุขึ้นมาเพื่อที่ฉันจะได้รู้ว่าควรใส่คอนสตรัคเตอร์อย่างไร แต่การค้นหาผ่านห้องสมุดขนาดใหญ่ที่มี 4 บรรทัดในส่วนติดต่อผู้ใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome นั้นค่อนข้างน่ารำคาญ ... มิฉะนั้นฝั่งเซิร์ฟเวอร์จำเป็นต้องดูแลการใช้ "โหมด dev" ที่ให้ไฟล์ javascript ที่ไม่ได้ลดขนาด ...

142 javascript  google-chrome-devtools 

คุณมักจะเห็นตัวอย่างสวัสดีรหัสโลกสำหรับโหนดที่สร้างเซิร์ฟเวอร์ Http เริ่มฟังพอร์ตจากนั้นตามด้วยบางสิ่งในบรรทัด: console.log('Server is listening on port 8000'); แต่ในอุดมคติคุณจะต้องการสิ่งนี้แทน: console.log('Server is listening on port ' + server.port); ฉันจะดึงพอร์ตที่เซิร์ฟเวอร์กำลังฟังอยู่โดยไม่เก็บหมายเลขไว้ในตัวแปรก่อนการโทรได้server.listen()อย่างไร? ฉันเคยเห็นสิ่งนี้ทำมาก่อน แต่ไม่พบในเอกสารประกอบของ Node อาจเป็นสิ่งที่เฉพาะเจาะจงในการแสดง?

142 javascript  node.js  express  port