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

7

ความแตกต่างระหว่างฟังก์ชัน indexOf และ findIndex ของอาร์เรย์

ฉันสับสนระหว่างความแตกต่างระหว่างสองฟังก์ชัน indexOf และค้นหา Index ในอาร์เรย์ เอกสารระบุว่า findIndex - ส่งกลับดัชนีขององค์ประกอบแรกในอาร์เรย์โดยที่เพรดิเคตเป็นจริงและ -1 มิฉะนั้น และ indexOf - ส่งกลับดัชนีของการเกิดขึ้นครั้งแรกของค่าในอาร์เรย์

127 javascript

9

วิธีการกดใน React Hooks (useState)?

วิธีการผลักองค์ประกอบภายใน useState array React hook? นั่นเป็นวิธีการเก่าในสถานะปฏิกิริยาหรือไม่? หรือสิ่งใหม่ ๆ ? เช่นsetState push example ?

127 javascript reactjs react-hooks

7

ลบองค์ประกอบ DOM ลูกทั้งหมดใน div

ฉันมีรหัส dojo ต่อไปนี้เพื่อสร้างองค์ประกอบกราฟิกพื้นผิวภายใต้ div: .... <script type=text/javascript> .... function drawRec(){ var node = dojo.byId("surface"); // remove all the children graphics var surface = dojox.gfx.createSurface(node, 600, 600); surface.createLine({ x1 : 0, y1 : 0, x2 : 600, y2 : 600 }).setStroke("black"); } .... </script> .... <body> <div id="surface"></div> .... drawRec()จะวาดกราฟิกสี่เหลี่ยมผืนผ้าในครั้งแรก ถ้าฉันเรียกใช้ฟังก์ชันนี้อีกครั้งใน …

126 javascript dojox.gfx

13

จะแทรกข้อความลงใน textarea ที่ตำแหน่งเคอร์เซอร์ปัจจุบันได้อย่างไร?

ฉันต้องการสร้างฟังก์ชันง่ายๆที่เพิ่มข้อความลงในพื้นที่ข้อความที่ตำแหน่งเคอร์เซอร์ของผู้ใช้ จำเป็นต้องมีฟังก์ชันที่สะอาด เพียงแค่พื้นฐาน ฉันหาส่วนที่เหลือได้

126 javascript textarea

5

วิธีตรวจจับ Esc Key Press ใน React และวิธีจัดการ

ฉันจะตรวจจับการกดแป้น Esc บน reactjs ได้อย่างไร สิ่งที่คล้ายกับ jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); เมื่อตรวจพบแล้วฉันต้องการส่งต่อข้อมูลลงส่วนประกอบ ฉันมีส่วนประกอบ 3 ส่วนซึ่งส่วนประกอบที่ใช้งานสุดท้ายต้องตอบสนองต่อการกดแป้น Escape ฉันกำลังคิดถึงการลงทะเบียนประเภทหนึ่งเมื่อส่วนประกอบเริ่มทำงาน class Layout extends React.Component { onActive(escFunction){ this.escFunction = escFunction; } onEscPress(){ if(_.isFunction(this.escFunction)){ this.escFunction() } } render(){ …

126 javascript reactjs

6

ใช้ขีดล่างภายในตัวควบคุมเชิงมุม

ฉันจะใช้ไลบรารีขีดล่างภายในตัวควบคุม angularjs ได้อย่างไร ในโพสต์นี้: AngularJS limitTo by last 2 records มีคนแนะนำให้กำหนดตัวแปร _ ให้กับ rootScope เพื่อให้ไลบรารีพร้อมใช้งานสำหรับขอบเขตทั้งหมดภายในแอป แต่ฉันไม่ชัดเจนว่าจะทำที่ไหน ฉันหมายความว่าควรไปประกาศโมดูลแอพหรือไม่ เช่น: var myapp = angular.module('offersApp', []) .config(['$rootScope', function($rootScope) { } แต่ฉันจะโหลดขีดล่าง lib ได้ที่ไหน? ฉันมีในหน้าดัชนีของฉันคำสั่ง ng-app และการอ้างอิงสคริปต์ไปยัง libs เชิงมุมและขีดล่าง? index.html: <head> </head> <body ng-app="offersApp"> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="scripts/vendor/angular.js"></script> <script src="scripts/vendor/underscore.js"></script> ... ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร?

126 javascript angularjs underscore.js

12

การใช้เมธอด JavaScript Array.sort () ในการสับถูกต้องหรือไม่

ฉันกำลังช่วยใครบางคนด้วยโค้ด JavaScript ของเขาและสายตาของฉันก็ถูกจับโดยส่วนที่ดูเหมือนว่า: function randOrd(){ return (Math.round(Math.random())-0.5); } coords.sort(randOrd); alert(coords); สิ่งแรกของฉันคือ: เดี๋ยวก่อนนี่อาจใช้ไม่ได้! แต่แล้วฉันก็ได้ทำการทดลองและพบว่าอย่างน้อยมันก็ดูเหมือนจะให้ผลลัพธ์แบบสุ่ม จากนั้นฉันก็ค้นหาเว็บและเกือบที่ด้านบนพบบทความที่มีการคัดลอกโค้ดนี้มากที่สุด ดูเหมือนเว็บไซต์และผู้เขียนที่น่านับถือทีเดียว ... แต่ความรู้สึกในใจของฉันบอกฉันว่าสิ่งนี้ต้องผิด โดยเฉพาะอย่างยิ่งเมื่ออัลกอริทึมการเรียงลำดับไม่ได้ระบุไว้ตามมาตรฐาน ECMA ฉันคิดว่าการเรียงลำดับ algoritms ที่แตกต่างกันจะส่งผลให้เกิดการสับเปลี่ยนที่ไม่เหมือนกัน อัลกอริธึมการเรียงลำดับบางอย่างอาจวนซ้ำไม่สิ้นสุด ... แต่คุณคิดอย่างไร? และเป็นอีกคำถาม ... ตอนนี้ฉันจะไปวัดผลสุ่มของเทคนิคการสับไพ่นี้ได้อย่างไร? อัปเดต:ฉันทำการวัดผลและโพสต์ผลลัพธ์ด้านล่างเป็นหนึ่งในคำตอบ

126 javascript random sorting shuffle

14

ฉันจะเรียนรู้ jQuery ได้ที่ไหน? คุ้มมั้ย?

ล็อค คำถามนี้และคำตอบถูกล็อกเนื่องจากคำถามไม่ตรงประเด็น แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ยังไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ผมเคยมีจำนวนมากประสบการณ์ที่ดีในการเรียนรู้เกี่ยวกับการพัฒนาเว็บในw3schools.com ฉันรู้ว่ามันโดนหรือพลาด แต่ส่วน PHP และ CSS โดยเฉพาะได้พิสูจน์แล้วว่ามีประโยชน์มากสำหรับการอ้างอิง อย่างไรก็ตามฉันสงสัยว่ามีไซต์ที่คล้ายกันสำหรับjQueryหรือไม่ ฉันสนใจที่จะเรียนรู้ แต่ฉันต้องการให้มันออนไลน์ / ค้นหาได้ดังนั้นฉันจึงสามารถอ้างอิงกลับได้อย่างง่ายดายเมื่อฉันต้องการข้อมูลในอนาคต นอกจากนี้โดยสรุปแล้ว jQuery ควรค่าแก่การเรียนรู้หรือไม่? หรือฉันควรดูไลบรารี JavaScript อื่น ฉันรู้ว่าเจฟฟ์ใช้ jQuery บน Stack Overflow และดูเหมือนว่าจะทำงานได้ดี ขอบคุณ! แก้ไข : เว็บไซต์ของ jQuery มีรายการใหญ่สวยของบทเรียนและครอบคลุมดูเหมือนหน้าเอกสาร ฉันยังไม่มีเวลาทำมันเลยมีใครมีประสบการณ์กับมันบ้างไหม? แก้ไข 2 : ดูเหมือนว่าตอนนี้ Google กำลังโฮสต์ไลบรารี jQuery นั่นน่าจะทำให้ jQuery ได้เปรียบอย่างมากในแง่ของการประชาสัมพันธ์ นอกจากนี้หากทุกคนใช้ไลบรารี aQuery แบบรวมเดียวที่โฮสต์ในที่เดียวกันควรได้รับการแคชสำหรับผู้ใช้อินเทอร์เน็ตส่วนใหญ่ตั้งแต่เนิ่นๆดังนั้นจึงไม่ส่งผลกระทบต่อการดาวน์โหลดไซต์ของคุณหากคุณตัดสินใจใช้ 2 เดือนต่อมา …

126 javascript jquery review

8

jQuery ดูว่ามีการเลือกช่องทำเครื่องหมายหรือไม่

ฉันรู้วิธีดูว่ามีการเลือกช่องทำเครื่องหมายแต่ละช่องหรือไม่ แต่ฉันมีปัญหากับสิ่งต่อไปนี้ - ได้รับรหัสแบบฟอร์มฉันต้องการดูว่ามีการเลือกช่องทำเครื่องหมายใด (เช่น 1 หรือมากกว่า) และฉันต้องดูว่าไม่มีการเลือกไว้หรือไม่ โดยพื้นฐานแล้วฉันต้องการฟังก์ชั่นแยกต่างหากที่ตอบคำถามสองข้อนี้ ความช่วยเหลือจะได้รับการชื่นชม ขอบคุณ! อันที่จริงฉันแค่ต้องการฟังก์ชั่นเพื่อบอกว่าไม่มีการเลือกไว้ การรู้สิ่งนี้จะตอบคำถามอื่น ๆ

126 javascript jquery forms

2

"ใช้อย่างเข้มงวด" จำเป็นในไฟล์ TypeScript หรือไม่

ฉันเคยเห็นโพสต์เกี่ยวกับตำแหน่งที่จะใส่บรรทัด "ใช้อย่างเข้มงวด" ในไฟล์โค้ด TypeScript คำถามของฉันคือทำไมมีเลย? เนื่องจาก TypeScript เป็นภาษาที่พิมพ์ยากอยู่แล้ว "ใช้แบบเข้มงวด" จึงเพิ่มอะไร

126 javascript typescript

6

แชร์ตัวแปรระหว่างไฟล์ใน Node.js?

นี่คือ 2 ไฟล์: // main.js require('./modules'); console.log(name); // prints "foobar" // module.js name = "foobar"; เมื่อฉันไม่มี "var" มันใช้งานได้ แต่เมื่อฉันมี: // module.js var name = "foobar"; ชื่อจะไม่ถูกกำหนดใน main.js ฉันได้ยินมาว่าตัวแปรทั่วโลกไม่ดีและคุณควรใช้ "var" ก่อนการอ้างอิง แต่นี่เป็นกรณีที่ตัวแปรทั่วโลกดีหรือไม่?

126 javascript node.js global-variables

5

ปิดใช้งานการแก้ไขเมื่อปรับขนาด <canvas>

หมายเหตุ : นี้จะทำอย่างไรกับวิธีการที่องค์ประกอบผ้าใบที่มีอยู่จะแสดงผลเมื่อปรับขนาดขึ้น ,ไม่ได้จะทำอย่างไรกับสายหรือกราฟิกจะแสดงผลบนพื้นผิวผ้าใบ ในคำอื่น ๆ นี้มีทุกสิ่งที่จะทำอย่างไรกับการแก้ไขขององค์ประกอบที่ปรับขนาดได้และไม่มีอะไรจะทำอย่างไรกับการลดรอยหยักของกราฟิกถูกวาดบนผืนผ้าใบ ฉันไม่ได้กังวลว่าเบราว์เซอร์จะลากเส้นอย่างไร ฉันดูแลเกี่ยวกับวิธีการเบราว์เซอร์วาทกรรมองค์ประกอบผ้าใบตัวเองเมื่อมีการปรับขนาดขึ้น มีคุณสมบัติผ้าใบหรือการตั้งค่าเบราว์เซอร์ที่ฉันสามารถเปลี่ยนโดยทางโปรแกรมเพื่อปิดใช้งานการแก้ไขเมื่อปรับขนาด<canvas>องค์ประกอบได้หรือไม่ โซลูชันข้ามเบราว์เซอร์เหมาะอย่างยิ่ง แต่ไม่จำเป็น เบราว์เซอร์ที่ใช้ Webkit เป็นเป้าหมายหลักของฉัน ประสิทธิภาพเป็นสิ่งสำคัญมาก คำถามนี้คล้ายกันมากที่สุด แต่ไม่ได้อธิบายถึงปัญหาอย่างเพียงพอ สำหรับสิ่งที่คุ้มค่าฉันพยายามimage-rendering: -webkit-optimize-contrastแล้ว แอปพลิเคชันนี้จะเป็นเกม 8 บิตสไตล์ "ย้อนยุค" ที่เขียนด้วย HTML5 + JS เพื่อให้ชัดเจนว่าฉันต้องการอะไร เพื่อเป็นตัวอย่างนี่คือตัวอย่าง ( เวอร์ชันสด ) สมมติว่าฉันมีผ้าใบขนาด 21x21 ... <canvas id='b' width='21' height='21'></canvas> ... ซึ่งมี css ที่ทำให้องค์ประกอบใหญ่ขึ้น 5 เท่า (105x105): canvas { border: …

126 javascript html canvas

8

การเข้าถึงข้อมูลการหมุน JPEG EXIF ใน JavaScript ทางฝั่งไคลเอ็นต์

ฉันต้องการหมุนรูปภาพตามการหมุนเดิมตามที่กล้องกำหนดในข้อมูลภาพ JPEG EXIF เคล็ดลับคือทั้งหมดนี้ควรเกิดขึ้นในเบราว์เซอร์โดยใช้ JavaScript และ<canvas>. JavaScript สามารถเข้าถึง JPEG ซึ่งเป็นอ็อบเจ็กต์ API ไฟล์ในเครื่องข้อมูลภายใน<img>หรือระยะไกล<img>EXIF เพื่ออ่านข้อมูลการหมุนได้อย่างไร คำตอบฝั่งเซิร์ฟเวอร์ไม่ตกลง ฉันกำลังมองหาโซลูชันฝั่งไคลเอ็นต์

126 javascript jpeg exif html5-canvas

8

ReactJS SyntheticEvent stopPropagation () ใช้ได้กับเหตุการณ์ React เท่านั้น?

ฉันกำลังพยายามใช้ event.stopPropagation () ภายในคอมโพเนนต์ ReactJS เพื่อหยุดเหตุการณ์การคลิกไม่ให้เดือดและทริกเกอร์เหตุการณ์การคลิกที่แนบมากับ JQuery ในโค้ดดั้งเดิม แต่ดูเหมือนว่า stopPropagation () ของ React จะหยุดการเผยแพร่ไปยังเหตุการณ์เท่านั้น ยังแนบอยู่ใน React และ stopPropagation () ของ JQuery ไม่หยุดการแพร่กระจายไปยังเหตุการณ์ที่แนบมากับ React มีวิธีใดบ้างที่จะทำให้ stopPropagation () ทำงานในเหตุการณ์เหล่านี้ได้ ฉันเขียนJSFiddleง่ายๆเพื่อแสดงพฤติกรรมเหล่านี้: /** @jsx React.DOM */ var Propagation = React.createClass({ alert: function(){ alert('React Alert'); }, stopPropagation: function(e){ e.stopPropagation(); }, render: function(){ return ( <div> …

126 javascript jquery reactjs

7

การกำหนดเทมเพลต HTML เพื่อต่อท้ายโดยใช้ JQuery

ฉันมีอาร์เรย์ที่ฉันกำลังวนลูป ทุกครั้งที่เงื่อนไขเป็นจริงฉันต้องการต่อท้ายสำเนาของHTMLโค้ดด้านล่างกับองค์ประกอบคอนเทนเนอร์ที่มีค่าบางอย่าง ฉันจะนำ HTML นี้ไปใช้ซ้ำอย่างชาญฉลาดได้ที่ไหน <a href="#" class="list-group-item"> <div class="image"> <img src="" /> </div> <p class="list-group-item-text"></p> </a> JQuery $('.search').keyup(function() { $('.list-items').html(null); $.each(items, function(index) { // APPENDING CODE HERE }); });

126 javascript jquery json

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