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

เมื่อเร็ว ๆ นี้ฉันต้องเจอกับสถานการณ์บางอย่างสองสามครั้งซึ่งฉันไม่รู้วิธีแก้ปัญหาอย่างถูกต้อง สมมติรหัสต่อไปนี้: somethingAsync() .then( afterSomething ) .then( afterSomethingElse ) function afterSomething( amazingData ) { return processAsync( amazingData ); } function afterSomethingElse( processedData ) { } ตอนนี้สถานการณ์อาจเกิดขึ้นที่ฉันต้องการที่จะมีการเข้าถึงในamazingDataafterSomethingElse วิธีแก้ปัญหาที่ชัดเจนวิธีหนึ่งคือการส่งคืนอาร์เรย์หรือแฮชจากafterSomethingเนื่องจากคุณสามารถส่งคืนค่าจากฟังก์ชันได้เพียงค่าเดียว แต่ฉันสงสัยว่ามีวิธีafterSomethingElseยอมรับ 2 พารามิเตอร์และเรียกใช้ในลักษณะเดียวกันหรือไม่เพราะดูเหมือนจะง่ายกว่ามากในการจัดทำเอกสารและทำความเข้าใจ ฉันแค่สงสัยเกี่ยวกับความเป็นไปได้นี้เนื่องจากมีQ.spreadสิ่งที่คล้ายกับที่ฉันต้องการ

87 javascript  promise  q 

ไฟล์ JavaScript บางไฟล์ไม่สามารถมองเห็นได้ในเครื่องมือ Chorme Developer อีกต่อไป Google Chrome เป็นเวอร์ชันล่าสุด เวอร์ชัน 44.0.2403.130 ม. เวอร์ชันดีบักของแอป สคริปต์ในหัว <script src="/Scripts/jquery-ui-1.8.24.js"></script> <script src="/Scripts/jquery.validate.js"></script> ... <script src="/Client/Statics/GuiContainers.js"></script> <script src="/Client/ClientDAL.js"></script> <script src="/Client/ClientLayoutUpdater.js"></script> <script src="/Client/ClientRenderer.js"></script> <script src="/Client/ControllerLocator.js"></script> สคริปต์ส่วนแรกสามารถมองเห็นได้ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ภายใต้เมนูแหล่งที่มาบนเส้นทาง localhost / Scripts / * ส่วนที่สองของสคริปต์ไม่สามารถมองเห็นได้ตั้งแต่เมื่อวานนี้ เครื่องมือสำหรับนักพัฒนาคืออะไร? ไม่มีข้อผิดพลาดในคอนโซล JavaScript ฉันเห็นคำขอที่สำเร็จสำหรับไฟล์ JavaScript ในแท็บเครือข่าย โหลด JavaScript ทั้งหมดแล้ว แอปพลิเคชันทำงานได้ดี เครื่องมือสำหรับนักพัฒนาคืออะไร? ใครมีความคิด? …

87 javascript  google-chrome  debugging  google-chrome-devtools 

