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

7

ฉันจะรับองค์ประกอบแรกแทนที่จะใช้ [0] ใน jQuery ได้อย่างไร

ฉันยังใหม่กับ jQuery ขออภัยหากนี่เป็นคำถามโง่ ๆ เมื่อฉันใช้มันค้นหาองค์ประกอบโดยใช้รหัสฉันรู้ว่ามีหนึ่งรายการที่ตรงกันเสมอและในการเข้าถึงฉันจะใช้ดัชนี [0] มีวิธีที่ดีกว่านี้หรือไม่? สำหรับเช่น var gridHeader = $("#grid_GridHeader")[0];

95 javascript jquery

1

ฉันสามารถ mapDispatchToProps ที่ไม่มี mapStateToProps ใน Redux ได้หรือไม่

ฉันกำลังแยกตัวอย่างสิ่งที่ต้องทำของ Redux เพื่อพยายามทำความเข้าใจ ฉันอ่านว่าmapDispatchToPropsช่วยให้คุณสามารถจับคู่การดำเนินการจัดส่งเป็นอุปกรณ์ประกอบฉากได้ดังนั้นฉันจึงคิดว่าaddTodo.jsจะเขียนใหม่เพื่อใช้ mapDispatchToProps แทนการเรียกการจัดส่ง (addTodo ()) addingTodo()ผมเรียกมันว่า สิ่งนี้: import React from 'react'; import {connect} from 'react-redux'; import addTodo from '../actions'; let AddTodo = ({addingTodo}) => { let input; return ( <div> <form onSubmit={e => { e.preventDefault() if (!input.value.trim()) { return } addingTodo(input.value) input.value = "" }}> <input ref={node …

95 javascript reactjs redux react-redux

9

ตรวจจับ backspace และ del ในเหตุการณ์“ input”?

ต้องทำอย่างไร? ฉันเหนื่อย: var key = event.which || event.keyCode || event.charCode; if(key == 8) alert('backspace'); แต่ไม่ได้ผล ... ถ้าฉันทำเช่นเดียวกันกับเหตุการณ์การกดแป้นมันก็ใช้ได้ แต่ฉันไม่ต้องการใช้การกดแป้นเพราะมันจะแสดงอักขระที่พิมพ์ในช่องป้อนข้อมูลของฉัน ฉันต้องสามารถควบคุมสิ่งนั้นได้ รหัสของฉัน: $('#content').bind('input', function(event){ var text = $(this).val(), key = event.which || event.keyCode || event.charCode; if(key == 8){ // here I want to ignore backspace and del } // here I'm doing …

95 javascript jquery

6

Javascript“ Uncaught TypeError: object is not a function” Associativity question

รหัสมีดังนี้: <body> <a href="javascript:;" id="test">hello</a> </body> <script type="text/javascript"> document.getElementById("test").addEventListener("click", function () { test() }, false) function test() { var postTypes = new Array('hello', 'there') (function() { alert('hello there') })() } </script> สิ่งนี้จะทำให้เกิด: "Uncaught TypeError: object ไม่ใช่ฟังก์ชัน" หากฉันรวมการเรียก / การเรียกใช้ฟังก์ชันที่ไม่ระบุชื่อไว้ในวงเล็บอีกชุดหนึ่งมันจะดำเนินการแจ้งเตือน แต่ก็ยังให้ข้อผิดพลาด ถ้าฉันใส่เซมิโคลอนหลังนิยาม "var postTypes" ก็จะดีอย่างสมบูรณ์ ฉันถูกชักนำให้เชื่อว่าจาวาสคริปต์ไม่ต้องการเครื่องหมายกึ่งโคลอนดังนั้นฉันจึงเดาได้ว่ามีกฎการเชื่อมโยงแปลก ๆ ของแอปพลิเคชันฟังก์ชันที่ฉันไม่เข้าใจทั้งหมด เหตุใดฉันจึงได้รับข้อผิดพลาดนี้

95 javascript

7

วิธีการเริ่มต้นเหตุการณ์ในไฟล์เลือก

ฉันมีรูปแบบเป็น <form onSubmit="return disableForm(this);" action="upload.php" method="post" name="f" id="wizecho" enctype="multipart/form-data"> <input type="file" name="file" /> <button onClick="return disableForm(this),ajaxUpload(this.form,'wizecho_upload.php', '&lt;br&gt;Uploading image please wait.....&lt;br&gt;'); return false;"> Upload Image </button> </form> มันคือการอัปโหลดภาพ ที่นี่ฉันต้องคลิกที่ปุ่มเพื่ออัปโหลดภาพและฉันจะใช้onClickเหตุการณ์ ฉันต้องการลบปุ่มอัปโหลดและทันทีที่ไฟล์ถูกเลือกที่อินพุตฉันต้องการเริ่มต้นเหตุการณ์ ฉันจะทำอย่างไร ??

95 javascript jquery

4

ฉันจะเพิ่มแอตทริบิวต์“ href” ลงในลิงก์แบบไดนามิกโดยใช้ JavaScript ได้อย่างไร

ฉันจะเพิ่มhrefแอตทริบิวต์ลงในลิงก์แบบไดนามิกโดยใช้ JavaScript ได้อย่างไร โดยพื้นฐานแล้วฉันต้องการเพิ่มhrefแอตทริบิวต์<a></a>แบบไดนามิก (กล่าวคือเมื่อผู้ใช้คลิกที่รูปภาพใดภาพหนึ่งในเว็บไซต์) ดังนั้นจาก: <a>Link</a> ฉันต้องไปที่: <a href="somelink url">Link</a>

95 javascript html

9

การเรียงลำดับ () ของ Javascript ทำงานอย่างไร

โค้ดต่อไปนี้จัดเรียงอาร์เรย์นี้อย่างไรให้อยู่ในลำดับตัวเลข? var array=[25, 8, 7, 41] array.sort(function(a,b){ return a - b }) ฉันรู้ว่าถ้าผลลัพธ์ของการคำนวณเป็น ... น้อยกว่า 0 : "a" ถูกจัดเรียงให้เป็นดัชนีที่ต่ำกว่า "b" ศูนย์: "a" และ "b" ถือว่าเท่ากันและไม่มีการเรียงลำดับ มากกว่า 0: "b" ถูกจัดเรียงให้เป็นดัชนีที่ต่ำกว่า "a" ฟังก์ชันการเรียกกลับการเรียงลำดับอาร์เรย์ถูกเรียกหลายครั้งในระหว่างการจัดเรียงหรือไม่ ถ้าเป็นเช่นนั้นฉันต้องการทราบว่าตัวเลขสองตัวใดถูกส่งผ่านเข้าสู่ฟังก์ชันในแต่ละครั้ง ฉันคิดว่าครั้งแรกใช้เวลา "25" (a) และ "8" (b) ตามด้วย "7" (a) และ "41" (b) ดังนั้น: 25 (a) - 8 (b) …

95 javascript sorting comparator

3

Absolute และ Flexbox ใน React Native

ฉันต้องการใส่แถบสีขาวซึ่งจะใช้ความกว้างทั้งหมดที่ด้านล่างของหน้าจอ ในการทำเช่นนั้นฉันคิดเกี่ยวกับการใช้การabsoluteกำหนดตำแหน่งกับflexboxพารามิเตอร์ที่สืบทอดมา ด้วยรหัสต่อไปนี้จะแสดงผลบางอย่างเช่นนี้ นี่คือรหัสของฉัน: var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); var Main = React.createClass({ render: function() { return( <View style={mainStyles.container}> <NavigationBar /> </View> ); } }); var mainStyles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#456783', } }); …

95 javascript css react-native

3

ใน Javascript ฉันจะตรวจสอบได้อย่างไรว่าอาร์เรย์มีค่าที่ซ้ำกัน

สามารถทำซ้ำได้: วิธีที่ง่ายที่สุดในการค้นหาค่าที่ซ้ำกันในอาร์เรย์จาวาสคริปต์ ฉันจะตรวจสอบว่าอาร์เรย์มีค่าซ้ำกันได้อย่างไร หากองค์ประกอบบางอย่างในอาร์เรย์เหมือนกันให้คืนค่าจริง มิฉะนั้นให้ส่งคืนเท็จ ['hello','goodbye','hey'] //return false because no duplicates exist ['hello','goodbye','hello'] // return true because duplicates exist สังเกตว่าฉันไม่สนใจเกี่ยวกับการค้นหาการทำซ้ำเพียงต้องการผลลัพธ์บูลีนว่าอาร์เรย์มีการทำซ้ำ

95 javascript duplicates

4

ทำการทดสอบเพียงครั้งเดียวกับ Jest

ง่ายมากฉันต้องการเรียกใช้การทดสอบกับ Jest เพียงครั้งเดียว ฉันใส่it.onlyหรือdescribe.onlyแต่มันยังคงดำเนินการทดสอบมากมาย ฉันคิดว่ามันเรียกใช้การทดสอบทั้งหมดตั้งแต่การกระทำครั้งสุดท้ายของฉัน แต่มันไม่ควรมีพฤติกรรมเช่นนี้เมื่อonlyตั้งค่าสถานะไว้อย่างชัดเจนใช่ไหม อะไรเป็นสาเหตุของพฤติกรรมนี้และจะเรียกใช้การทดสอบเดี่ยวได้อย่างไร

95 javascript unit-testing jestjs

10

แปลงวันที่เป็น UTC โดยใช้ moment.js

คำตอบที่เป็นไปได้และง่ายสำหรับสิ่งนี้ แต่ฉันไม่สามารถหาวิธีรับ moment.js เพื่อส่งคืนเวลาวันที่ UTC เป็นมิลลิวินาทีได้ นี่คือสิ่งที่ฉันกำลังทำ: var date = $("#txt-date").val(), expires = moment.utc(date); มีความคิดว่าฉันทำอะไรผิดหรือเปล่า?

95 javascript momentjs

5

เรียกใช้ฟังก์ชันบนเหตุการณ์การคลิกใน Angular 2

วิธีการประกาศฟังก์ชันภายในองค์ประกอบ (typescript) และเรียกมันในเหตุการณ์คลิกใน Angular 2? ต่อไปนี้เป็นรหัสสำหรับฟังก์ชันเดียวกันใน Angular 1 ซึ่งฉันต้องการรหัส Angular 2: <button ng-click="myFunc()"></button> // ตัวควบคุม app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);

95 javascript angular typescript

12

[คำเตือน Vue]: คุณสมบัติหรือวิธีการไม่ได้กำหนดไว้ในอินสแตนซ์ แต่อ้างอิงระหว่างการแสดงผล

95 javascript vue.js vuejs2 vue-component

10

ทำไมเราต้องใช้ flatMap?

ฉันเริ่มใช้ RxJS และไม่เข้าใจว่าทำไมในตัวอย่างนี้เราต้องใช้ฟังก์ชันเช่นflatMapหรือconcatAll; อาร์เรย์ของอาร์เรย์อยู่ที่ไหน var requestStream = Rx.Observable.just('https://api.github.com/users'); var responseMetastream = requestStream .flatMap(function(requestUrl) { return Rx.Observable.fromPromise(jQuery.getJSON(requestUrl)); }); responseMetastream.subscribe(url => {console.log(url)}) หากมีคนสามารถอธิบายสิ่งที่เกิดขึ้นได้ด้วยสายตาจะเป็นประโยชน์มาก

95 javascript rxjs

5

การแก้ไข Javascript โดยใช้ Chrome Developer Tools

ฉันกำลังพยายามแก้ไขจาวาสคริปต์บนไซต์โดยใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome ฉันได้อ่านเกี่ยวกับ 30 บัญชีเกี่ยวกับวิธีการทำเช่นนี้และดูวิดีโอบางส่วน ความจริงก็คือเมื่อฉันไปที่แท็บแหล่งที่มาและเปิดไฟล์ที่ต้องการแก้ไขฉันไม่สามารถทำอะไรได้เลย มีขั้นตอนบางอย่างที่ฉันพลาดไปหรือไม่? ฉันสามารถสร้างจุดพักก้าวผ่าน ฯลฯ ... ฉันแก้ไขไม่ได้ ฟังก์ชันนี้ถูกลบเมื่อเร็ว ๆ นี้หรือไม่

95 javascript google-chrome web-developer-toolbar

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