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

ฉันสร้างการแจ้งเตือน JavaScript ด้วยรหัสต่อไปนี้ในหน้า C # .NET: Response.Write("<script language=JavaScript> alert('Hi select a valid date'); </script>"); มันจะแสดงกล่องการแจ้งเตือนด้วยชื่อหัวเรื่องเป็น "ข้อความจากหน้าเว็บ" เป็นไปได้หรือไม่ที่จะแก้ไขชื่อ

168 javascript  alert 

ความเป็นมา: ฉันกำลังทำการทดสอบส่วนต่อประสานผู้ใช้ที่จำเป็นต้องตรวจสอบว่าผู้คนให้ความสนใจหรือไม่ แต่คำถามนี้ไม่ได้เกี่ยวกับการมองเห็นหน้า API โดยเฉพาะฉันต้องการทราบว่าโค้ด Javascript ของฉันจะได้รับผลกระทบอย่างไรหากแท็บปัจจุบันไม่ทำงานหรือหน้าต่างเบราว์เซอร์ไม่ทำงานในเบราว์เซอร์ที่แตกต่างกัน ฉันขุดต่อไปจนถึง: ios 5 หยุดจาวาสคริปต์เมื่อแท็บไม่ทำงาน setIntervalและsetTimeoutความล่าช้าจะลดลงเมื่อแท็บไม่ทำงาน - ดูเหมือนว่าเพิ่งจะเริ่มปรากฏขึ้นเมื่อไม่นานมานี้และสามารถทดสอบหน่วยจัสมินกับสิ่งอื่น ๆ ได้ requestAnimationFrame ช้าลงเมื่อไม่มีการใช้งานแท็บ (สมเหตุสมผลไม่สามารถคิดได้ว่าทำไมสิ่งนี้จึงมีผลกระทบต่อทุกคนมากเกินไป) ฉันมีคำถามต่อไปนี้: นอกเหนือจากเบราว์เซอร์มือถือเดสก์ท็อปเบราว์เซอร์จะหยุดการประมวลผล JS ชั่วคราวเมื่อแท็บไม่ทำงานหรือไม่ เบราว์เซอร์ใดและเมื่อใด เบราว์เซอร์ใดลดการsetIntervalซ้ำ มันลดลงถึงขีด จำกัด หรือโดยเปอร์เซ็นต์? ตัวอย่างเช่นหากฉันมีการทำซ้ำ 10 มิลลิเซคอนกับการทำซ้ำ 5,000 มิลลิวินาทีแต่ละครั้งจะได้รับผลกระทบอย่างไร การเปลี่ยนแปลงเหล่านี้เกิดขึ้นหรือไม่หากหน้าต่างนั้นไม่ได้โฟกัสเมื่อเทียบกับแท็บ (ฉันคิดว่ามันจะยากต่อการตรวจสอบเนื่องจากต้องใช้ OS API) มีเอฟเฟกต์อื่น ๆ ที่จะไม่สังเกตเห็นในแท็บที่ใช้งานอยู่หรือไม่? พวกเขาสามารถทำสิ่งต่าง ๆ ที่จะดำเนินการอย่างถูกต้อง (เช่นการทดสอบจัสมินดังกล่าวข้างต้น)?

168 javascript  browser 

ฉันกำลังพยายามหาวิธีที่ง่ายและเชื่อถือได้ในการแยก URL พื้นฐานจากตัวแปรสตริงโดยใช้ JavaScript (หรือ jQuery) ตัวอย่างเช่นให้บางสิ่งเช่น: http://www.sitename.com/article/2009/09/14/this-is-an-article/ ฉันต้องการได้รับ: http://www.sitename.com/ การแสดงออกปกติเป็นทางออกที่ดีที่สุดหรือไม่? ถ้าเป็นเช่นนั้นฉันสามารถใช้คำสั่งใดเพื่อกำหนด URL หลักที่แยกจากสตริงที่กำหนดให้กับตัวแปรใหม่ ฉันได้ทำการค้นหาบางอย่างแล้ว แต่ทุกสิ่งที่ฉันพบในโลก JavaScript ดูเหมือนว่าจะหมุนไปรอบ ๆ เพื่อรวบรวมข้อมูลนี้จาก URL เอกสารจริงโดยใช้location.hostหรือคล้ายกัน

168 javascript  regex  string  url 

ดังนั้นฉันมีช่องทำเครื่องหมายเหล่านี้: <input type="checkbox" name="type" value="4" /> <input type="checkbox" name="type" value="3" /> <input type="checkbox" name="type" value="1" /> <input type="checkbox" name="type" value="5" /> และอื่น ๆ มีประมาณ 6 ของพวกเขาและถูกเขียนด้วยมือ (เช่นไม่ดึงจาก db) ดังนั้นพวกเขามีแนวโน้มที่จะยังคงเหมือนเดิมในขณะที่ คำถามของฉันคือฉันจะทำให้พวกมันทั้งหมดอยู่ในอาร์เรย์ (เป็นจาวาสคริปต์) ได้อย่างไรดังนั้นฉันสามารถใช้พวกมันในขณะที่ทำการ$.postร้องขอAJAX โดยใช้ Jquery ความคิดใด ๆ แก้ไข: ฉันต้องการให้เพิ่มกล่องกาเครื่องหมายที่เลือกไว้ในอาร์เรย์เท่านั้น