ปัญหา ฉันกำลังตั้งค่าการตอบสนองrefโดยใช้นิยามฟังก์ชันแบบอินไลน์ render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> ดังนั้นในcomponentDidMountการอ้างอิง DOM ไม่ได้ตั้งค่าไว้ componentDidMount = () => { // this.drawerRef is not defined ความเข้าใจของฉันคือการrefเรียกกลับควรจะถูกเรียกใช้ในระหว่างการเมานต์อย่างไรก็ตามการเพิ่มconsole.logคำสั่งเปิดเผยcomponentDidMountจะถูกเรียกก่อนฟังก์ชันการเรียกกลับอ้างอิง ตัวอย่างโค้ดอื่น ๆ ที่ฉันได้ดูตัวอย่างเช่นการสนทนาบน github นี้บ่งบอกถึงข้อสันนิษฐานเดียวกันcomponentDidMountควรถูกเรียกหลังจากการrefเรียกกลับใด ๆ ที่กำหนดไว้renderแม้จะระบุไว้ในการสนทนา ดังนั้น componentDidMount จึงถูกไล่ออกหลังจากเรียกใช้ ref callback ทั้งหมดแล้ว? ใช่. ฉันใช้ react 15.4.1 อย่างอื่นฉันได้ลองแล้ว เพื่อตรวจสอบว่าrefมีการเรียกใช้ฟังก์ชันนี้ฉันได้ลองกำหนดมันในคลาสเช่นนี้ setDrawerRef …

87 javascript  reactjs 

ตอนนี้ฉันกำลังประสบปัญหา CORS แปลก ๆ นี่คือข้อความแสดงข้อผิดพลาด: XMLHttpRequest cannot load http://localhost:8666/routeREST/select?q=[...] Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin เซิร์ฟเวอร์สองเครื่อง: localhost: 8666 / routeREST /: นี่คือเซิร์ฟเวอร์ Python Bottle แบบธรรมดา localhost: 8080 /: Python simpleHTTPserver ที่ฉันเรียกใช้แอปพลิเคชัน Javascript แอปนี้กำลังดำเนินการตามคำขอของ Ajax บนเซิร์ฟเวอร์ด้านบน มีความคิดเกี่ยวกับสิ่งที่อาจเป็นปัญหาหรือไม่? แก้ไข: และ ... พอร์ตคือปัญหา ขอบคุณสำหรับคำตอบ :) หากใครใช้เซิร์ฟเวอร์ Python bottle เช่นกันคุณสามารถทำตามคำตอบที่ให้ไว้ในโพสต์นี้เพื่อแก้ปัญหา CORS: Bottle Py: …

87 javascript  python  ajax  cross-domain  cors 

ผมได้ดำเนินการ angularjs แอพลิเคชันหน้าเดียวโดยใช้UI เตอร์ เดิมทีฉันระบุแต่ละรัฐโดยใช้ URL ที่แตกต่างกัน แต่สิ่งนี้สร้างขึ้นสำหรับ URL ที่บรรจุ GUID ที่ไม่เป็นมิตร ตอนนี้ฉันได้กำหนดไซต์ของฉันให้เป็น state-machine ที่ง่ายกว่ามาก รัฐไม่ได้ระบุโดย URL แต่จะเปลี่ยนเป็นเพียงตามที่กำหนดดังนี้: กำหนดสถานะที่ซ้อนกัน angular .module 'app', ['ui.router'] .config ($stateProvider) -> $stateProvider .state 'main', templateUrl: 'main.html' controller: 'mainCtrl' params: ['locationId'] .state 'folder', templateUrl: 'folder.html' parent: 'main' controller: 'folderCtrl' resolve: folder:(apiService) -> apiService.get '#base/folder/#locationId' การเปลี่ยนเป็นสถานะที่กำหนด #The …

87 javascript  angularjs  coffeescript  angular-ui-router 

ฉันต้องการลูปที่รอการเรียก async ก่อนดำเนินการต่อ สิ่งที่ต้องการ: for ( /* ... */ ) { someFunction(param1, praram2, function(result) { // Okay, for cycle could continue }) } alert("For cycle ended"); ฉันจะทำสิ่งนี้ได้อย่างไร? คุณมีความคิดหรือไม่?

87 javascript 

ใน AngularJS ฉันจะแสดงค่าโดยไม่มีการผูกข้อมูลแบบ 2 ทางได้อย่างไร เราอาจต้องการทำเช่นนี้ด้วยเหตุผลด้านประสิทธิภาพหรือแม้กระทั่งการแสดงค่า ณ ช่วงเวลาที่กำหนด ทั้งสองตัวอย่างต่อไปนี้ใช้การผูกข้อมูล: <div>{{value}}</div> <div data-ng-bind="value"></div> ฉันจะแสดงผลvalue โดยไม่มีการผูกข้อมูลได้อย่างไร

87 javascript  angularjs  data-binding 

สาระสำคัญของ AJAX คืออะไร? ตัวอย่างเช่นฉันต้องการมีลิงก์บนเพจของฉันซึ่งเมื่อผู้ใช้คลิกลิงก์นี้ข้อมูลบางอย่างจะถูกส่งไปยังเซิร์ฟเวอร์ของฉันโดยไม่ต้องโหลดหน้าปัจจุบันซ้ำ นั่นคือ AJAX? ฉันสามารถรับพฤติกรรมนี้ได้โดยใช้ไอโซเฟรม ในรายละเอียดเพิ่มเติมฉันใส่ลิงค์ (สมมติว่าเป็นภาพขนาดเล็ก) ใน isoframe ขนาดเล็ก เมื่อผู้ใช้คลิกลิงก์นี้เบราว์เซอร์จะโหลดเฉพาะเพจใน isoframe อีกครั้ง อย่างไรก็ตามฉันคิดว่ามันไม่ใช่วิธีที่สวยหรูในการไปถึงเป้าหมาย คิดว่าต้องใช้ AJAX มันทำงานอย่างไร? การใช้ XHTML สามารถแก้ปัญหาที่พิจารณาได้อย่างสวยงามหรือไม่? หรือฉันต้องใช้ JavaScripts? ฉันไม่ต้องการอะไรมาก ฉันแค่ต้องการมีลิงค์เล็ก ๆ ซึ่ง (หลังจากคลิก) ส่งข้อมูลบางอย่างไปยังเซิร์ฟเวอร์ สมมติว่าฉันมี "รูปดารา" อยู่ใกล้ข้อความ หากผู้ใช้คลิกที่ดาว (เขา / เธอชอบข้อความ) ดาวจะเปลี่ยนสีและฐานข้อมูลการอัปเดตเซิร์ฟเวอร์ของฉัน (เพื่อจำไว้ว่าผู้ใช้ชอบข้อความนั้น)

87 javascript  ajax 

ฉันมีการตรวจสอบจาวาสคริปต์ที่ใช้งานได้ดีสำหรับรหัสของฉันเอง ฉันต้องการเก็บการตรวจสอบไว้ แต่เมื่อพูดถึงไลบรารีโอเพนซอร์สเช่น jquery เป็นต้นการตรวจสอบความถูกต้องจะสร้างคำเตือน ฉันไม่ต้องการคำเตือนเกี่ยวกับไลบรารีที่ดาวน์โหลด แต่ฉันต้องการเตือนสำหรับรหัสของฉัน ฉันรู้ว่าคุณสามารถแยกไฟล์ออกจากการตรวจสอบความถูกต้องในหน้าต่าง " ค่ากำหนด> การตรวจสอบความถูกต้อง " ได้ แต่ไม่มีการตรวจสอบความถูกต้องของจาวาสคริปต์ ! ฉันได้ตรวจสอบตัวตรวจสอบแต่ละตัวแล้วตัวตรวจสอบจาวาสคริปต์ไม่มี แล้วฉันจะแยกไฟล์บางไฟล์ออกจากการตรวจสอบความถูกต้องได้อย่างไร? นี่คือรายการ validators ฉันมี: ภาพหน้าจอ ขอบคุณ! PS: ฉันใช้ Eclipse PDT!

87 javascript  eclipse  eclipse-pdt 

ฉันต้องการทราบว่าเบราว์เซอร์ที่ระบุตัวเองผ่านสตริงตัวแทนผู้ใช้ว่าเป็น IE7 หรือ IE8 เป็นเบราว์เซอร์เหล่านั้นจริงๆหรือว่าเป็น IE9 ในโหมดความเข้ากันได้ 7 หรือ 8 จากสิ่งที่ฉันเห็นในสตริงตัวแทนผู้ใช้ IE9 ในโหมดความเข้ากันได้ของ IE7 ให้สตริงที่เหมือนกันกับ IE7 จริง มีคุณสมบัติ / องค์ประกอบ / วัตถุเพิ่มเติมที่ฉันสามารถทดสอบเพื่อดูว่า IE9 "จริงๆ" ปลอมตัวหรือไม่ ฉันคิดว่าโหมดเอกสารจะไม่ช่วยเนื่องจากหน้าที่โหลดสคริปต์ของฉันอาจเป็นการบังคับใช้นิสัยแปลก ๆ หรือบังคับให้มีการตั้งค่าเฉพาะ ฉันหวังว่า IE9 จะมีคุณสมบัติบางอย่างที่มีอยู่และสามารถทดสอบได้ไม่ว่าจะอยู่ในโหมด 7, 8 หรือ 9 ก็ตาม แก้ไขเพื่อเพิ่ม ... ตกลงฉันเข้าใจว่าตอนนี้ฉันผิดพลาดตรงไหน ฉันใช้เมนูแบบเลื่อนลง "โหมดเบราว์เซอร์" และเปลี่ยนเป็น IE8 และ IE7 และคิดว่านี่คือ "โหมดความเข้ากันได้ของ IE8" และ "โหมดความเข้ากันได้ของ …

87 javascript  internet-explorer-9  ie8-compatibility-mode 

ฉันกำลังรักษารหัสเดิมอยู่และสังเกตเห็นว่ามีการใช้รูปแบบต่อไปนี้ในการกำหนดวัตถุ: var MyObject = {}; (function (root) { root.myFunction = function (foo) { //do something }; })(MyObject); มีจุดประสงค์ใดในการนี้หรือไม่? เทียบเท่ากับการทำสิ่งต่อไปนี้หรือไม่? var MyObject = { myFunction : function (foo) { //do something }; }; ฉันไม่ได้กำลังจะเริ่มต้นในภารกิจศักดิ์สิทธิ์เพื่อปรับโครงสร้างโค้ดเบสทั้งหมดตามความชอบของฉัน แต่ฉันอยากเข้าใจเหตุผลเบื้องหลังวิธีการกำหนดวัตถุในวงเวียน ขอบคุณ!

87 javascript  javascript-objects 

สวัสดีฉันกำลังดูวิดีโอ angular.js สองรายการและเห็นว่ามีการใช้วิธี value () เพื่อกำหนดค่าคงที่ทั้งโมดูล ตัวอย่างเช่นเราสามารถตั้งค่าการกำหนดค่าของไลบรารี Angular-UI ได้ดังนี้: (coffeescript) angular.module('app',[]) .value "ui.config", tinymce: theme: 'simple' width: '500' height: '300' และขณะนี้แอปของฉันมีลักษณะดังนี้: window.app = angular.module("app", [ 'ui']) .config(["$routeProvider", ($routeProvider) -> $routeProvider .when "/users", templateUrl: "assets/templates/users/index.html" controller: IndexUsersCtrl .otherwise redirectTo: "/users" ]) .value 'csrf', $('meta[name="csrf-token"]').attr('content') #<---- attention here IndexUsersCtrl = ($scope) -> …

87 javascript  angularjs 

หนังสือ / บทความเกี่ยวกับจาวาสคริปต์และการพัฒนาเว็บส่วนใหญ่บอกว่าคุณต้องใส่ CSS ในแท็ก head และ javascript ที่ด้านล่างของหน้า แต่เมื่อฉันเปิดแหล่ง html ของเว็บไซต์ที่มีชื่อเสียงเช่น stackoverflow นี้ฉันพบว่าพวกเขาใส่ไฟล์ js ไว้ใน head tag ข้อดีข้อเสียของทั้งสองวิธีคืออะไรและควรใช้เมื่อใด พบคำถามอื่นสำหรับปัญหาเดียวกัน: ฉันจะประกาศไฟล์ JavaScript ที่ใช้ในหน้าของฉันได้ที่ไหน? ใน <head> </head> หรือใกล้ </body>?

87 javascript 

เมื่อใช้ Google Geocoder v3 หากฉันพยายามระบุตำแหน่งทางภูมิศาสตร์ 20 ที่อยู่ฉันจะได้รับ OVER_QUERY_LIMIT เว้นแต่ว่าฉันจะแบ่งเวลาให้ห่างกัน ~ 1 วินาที แต่จะใช้เวลา 20 วินาทีก่อนที่จะวางเครื่องหมายทั้งหมด มีวิธีอื่นทำได้ไหมนอกจากเก็บพิกัดล่วงหน้า

87 javascript  geocoding  google-maps 

ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดขึ้นมาใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน8 ปีที่ผ่านมา ฉันกำลังทำงานกับ JavaScript, JQuery และ HTML UI ของโครงการของฉันเป็นแบบไดนามิกอย่างสมบูรณ์ ฉันกำลังมองหา JavaScript / JQuery Grid แบบไดนามิกซึ่งรองรับคุณสมบัติต่อไปนี้ ใครช่วยบอกหน่อยว่ามี Grid โอเพ่นซอร์สที่ดูดีที่รองรับคุณสมบัติต่อไปนี้หรือไม่ ฉันควรจะสามารถสร้างอินสแตนซ์ของกริดได้ในขณะรันไทม์และเพิ่มไปยัง DOM รองรับเทมเพลตคอลัมน์ (กล่องข้อความเลือกช่องทำเครื่องหมายหรืออินพุตใด ๆ หรือข้อความธรรมดา) รองรับการตั้งค่าเทมเพลตคอลัมน์ใหม่หรือแทนที่เทมเพลตคอลัมน์ที่มีอยู่แบบเรียลไทม์ การควบคุมอินพุตไม่กี่ (เช่นช่อง, ช่องทำเครื่องหมาย .. ) ปัจจุบันภายใต้คอลัมน์อาจจะเปิดใช้งานและอาจจะไม่กี่คนพิการ รองรับ setData () แบบเรียลไทม์ รองรับเหตุการณ์หากข้อมูลอินพุตใด ๆ เปลี่ยนแปลงโดยผู้ใช้ ควรสนับสนุนการเลือกแถว เพิ่มแถวหรือลบแถวรองรับแบบเรียลไทม์โดยไม่ต้องแสดงผลทั้งเส้นตาราง รองรับเพจจิ้ง รองรับการจัดเรียงตามคอลัมน์แบบเรียลไทม์ เริ่มเหตุการณ์หากข้อมูลถูกจัดเรียงตามผู้ใช้แบบเรียลไทม์ Grid …

87 javascript  jquery  grid