การเขียนโปรแกรม javascript

11

เคอร์เซอร์จะโฟกัสไปที่ช่องป้อนข้อมูลเฉพาะในการโหลดหน้าได้อย่างไร? เป็นไปได้หรือไม่ที่จะรักษาค่าข้อความเริ่มต้นและวางเคอร์เซอร์ไว้ที่ส่วนท้ายของอินพุต? <input type="text" size="25" id="myinputbox" class="input-text" name="input2" value = "initial text" />

98 javascript html dom xhtml

9

เป็นไปได้ไหมที่จะสร้าง "การอ้างอิงที่ไม่เหมาะสม" ในจาวาสคริปต์

มีวิธีใดบ้างในจาวาสคริปต์ในการสร้าง "การอ้างอิงที่อ่อนแอ" ไปยังวัตถุอื่น นี่คือหน้าวิกิที่อธิบายว่าการอ้างอิงที่ไม่เหมาะสมคืออะไร นี่คือบทความอื่นที่อธิบายถึงสิ่งเหล่านี้ใน Java ใครสามารถคิดวิธีการนำพฤติกรรมนี้ไปใช้ในจาวาสคริปต์ได้หรือไม่?

98 javascript weak-references

8

การเปลี่ยน iframe src ด้วย Javascript

ฉันกำลังพยายามเปลี่ยน<iframe src=... >เวลาที่มีคนคลิกปุ่มตัวเลือก ด้วยเหตุผลบางประการรหัสของฉันทำงานไม่ถูกต้องและฉันมีปัญหาในการหาสาเหตุ นี่คือสิ่งที่ฉันมี: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> <script> function go(loc) { document.getElementById('calendar').src = loc; } </script> </head> <body> <iframe id="calendar" src="about:blank" width="1000" height="450" frameborder="0" scrolling="no"></iframe> <form method="post"> <input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Day <input name="calendarSelection" …

98 javascript iframe src

5

การใช้ querySelector กับ ID ที่เป็นตัวเลข

จากสิ่งที่ฉันเข้าใจข้อมูลจำเพาะของ HTML5 ช่วยให้คุณใช้ ID ที่เป็นตัวเลขเช่นนี้ <div id="1"></div> <div id="2"></div> ฉันสามารถเข้าถึงเหล่านี้ปรับใช้แต่ไม่ได้มีgetElementById querySelectorถ้าฉันลองทำสิ่งต่อไปนี้ฉันจะได้รับSyntaxError: DOM Exception 12ในคอนโซล document.querySelector("#1") ฉันแค่อยากรู้ว่าทำไมการใช้ตัวเลขเป็น ID จึงไม่ทำงานquerySelectorเมื่อข้อมูลจำเพาะ HTML5 ระบุว่าถูกต้อง ฉันลองใช้เบราว์เซอร์หลายตัว

98 javascript html css-selectors selectors-api

9

JSON.stringify โดยไม่มีเครื่องหมายคำพูดเกี่ยวกับคุณสมบัติ?

ฉันใช้บริการที่ใช้รูปแบบ JSON ที่ไม่ถูกต้อง (ไม่มีเครื่องหมายคำพูดคู่รอบคุณสมบัติ) เลยต้องส่ง { name: "John Smith" } แทน { "name": "John Smith" } ไม่สามารถเปลี่ยนแปลงรูปแบบนี้ได้เนื่องจากนี่ไม่ใช่บริการของฉัน มีใครทราบบ้างเกี่ยวกับการกำหนดเส้นทาง stringify เพื่อจัดรูปแบบวัตถุ JavaScript เช่นด้านบน?

98 javascript json

2

Promise.resolve vs New Promise (แก้ไข)

ฉันใช้ bluebird และฉันเห็นสองวิธีในการแก้ไขฟังก์ชันซิงโครนัสให้เป็น Promise แต่ฉันไม่เข้าใจความแตกต่างระหว่างทั้งสองวิธี ดูเหมือนว่า stacktrace จะแตกต่างกันเล็กน้อยดังนั้นจึงไม่ใช่แค่ an aliasใช่ไหม? แล้ววิธีที่ต้องการคืออะไร? ทางก function someFunction(someObject) { return new Promise(function(resolve) { someObject.resolved = true; resolve(someObject); }); } ทาง B function someFunction(someObject) { someObject.resolved = true; return Promise.resolve(someObject); }