168 javascript  jquery  ajax  dhtml 

ฉันมองว่าตัวกรองทำงานอย่างไรใน Angularjs และฉันเห็นว่าเราต้องส่งวงเล็บ 2 ชุด $filter('number')(number[, fractionSize]) มันหมายถึงอะไรและเราจะจัดการกับ JavaScript อย่างไร

168 javascript  angularjs 

ฉันจะรับรายการค่าที่ไม่ซ้ำในอาร์เรย์ได้อย่างไร ฉันต้องใช้อาร์เรย์ที่สองเสมอหรือมีบางสิ่งที่คล้ายกับ hashmap ของจาวาใน JavaScript หรือไม่? ฉันจะใช้JavaScriptและjQueryเท่านั้น ไม่สามารถใช้ไลบรารีเพิ่มเติมได้

168 javascript  jquery 

รหัสนี้ใช้งานได้แม้ในเบราว์เซอร์ที่แตกต่างกัน: function fooCheck() { alert(internalFoo()); // We are using internalFoo() here... return internalFoo(); // And here, even though it has not been defined... function internalFoo() { return true; } //...until here! } fooCheck(); ฉันไม่สามารถหาข้อมูลอ้างอิงเดียวว่าทำไมมันควรทำงาน ฉันเห็นสิ่งนี้เป็นครั้งแรกในบันทึกการนำเสนอของ John Resig แต่มีการพูดถึงเท่านั้น ไม่มีคำอธิบายใด ๆ ในนั้น มีคนช่วยสอนฉันได้มั้ย

168 javascript  function 

ฉันมีเมนูตัวเลือกเช่นนี้: <form name="AddAndEdit"> <select name="list" id="personlist"> <option value="11">Person1</option> <option value="27">Person2</option> <option value="17">Person3</option> <option value="10">Person4</option> <option value="7">Person5</option> <option value="32">Person6</option> <option value="18">Person7</option> <option value="29">Person8</option> <option value="28">Person9</option> <option value="34">Person10</option> <option value="12">Person11</option> <option value="19">Person12</option> </select> </form> และตอนนี้ฉันต้องการเปลี่ยนตัวเลือกที่เลือกโดยใช้ href ตัวอย่างเช่น: <a href="javascript:void(0);" onclick="document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected';">change</a> แต่ผมต้องการที่จะเลือกตัวเลือกที่มีไม่ได้value=11 (Person1)Person12 ฉันจะเปลี่ยนรหัสนี้ได้อย่างไร

168 javascript  html-select 

ฉันกำลังพยายามแสดงองค์ประกอบแบบไดนามิกตามประเภทของพวกเขา ตัวอย่างเช่น: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> ฉันลองวิธีแก้ปัญหาที่เสนอที่นี่ชื่อส่วนประกอบแบบไดนามิก React / JSX นั่นทำให้ฉันมีข้อผิดพลาดเมื่อรวบรวม (ใช้ browserify สำหรับอึก) มันคาดว่า XML ที่ฉันใช้ไวยากรณ์อาร์เรย์ ฉันสามารถแก้ปัญหานี้โดยการสร้างวิธีการสำหรับทุกองค์ประกอบ: newExampleComponent() { return <ExampleComponent />; } newComponent(type) { return this["new" + type + "Component"](); } …

168 javascript  reactjs  react-jsx 

ฉันใช้ React และ Redux เพื่อพัฒนา webapp และเมื่อฉันเริ่มโครงการฉันได้รับสิ่งนี้: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. ฉันค้นหาวิธีแก้ปัญหาได้มากมาย แต่ไม่มีคำตอบที่ฉันพบเลยช่วยฉันเลยหันไปหา Stack overflow ไม่มีใครรู้วิธีแก้ไขข้อผิดพลาดนี้หรือไม่? ฉันขอขอบคุณทุกความช่วยเหลือที่ฉันสามารถได้รับ

168 javascript  reactjs  react-router  eslint 

ฉันพยายามเรียนรู้ hooks และuseStateวิธีการทำให้ฉันสับสน ฉันกำลังกำหนดค่าเริ่มต้นให้กับรัฐในรูปแบบของอาร์เรย์ วิธีการในการตั้งค่าuseStateจะไม่ทำงานสำหรับฉันแม้จะมีหรือspread(...) without spread operatorฉันได้ทำ API บนพีซีเครื่องอื่นที่ฉันกำลังเรียกและดึงข้อมูลที่ฉันต้องการตั้งค่าเป็นสถานะ นี่คือรหัสของฉัน: import React, { useState, useEffect } from "react"; import ReactDOM from "react-dom"; const StateSelector = () => { const initialValue = [ { category: "", photo: "", description: "", id: 0, name: "", rating: 0 } ]; const [movies, …

168 javascript  reactjs  react-hooks 

ฉันกำลังย้ายแอปพลิเคชัน React ไปยัง TypeScript จนถึงตอนนี้มันใช้งานได้ดี แต่ฉันมีปัญหากับประเภทการส่งคืนของrenderฟังก์ชันตามลำดับส่วนประกอบฟังก์ชันของฉัน จนถึงตอนนี้ผมได้ใช้เสมอJSX.Elementเป็นชนิดกลับตอนนี้ไม่ได้ทำงานใด ๆ มากขึ้นถ้าเป็นส่วนประกอบตัดสินใจที่จะไม่ทำให้อะไรคือผลตอบแทนnullตั้งแต่ไม่มีค่าที่ถูกต้องสำหรับnull JSX.Elementนี่เป็นจุดเริ่มต้นของการเดินทางของฉันเพราะตอนนี้ฉันค้นหาเว็บและพบว่าคุณควรใช้ReactNodeแทนซึ่งรวมถึงnullสิ่งอื่น ๆ ที่อาจเกิดขึ้นได้ด้วย นี่ดูเหมือนจะเป็นการเดิมพันที่ดีกว่า อย่างไรก็ตามตอนนี้เมื่อสร้างส่วนประกอบของฟังก์ชัน TypeScript จะบ่นเกี่ยวกับReactNodeประเภท อีกครั้งหลังจากการค้นหาบางอย่างฉันพบว่าสำหรับส่วนประกอบของฟังก์ชันคุณควรใช้ReactElementแทน อย่างไรก็ตามหากฉันทำเช่นนั้นปัญหาความเข้ากันได้จะหายไป แต่ตอนนี้ TypeScript บ่นอีกครั้งว่าnullไม่ใช่ค่าที่ถูกต้อง ดังนั้นเพื่อตัดเรื่องสั้นให้สั้นฉันมีคำถามสามข้อ: คือความแตกต่างระหว่างสิ่งที่JSX.Element, ReactNodeและReactElement? ทำไมrenderวิธีการของส่วนประกอบชั้นกลับReactNodeแต่ชิ้นส่วนฟังก์ชั่นกลับมาReactElement? ฉันจะแก้ปัญหานี้ได้nullอย่างไร?

168 javascript  reactjs  typescript 

มีวิธีในการเปลี่ยนภาพเคลื่อนไหวหน้าต่าง Twitter Bootstrap Modal จากเอฟเฟกต์แบบเลื่อนลงเป็น fadeIn หรือเพียงแค่แสดงโดยไม่ต้องสไลด์หรือไม่? ฉันอ่านเอกสารที่นี่: http://getbootstrap.com/javascript/#modals แต่พวกเขาไม่ได้กล่าวถึงตัวเลือกใด ๆ สำหรับการเปลี่ยนเอฟเฟกต์บอดี้สไลด์แบบโมดัล

167 javascript  jquery  jquery-ui  twitter-bootstrap 

ฉันมีตารางที่สร้างขึ้นโดยใช้ ng-repeat ฉันต้องการเพิ่มการตรวจสอบความถูกต้องของแต่ละองค์ประกอบในตาราง ปัญหาคือแต่ละอินพุตเซลล์มีชื่อเดียวกันกับเซลล์ด้านบนและด้านล่าง ฉันพยายามใช้{{$index}}ค่าเพื่อตั้งชื่ออินพุต แต่แม้ว่าตัวอักษรสตริงใน HTML จะปรากฏอย่างถูกต้อง แต่ตอนนี้ก็ใช้งานได้แล้ว นี่คือรหัสของฉัน ณ ตอนนี้: <tr ng-repeat="r in model.BSM "> <td> <input ng-model="r.QTY" class="span1" name="QTY{{$index}}" ng-pattern="/^[\d]*\.?[\d]*$/" required/> <span class="alert-error" ng-show="form.QTY{{$index}}.$error.pattern"><strong>Requires a number.</strong></span> <span class="alert-error" ng-show="form.QTY{{$index}}.$error.required"><strong>*Required</strong></span> </td> </tr> ฉันได้ลองลบออก{{}}จากดัชนี แต่ไม่ได้ผล ณ ตอนนี้คุณสมบัติการตรวจสอบของอินพุตทำงานอย่างถูกต้อง แต่ข้อความแสดงข้อผิดพลาดไม่ปรากฏขึ้น ใครมีข้อเสนอแนะ? แก้ไข:นอกเหนือจากคำตอบที่ดีด้านล่างนี่คือบทความบล็อกที่ครอบคลุมปัญหานี้ในรายละเอียดเพิ่มเติม: http://www.thebhwgroup.com/blog/2014/08/angularjs-html-form-design-part-2 /

167 javascript  html  angularjs  validation  grid 

จากเอกสารฉันเข้าใจว่า.proxy()จะเปลี่ยนขอบเขตของฟังก์ชันที่ส่งผ่านเป็นอาร์กิวเมนต์ ใครช่วยอธิบายสิ่งนี้ให้ฉันดีกว่านี้ได้ไหม ทำไมเราควรทำเช่นนี้?

167 javascript  jquery