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

สำหรับคำถามเกี่ยวกับการเขียนโปรแกรมใน ECMAScript (JavaScript / JS) และภาษา / การใช้งานต่างๆ (ไม่รวม ActionScript) แท็กนี้ไม่ค่อยได้ใช้คนเดียว แต่ส่วนใหญ่มักจะเกี่ยวข้องกับแท็ก [node.js], [jquery], [json] และ [html]

14
จะมี jQuery จำกัด ประเภทไฟล์ในการอัพโหลดได้อย่างไร?
ฉันต้องการให้ jQuery จำกัด ช่องอัพโหลดไฟล์ไว้ที่ jpg / jpeg, png และ gif เท่านั้น ฉันกำลังตรวจสอบแบ็กเอนด์ด้วยPHPอยู่แล้ว ฉันใช้ปุ่มส่งผ่านJavaScriptฟังก์ชั่นอยู่แล้วดังนั้นฉันเพียงแค่ต้องรู้วิธีตรวจสอบประเภทไฟล์ก่อนส่งหรือแจ้งเตือน
8
วิธีรับความคืบหน้าจาก XMLHttpRequest
เป็นไปได้หรือไม่ที่จะรับความคืบหน้าของ XMLHttpRequest (ไบต์ที่อัปโหลดดาวน์โหลดไบต์) นี่จะเป็นประโยชน์ในการแสดงแถบความคืบหน้าเมื่อผู้ใช้อัปโหลดไฟล์ขนาดใหญ่ ดูเหมือนว่า API มาตรฐานจะไม่รองรับ แต่อาจมีส่วนขยายที่ไม่ได้มาตรฐานในเบราว์เซอร์ใด ๆ ดูเหมือนว่าจะมีคุณลักษณะที่ชัดเจนเนื่องจากลูกค้าทราบว่ามีการอัปโหลด / ดาวน์โหลดจำนวนไบต์ หมายเหตุ: ฉันทราบถึงทางเลือก "สำรวจความคืบหน้าของเซิร์ฟเวอร์" (ตอนนี้ฉันกำลังทำอะไรอยู่) ปัญหาหลักของสิ่งนี้ (นอกเหนือจากรหัสฝั่งเซิร์ฟเวอร์ที่ซับซ้อน) คือโดยทั่วไปแล้วในขณะที่อัปโหลดไฟล์ขนาดใหญ่การเชื่อมต่อของผู้ใช้จะถูกปิดลงอย่างสมบูรณ์เนื่องจาก ISP ส่วนใหญ่ให้บริการอัปสตรีมที่ไม่ดี ดังนั้นการร้องขอเพิ่มเติมจึงไม่ตอบสนองอย่างที่หวัง ฉันหวังว่าจะมีวิธี (อาจไม่ได้มาตรฐาน) ในการรับข้อมูลนี้ซึ่งเบราว์เซอร์มีอยู่ตลอดเวลา
3
มีเครื่องมือในการแปลงไฟล์ JavaScript เป็น TypeScript หรือไม่ [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่? อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ตอนนี้ TypeScript ออกมาแล้วมันเป็นข่าวที่น่าตื่นเต้นสำหรับฉัน แต่ฉันจะแปลงไฟล์ JavaScript ที่มีอยู่ทั้งหมดเป็น TypeScript ได้อย่างไร
15
มีฟังก์ชันใน lodash เพื่อแทนที่รายการที่ตรงกันหรือไม่
ฉันสงสัยว่ามีวิธีที่ง่ายกว่าในการแทนที่รายการในคอลเลกชัน JavaScript หรือไม่? (อาจซ้ำกันได้แต่ฉันไม่เข้าใจคำตอบที่นั่น :) ฉันดูเอกสารของพวกเขา แต่ไม่พบอะไรเลย รหัสของฉันคือ: var arr = [{id: 1, name: "Person 1"}, {id:2, name:"Person 2"}]; // Can following code be reduced to something like _.XX(arr, {id:1}, {id:1, name: "New Name"}); _.each(arr, function(a, idx){ if(a.id === 1){ arr[idx] = {id:1, name: "Person New Name"}; return false; } …
134 javascript  lodash 
19
ES6 คลาสหลายการสืบทอด
ฉันได้ทำวิจัยส่วนใหญ่เกี่ยวกับBabelJSและMDN แล้ว (ซึ่งไม่มีข้อมูลเลย) แต่โปรดอย่าลังเลที่จะบอกฉันว่าฉันไม่ได้ระมัดระวังเพียงพอในการค้นหาข้อมูลเพิ่มเติมเกี่ยวกับ ES6 Spec ฉันสงสัยว่า ES6 รองรับการสืบทอดหลายแบบในลักษณะเดียวกับภาษาพิมพ์เป็ดอื่น ๆ หรือไม่ ตัวอย่างเช่นฉันสามารถทำสิ่งต่างๆเช่น: class Example extends ClassOne, ClassTwo { constructor() { } } เพื่อขยายหลายชั้นเรียนไปยังชั้นเรียนใหม่? ถ้าเป็นเช่นนั้นล่ามจะชอบวิธีการ / คุณสมบัติจาก ClassTwo มากกว่า ClassOne หรือไม่?
13
การวางตำแหน่งองค์ประกอบ <div> ตรงกลางหน้าจอ
ฉันต้องการจัดตำแหน่งองค์ประกอบ&lt;div&gt;(หรือ a &lt;table&gt;) ที่กึ่งกลางของหน้าจอโดยไม่คำนึงถึงขนาดหน้าจอ กล่าวอีกนัยหนึ่งช่องว่างด้านซ้ายบน "ด้านบน" และ "ด้านล่าง" ควรเท่ากันและช่องว่างด้านซ้ายบนด้านขวาและด้านซ้ายควรเท่ากัน ฉันต้องการทำสิ่งนี้ให้สำเร็จด้วย CSS เท่านั้น ฉันได้ลองทำสิ่งต่อไปนี้แล้ว แต่ใช้งานไม่ได้: &lt;body&gt; &lt;div style="top:0px; border:1px solid red;"&gt; &lt;table border="1" align="center"&gt; &lt;tr height="100%"&gt; &lt;td height="100%" width="100%" valign="middle" align="center"&gt; We are launching soon! &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; หมายเหตุ: เป็นวิธีที่ดีหาก&lt;div&gt;องค์ประกอบ (หรือ&lt;table&gt;) เลื่อนไปพร้อมกับเว็บไซต์หรือไม่ เพียงต้องการให้อยู่กึ่งกลางเมื่อหน้าโหลด
134 javascript  css  html 
10
จาวาสคริปต์ตรวจสอบว่าไม่เป็นโมฆะ
ด้านล่างนี้เป็นข้อมูลโค้ดที่เราดึงค่าแบบฟอร์ม ก่อนประมวลผลเพิ่มเติมให้ตรวจสอบว่าค่าไม่เป็นโมฆะ .. var val = document.FileList.hiddenInfo.value; alert("val is " + val); // this prints null which is as expected if (val != null) { alert("value is "+val.length); // this returns 4 } else { alert("value* is null"); } มีความคิดว่าทำไมมันถึงเกิดขึ้น .. ??
134 javascript 
9
คุณสามารถผูก 'this' ในฟังก์ชันลูกศรได้หรือไม่?
ฉันได้ทดลอง ES6 มาระยะหนึ่งแล้วและเพิ่งพบปัญหาเล็กน้อย ฉันชอบใช้ฟังก์ชันลูกศรมากและเมื่อใดก็ตามที่ทำได้ฉันก็ใช้มัน อย่างไรก็ตามดูเหมือนว่าคุณไม่สามารถผูกมันได้! นี่คือฟังก์ชั่น: var f = () =&gt; console.log(this); นี่คือวัตถุที่ฉันต้องการผูกฟังก์ชันเข้ากับ: var o = {'a': 42}; และนี่คือวิธีที่ฉันจะผูกfกับo: var fBound = f.bind(o); จากนั้นฉันสามารถโทรfBound: fBound(); ซึ่งจะส่งออกสิ่งนี้ ( oวัตถุ): {'a': 42} เย็น! น่ารัก! ยกเว้นว่าใช้ไม่ได้. แทนที่จะส่งออกoอ็อบเจ็กต์มันจะส่งออกwindowอ็อบเจ็กต์ ฉันอยากรู้ว่า: คุณผูกฟังก์ชันลูกศรได้ไหม (และถ้าเป็นเช่นนั้นอย่างไร) ฉันได้ทดสอบโค้ดด้านบนใน Google Chrome 48 และ Firefox 43 แล้วผลลัพธ์ก็เหมือนกัน
9
useState () ใน React คืออะไร?
ฉันกำลังเรียนรู้แนวคิด hooks ใน React และพยายามทำความเข้าใจตัวอย่างด้านล่าง import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( &lt;div&gt; &lt;p&gt;You clicked {count} times&lt;/p&gt; &lt;button onClick={() =&gt; setCount(count + 1)}&gt; Click me &lt;/button&gt; &lt;/div&gt; ); } ตัวอย่างข้างต้นจะเพิ่มตัวนับในพารามิเตอร์ฟังก์ชันตัวจัดการเอง จะเกิดอะไรขึ้นถ้าฉันต้องการแก้ไขค่าการนับภายในฟังก์ชันตัวจัดการเหตุการณ์ …
8
Javascript ES6 / ES5 ค้นหาในอาร์เรย์และการเปลี่ยนแปลง
ฉันมีอาร์เรย์ของวัตถุ ฉันต้องการค้นหาตามฟิลด์บางฟิลด์จากนั้นจึงเปลี่ยน: var item = {...} var items = [{id:2}, {id:2}, {id:2}]; var foundItem = items.find(x =&gt; x.id == item.id); foundItem = item; ฉันต้องการให้มันเปลี่ยนวัตถุเดิม อย่างไร? (ฉันไม่สนหรอกว่ามันจะอยู่ใน lodash ด้วยหรือเปล่า)
28
สร้างอาร์เรย์ต้นไม้จากอาร์เรย์แบบแบนในจาวาสคริปต์
ฉันมีไฟล์ json ที่ซับซ้อนซึ่งฉันต้องจัดการด้วยจาวาสคริปต์เพื่อทำให้เป็นลำดับชั้นเพื่อที่จะสร้างต้นไม้ในภายหลัง ทุกรายการของ json มี: id: id เฉพาะ, parentId: id ของโหนดพาเรนต์ (ซึ่งเป็น 0 ถ้าโหนดเป็นรูทของทรี) ระดับ: ระดับของความลึกในทรี ข้อมูล json "สั่งซื้อ" แล้ว ฉันหมายความว่ารายการจะมีโหนดแม่หรือโหนดบราเดอร์เหนือตัวเองและภายใต้โหนดลูกหรือโหนดพี่ชาย อินพุต: { "People": [ { "id": "12", "parentId": "0", "text": "Man", "level": "1", "children": null }, { "id": "6", "parentId": "12", "text": "Boy", "level": "2", "children": null }, …
134 javascript  arrays  list  tree 
10
ที่มาของข้อผิดพลาดคืออะไร: getaddrinfo EAI_AGAIN?
เซิร์ฟเวอร์ของฉันส่งสิ่งนี้ในวันนี้ซึ่งเป็นข้อผิดพลาด Node.js ที่ฉันไม่เคยเห็นมาก่อน: Error: getaddrinfo EAI_AGAIN my-store.myshopify.com:443 at Object.exports._errnoException (util.js:870:11) at errnoException (dns.js:32:15) at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:78:26) ฉันสงสัยว่าสิ่งนี้เกี่ยวข้องกับการโจมตี DynDns DDOS ซึ่งส่งผลกระทบต่อ Shopify และบริการอื่น ๆ ในปัจจุบันหรือไม่ นี่คือบทความเกี่ยวกับเรื่องนี้ คำถามหลักของฉันคือdns.jsทำอะไร? มันเป็นส่วนใดของโหนด? ฉันจะสร้างข้อผิดพลาดนี้ขึ้นใหม่โดยใช้โดเมนอื่นได้อย่างไร
12
คุณสมบัติ '…' ไม่มีตัวเริ่มต้นและไม่ได้กำหนดไว้อย่างแน่นอนในตัวสร้าง
ในแอป Angular ของฉันฉันมีส่วนประกอบ: import { MakeService } from './../../services/make.service'; import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-vehicle-form', templateUrl: './vehicle-form.component.html', styleUrls: ['./vehicle-form.component.css'] }) export class VehicleFormComponent implements OnInit { makes: any[]; vehicle = {}; constructor(private makeService: MakeService) { } ngOnInit() { this.makeService.getMakes().subscribe(makes =&gt; { this.makes = makes console.log("MAKES", this.makes); …
5
querySelector องค์ประกอบสัญลักษณ์แทนตรงกันหรือไม่
มีวิธีในการจับคู่องค์ประกอบชื่อตัวแทนโดยใช้querySelectorหรือquerySelectorAllไม่ ฉันเห็นการสนับสนุนสัญลักษณ์แทนในแบบสอบถามแอททริบิว แต่ไม่ใช่สำหรับองค์ประกอบเอง เอกสาร XML ที่ฉันพยายามวิเคราะห์นั้นเป็นรายการคุณสมบัติโดยทั่วไปและฉันต้องการค้นหาองค์ประกอบที่มีสตริงบางอย่างในชื่อของพวกเขา ฉันรู้ว่าเอกสาร XML น่าจะต้องมีการปรับโครงสร้างหากฉันต้องการสิ่งนี้ แต่นั่นก็ไม่ได้เกิดขึ้น วิธีการแก้ปัญหาใด ๆ ยกเว้นกลับไปใช้ XPath ที่เห็นได้ชัดว่าเลิก (IE9 ลดลง) เป็นที่ยอมรับ
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.