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

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


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

21
ลบหลายองค์ประกอบออกจากอาร์เรย์ใน Javascript / jQuery
ฉันมีสองอาร์เรย์ อาร์เรย์แรกมีค่าบางค่าในขณะที่อาร์เรย์ที่สองมีดัชนีของค่าที่ควรลบออกจากอาร์เรย์แรก ตัวอย่างเช่น: var valuesArr = new Array("v1","v2","v3","v4","v5"); var removeValFromIndex = new Array(0,2,4); ฉันต้องการที่จะลบค่าในปัจจุบันที่ดัชนีจาก0,2,4 valuesArrฉันคิดว่าspliceวิธีดั้งเดิมอาจช่วยได้ดังนั้นฉันจึงคิด: $.each(removeValFromIndex,function(index,value){ valuesArr.splice(value,1); }); แต่ไม่ได้ผลเพราะหลังจากspliceนั้นดัชนีของค่าในแต่ละค่าvaluesArrจะแตกต่างกัน ฉันสามารถแก้ปัญหานี้ได้โดยใช้อาร์เรย์ชั่วคราวและคัดลอกค่าทั้งหมดไปยังอาร์เรย์ที่สอง แต่ฉันสงสัยว่ามีวิธีดั้งเดิมใดบ้างที่เราสามารถส่งผ่านหลายดัชนีเพื่อลบค่าออกจากอาร์เรย์ได้ ฉันต้องการโซลูชัน jQuery (ไม่แน่ใจว่าใช้grepที่นี่ได้ไหม)
118 javascript  jquery 

7
จะไปเดทเมื่อวานกับ Momentjs ได้อย่างไร?
คำถามของฉันง่ายมากฉันจะหา MomentJs เมื่อวานได้อย่างไร ใน Javascript นั้นง่ายมากเช่น today = new Date(); yesterday = new Date(today.setDate(today.getDate() - 1)) console.log(yesterday) แต่ฉันจะบรรลุสิ่งนี้ด้วย MomentJs ได้อย่างไร

1
อัปเกรดเป็น Babel 7: ไม่สามารถอ่านคุณสมบัติ 'การผูก' ของ null
ฉันเพิ่งอัปเกรดเป็นBabel 7 (จาก 6) โดยเรียกใช้คำสั่งเหล่านี้: npm remove babel-cli npm install --save-dev @babel/cli @babel/core @babel/preset-env นี่คือ.babelrcไฟล์ของฉัน: { "presets": ["env"] } จากนั้นฉันก็วิ่ง: babel js/src --out-dir js/dist และส่งผลให้: TypeError: Cannot read property 'bindings' of null at Scope.moveBindingTo (/xyz/node_modules/@babel/traverse/lib/scope/index.js:867:13) at BlockScoping.updateScopeInfo (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:364:17) at BlockScoping.run (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:330:12) at PluginPass.BlockStatementSwitchStatementProgram (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:70:24) at newFn (/xyz/node_modules/@babel/traverse/lib/visitors.js:193:21) at NodePath._call (/xyz/node_modules/@babel/traverse/lib/path/context.js:53:20) …



9
DataTables: ไม่สามารถอ่านรูปแบบคุณสมบัติของ undefined
ฉันได้รับข้อผิดพลาดดังต่อไปนี้: jquery.dataTables.js:4089 Uncaught TypeError: Cannot read property 'style' of undefined(…) _fnCalculateColumnWidths @ jquery.dataTables.js:4089 _fnInitialise @ jquery.dataTables.js:3216 (anonymous function) @ jquery.dataTables.js:6457 each @ jquery-2.0.2.min.js:4 each @ jquery-2.0.2.min.js:4 DataTable @ jquery.dataTables.js:5993 $.fn.DataTable @ jquery.dataTables.js:14595 (anonymous function) @ VM3329:1 (anonymous function) @ VM3156:180 l @ jquery-2.0.2.min.js:4 fireWith @ jquery-2.0.2.min.js:4 k @ jquery-2.0.2.min.js:6 (anonymous …

3
{this.props.children} คืออะไรและควรใช้เมื่อใด
ในฐานะผู้เริ่มต้นสู่โลกแห่ง React ฉันต้องการทำความเข้าใจในเชิงลึกว่าเกิดอะไรขึ้นเมื่อฉันใช้{this.props.children}และสถานการณ์ที่จะใช้เหมือนกันคืออะไร ความเกี่ยวข้องของมันในข้อมูลโค้ดด้านล่างคืออะไร? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } }

7
รวมสตริงด้วยตัวคั่นเฉพาะในกรณีที่สตริงไม่เป็นโมฆะหรือว่างเปล่า
สิ่งนี้รู้สึกว่ามันควรจะเรียบง่ายดังนั้นขออภัยหากฉันขาดบางสิ่งที่นี่ แต่ฉันกำลังพยายามหาวิธีง่ายๆในการเชื่อมต่อเฉพาะสตริงที่ไม่เป็นโมฆะหรือไม่ว่างเปล่า ฉันมีช่องที่อยู่ที่แตกต่างกันหลายช่อง: var address; var city; var state; var zip; ค่าสำหรับสิ่งเหล่านี้ได้รับการตั้งค่าตามฟิลด์ฟอร์มบางฟิลด์ในเพจและโค้ด js อื่น ๆ ฉันต้องการส่งออกที่อยู่แบบเต็มใน a divคั่นด้วยเครื่องหมายจุลภาค + ช่องว่างดังนั้นสิ่งนี้: $("#addressDiv").append(address + ", " + city + ", " + state + ", " + zip); ปัญหาคือฟิลด์หนึ่งหรือทั้งหมดอาจเป็นโมฆะ / ว่างเปล่า มีวิธีง่ายๆในการรวมฟิลด์ที่ไม่ว่างทั้งหมดในกลุ่มฟิลด์นี้โดยไม่ต้องตรวจสอบความยาวของแต่ละฟิลด์ก่อนที่จะเพิ่มลงในสตริงหรือไม่?
118 javascript  string 

5
ฉันจะโพสต์ข้อมูลแบบฟอร์มด้วย fetch api ได้อย่างไร
รหัสของฉัน: fetch("api/xxx", { body: new FormData(document.getElementById("form")), headers: { "Content-Type": "application/x-www-form-urlencoded", // "Content-Type": "multipart/form-data", }, method: "post", } ฉันพยายามโพสต์แบบฟอร์มของฉันโดยใช้ fetch api และเนื้อหาที่ส่งเป็นดังนี้: -----------------------------114782935826962 Content-Disposition: form-data; name="email" test@example.com -----------------------------114782935826962 Content-Disposition: form-data; name="password" pw -----------------------------114782935826962-- (ฉันไม่รู้ว่าทำไมจำนวนในขอบเขตถึงเปลี่ยนทุกครั้งที่ส่ง ... ) ฉันต้องการให้ส่งข้อมูลด้วย "Content-Type": "application / x-www-form-urlencoded" ฉันควรทำอย่างไร หรือหากฉันต้องจัดการกับมันฉันจะถอดรหัสข้อมูลในคอนโทรลเลอร์ได้อย่างไร? ใครที่ตอบคำถามของฉันฉันรู้ว่าฉันทำได้โดย: fetch("api/xxx", { body: "email=test@example.com&password=pw", headers: { "Content-Type": …


6
อะไรคือความแตกต่างระหว่าง ?:, ?! และ? = ใน regex?
ฉันค้นหาความหมายของนิพจน์เหล่านี้ แต่ไม่เข้าใจความแตกต่างที่แท้จริงระหว่างนิพจน์เหล่านี้ นี่คือสิ่งที่พวกเขาพูด: ?: จับคู่นิพจน์ แต่อย่าจับมัน ?= จับคู่คำต่อท้าย แต่ไม่รวมไว้ในการจับภาพ ?! จับคู่หากไม่มีคำต่อท้าย ฉันลองใช้สิ่งเหล่านี้ใน RegEx อย่างง่ายและได้ผลลัพธ์ที่คล้ายกันสำหรับทุกคน ตัวอย่าง: 3 นิพจน์ต่อไปนี้ให้ผลลัพธ์ที่คล้ายกันมาก [a-zA-Z0-9._-]+@[a-zA-Z0-9-]+(?!\.[a-zA-Z0-9]+)* [a-zA-Z0-9._-]+@[a-zA-Z0-9-]+(?=\.[a-zA-Z0-9]+)* [a-zA-Z0-9._-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9]+)*
118 javascript  regex 

19
วิธีการแปลง FormData (วัตถุ HTML5) เป็น JSON
ฉันจะแปลงรายการจากFormDataวัตถุHTML5 เป็น JSON ได้อย่างไร วิธีแก้ปัญหาไม่ควรใช้ jQuery นอกจากนี้ไม่ควรทำให้เป็นอนุกรมของFormDataวัตถุทั้งหมดแต่เฉพาะรายการคีย์ / ค่าเท่านั้น

10
นี่เป็นฟังก์ชั่นที่บริสุทธิ์หรือเปล่า?
แหล่งที่มาส่วนใหญ่กำหนดฟังก์ชั่นที่บริสุทธิ์ว่ามีสองคุณสมบัติต่อไปนี้: ค่าส่งคืนจะเหมือนกันสำหรับอาร์กิวเมนต์เดียวกัน การประเมินผลไม่มีผลข้างเคียง มันเป็นเงื่อนไขแรกที่เกี่ยวข้องกับฉัน ในกรณีส่วนใหญ่มันง่ายที่จะตัดสิน พิจารณาฟังก์ชั่น JavaScript ต่อไปนี้ (ดังแสดงในบทความนี้ ) บริสุทธิ์: const add = (x, y) => x + y; add(2, 4); // 6 ไม่บริสุทธิ์: let x = 2; const add = (y) => { return x += y; }; add(4); // x === 6 (the first time) add(4); // …

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.