98 javascript promise bluebird

9

ส่งผ่านชื่อคลาสเพื่อตอบสนองคอมโพเนนต์

ฉันกำลังพยายามส่งชื่อคลาสไปยังส่วนประกอบการตอบสนองเพื่อเปลี่ยนสไตล์และดูเหมือนจะใช้งานไม่ได้: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } } <Pill styleName="skill">Business</Pill> ฉันพยายามเปลี่ยนรูปแบบของเม็ดยาโดยส่งชื่อชั้นที่มีรูปแบบตามลำดับ ฉันยังใหม่กับ React ดังนั้นบางทีฉันอาจจะไม่ได้ทำอย่างถูกต้อง ขอบคุณ

98 javascript reactjs

5

แสดงป้ายชื่อดาต้าลิสต์ แต่ส่งค่าจริง

ปัจจุบัน<datalist>องค์ประกอบHTML5 ได้รับการสนับสนุนในเบราว์เซอร์หลัก ๆ ส่วนใหญ่ (ยกเว้น Safari) และดูเหมือนจะเป็นวิธีที่น่าสนใจในการเพิ่มคำแนะนำให้กับอินพุต อย่างไรก็ตามดูเหมือนว่าจะมีความแตกต่างบางประการระหว่างการใช้งานvalueแอตทริบิวต์และข้อความด้านในของไฟล์<option>. ตัวอย่างเช่น: <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> เบราว์เซอร์ต่างๆจัดการสิ่งนี้แตกต่างกัน: Chrome และ Opera: FireFox และ IE 11: หลังจากเลือกหนึ่งรายการอินพุตจะเต็มไปด้วยค่าไม่ใช่ข้อความด้านใน ฉันเพียงต้องการให้ผู้ใช้เห็นข้อความ ("คำตอบ") ในเมนูแบบเลื่อนลงและในอินพุต แต่ส่งผ่านค่า42เมื่อส่งเช่นเดียวกับที่selectต้องการ ฉันจะทำให้เบราว์เซอร์ทั้งหมดมีรายการแบบเลื่อนลงแสดงป้าย (ข้อความด้านใน) ของ<option>s ได้อย่างไร แต่จะส่งvalueแอตทริบิวต์เมื่อส่งแบบฟอร์ม

98 javascript html cross-browser html-datalist

12

เป็นไปได้ไหมที่จะจัดเรียงวัตถุแผนที่ ES6

เป็นไปได้ไหมที่จะจัดเรียงรายการของวัตถุแผนที่ es6 var map = new Map(); map.set('2-1', foo); map.set('0-1', bar); ผลลัพธ์ใน: map.entries = { 0: {"2-1", foo }, 1: {"0-1", bar } } เป็นไปได้ไหมที่จะจัดเรียงรายการตามคีย์ map.entries = { 0: {"0-1", bar }, 1: {"2-1", foo } }

98 javascript ecmascript-6

10

การคืนค่าʻundefined` หรือ `null` จากฟังก์ชัน javascript จะดีกว่าไหม

ฉันมีฟังก์ชั่นที่ฉันเขียนซึ่งโดยทั่วไปมีลักษณะดังนี้: function getNextCard(searchTerms) { // Setup Some Variables // Do a bunch of logic to pick the next card based on termed passed through what I'll call here as 'searchTerms' all of this logic is omitted because it's not important for my question. // ... // If we find a …

98 javascript function null return undefined

16

วิธีที่ดีที่สุดในการ จำกัด การทำงานพร้อมกันเมื่อใช้ Promise.all () ของ ES6 คืออะไร

ฉันมีโค้ดบางอย่างที่ทำซ้ำในรายการที่ถูกสืบค้นจากฐานข้อมูลและทำการร้องขอ HTTP สำหรับแต่ละองค์ประกอบในรายการนั้น บางครั้งรายการนั้นอาจเป็นจำนวนที่มากพอสมควร (ในหลักพัน) และฉันต้องการให้แน่ใจว่าฉันไม่ได้กดปุ่มเว็บเซิร์ฟเวอร์ที่มีคำขอ HTTP พร้อมกันหลายพันรายการ เวอร์ชันย่อของโค้ดนี้มีลักษณะดังนี้ ... function getCounts() { return users.map(user => { return new Promise(resolve => { remoteServer.getCount(user) // makes an HTTP request .then(() => { /* snip */ resolve(); }); }); }); } Promise.all(getCounts()).then(() => { /* snip */}); รหัสนี้ทำงานบนโหนด 4.3.2 หากต้องการย้ำอีกครั้งสามารถPromise.allจัดการได้เพื่อให้มีการดำเนินการตามสัญญาเพียงจำนวนหนึ่งในเวลาใดก็ตาม?

98 javascript node.js es6-promise

3

จะอัปเดต React Context จากภายในองค์ประกอบลูกได้อย่างไร

ฉันมีการตั้งค่าภาษาในบริบทดังต่อไปนี้ class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; รหัสแอปพลิเคชันของฉันจะเป็นดังนี้ <LanguageProvider> <App> <MyPage /> </App> </LanguageProvider> หน้าของฉันมีส่วนประกอบสำหรับเปลี่ยนภาษา <MyPage> <LanguageSwitcher/> </MyPage> LanguageSwitcher ในการนี้MyPageจำเป็นต้องอัปเดตบริบทเพื่อเปลี่ยนภาษาเป็น 'jp' ดังต่อไปนี้ class LanguageSwitcher extends Component { …

98 javascript reactjs react-context

4

การตั้งค่า onSubmit ใน React.js

ในการส่งแบบฟอร์มฉันกำลังพยายามdoSomething()แทนที่พฤติกรรมการโพสต์เริ่มต้น เห็นได้ชัดว่าใน React onSubmit เป็นเหตุการณ์ที่รองรับสำหรับฟอร์ม อย่างไรก็ตามเมื่อฉันลองใช้รหัสต่อไปนี้: var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){ alert('it works!'); } return <form onSubmit={doSomething}> <button>Click me</button> </form>; } }); วิธีdoSomething()นี้ถูกเรียกใช้ แต่หลังจากนั้นพฤติกรรมการโพสต์เริ่มต้นจะยังคงดำเนินการอยู่ คุณสามารถทดสอบนี้ฉันjsfiddle คำถามของฉัน: ฉันจะป้องกันพฤติกรรมการโพสต์เริ่มต้นได้อย่างไร

98 javascript forms form-submit reactjs onsubmit

5

ปิดการใช้งาน Ctrl + เลื่อนเพื่อซูมแผนที่ Google

มีใครรู้วิธีปิดการใช้งานCTRL+ Scrollหรือไม่? ขั้นแรกเมื่อเลื่อนวงล้อของเมาส์แผนที่จะซูมเข้า / ออก แต่ตอนนี้มันขอให้กดCTRL+ Mouse Wheel Scroll เพื่อซูมเข้า / ออก เราจะปิดการใช้งานคุณสมบัตินี้ได้อย่างไร? ฉันไม่พบสิ่งใดในเอกสาร: https://developers.google.com/maps/documentation/javascript/controls#ControlOptions

98 javascript google-maps

7

Javascript: ขยายฟังก์ชัน

เหตุผลหลักที่ฉันต้องการคือฉันต้องการขยายฟังก์ชันเริ่มต้นของฉัน สิ่งนี้: // main.js window.onload = init(); function init(){ doSomething(); } // extend.js function extends init(){ doSomethingHereToo(); } ดังนั้นฉันต้องการขยายฟังก์ชันเช่นฉันขยายคลาสใน PHP และฉันต้องการขยายจากไฟล์อื่นด้วยเช่นฉันมีฟังก์ชัน init ดั้งเดิมในmain.jsและฟังก์ชันขยายในextended.js.

98 javascript function extend

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