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

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

8
ตรวจสอบความกว้างและความสูงของรูปภาพก่อนอัปโหลดด้วย Javascript
ฉันมี JPS ที่มีรูปแบบที่ผู้ใช้สามารถใส่รูปภาพได้: <div class="photo"> <div>Photo (max 240x240 and 100 kb):</div> <input type="file" name="photo" id="photoInput" onchange="checkPhoto(this)"/> </div> ฉันเขียน js นี้แล้ว: function checkPhoto(target) { if(target.files[0].type.indexOf("image") == -1) { document.getElementById("photoLabel").innerHTML = "File not supported"; return false; } if(target.files[0].size > 102400) { document.getElementById("photoLabel").innerHTML = "Image too big (max 100kb)"; return false; } document.getElementById("photoLabel").innerHTML …

21
วิธีแยกข้อมูล ng-repeat ด้วยสามคอลัมน์โดยใช้ bootstrap
ฉันใช้ ng-repeat กับรหัสของฉันฉันมีกล่องข้อความจำนวน 'n' ตาม ng-repeat ฉันต้องการจัดแนวกล่องข้อความด้วยสามคอลัมน์ นี่คือรหัสของฉัน <div class="control-group" ng-repeat="oneExt in configAddr.ext"> {{$index+1}}. <input type="text" name="macAdr{{$index+1}}" id="macAddress" ng-model="oneExt.newValue" value=""/> </div>


8
SyntaxError: ฟังก์ชันโทเค็นที่ไม่คาดคิด - Async Await Nodejs
ฉันกำลังทดลองใช้ Node เวอร์ชัน6.2.1กับโค้ดบางส่วนของฉัน มีแผนที่จะย้ายรหัสที่เน้นการโทรกลับแบบไฮเปอร์ส่วนใหญ่ไปยังสิ่งที่ดูสะอาดกว่าและอาจทำงานได้ดีกว่า ฉันไม่รู้ว่าทำไมเทอร์มินัลแสดงข้อผิดพลาดเมื่อฉันพยายามรันโค้ดโหนด helloz.js (async function testingAsyncAwait() { await console.log("Print me!"); })(); Logs- BOZZMOB-M-T0HZ:rest bozzmob$ node helloz.js /Users/bozzmob/Documents/work/nextgennms/rest/helloz.js:1 (function (exports, require, module, __filename, __dirname) { (async function testingAsyncAwait() { ^^^^^^^^ SyntaxError: Unexpected token function at Object.exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:513:28) at Object.Module._extensions..js (module.js:550:10) at Module.load (module.js:458:32) at tryModuleLoad …

3
onload เท่ากับ readyState == 4 ใน XMLHttpRequest หรือไม่
ฉันสับสนเกี่ยวกับเหตุการณ์ผลตอบแทน xhr อย่างที่ฉันบอกได้ว่าonreadystatechange -> readyState == 4และ onload ไม่แตกต่างกันมากนักมันเป็นความจริงหรือไม่ var xhr = new XMLHttpRequest(); xhr.open("Get", url, false); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { /* do some thing*/ } }; xhr.send(null); หรือ xhr.onload = function() { /* do something */ }

2
ตัวแปรสถานะของอินสแตนซ์ v ใน react.js
ใน react.js ควรเก็บการอ้างอิงการหมดเวลาเป็นตัวแปรอินสแตนซ์ (this.timeout) หรือตัวแปรสถานะ (this.state.timeout) ดีกว่าไหม React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function () { self.openWidget(); }, DELAY); }, handleLeave: function () { // Clear the timeout for opening the widget clearTimeout(this.timeout); } ... }) หรือ …

6
เอกสารย่อยพังพอนเทียบกับสคีมาที่ซ้อนกัน
ฉันอยากรู้ข้อดีข้อเสียของการใช้เอกสารย่อยเทียบกับเลเยอร์ที่ลึกกว่าในสคีมาหลักของฉัน: var subDoc = new Schema({ name: String }); var mainDoc = new Schema({ names: [subDoc] }); หรือ var mainDoc = new Schema({ names: [{ name: String }] }); ขณะนี้ฉันใช้เอกสารย่อยทุกที่ แต่ฉันสงสัยเกี่ยวกับประสิทธิภาพหรือปัญหาการสืบค้นที่ฉันอาจพบเป็นหลัก

10
จะตัดการเรียกฟังก์ชัน async ลงในฟังก์ชัน sync ใน Node.js หรือ Javascript ได้อย่างไร
สมมติว่าคุณรักษาห้องสมุดที่ exposes getDataฟังก์ชัน ผู้ใช้ของคุณเรียกสิ่งนี้ว่ารับข้อมูลจริง: ข้อมูล var output = getData(); Under the hood จะถูกบันทึกไว้ในไฟล์เพื่อให้คุณใช้งานgetDataโดยใช้ Node.js ในfs.readFileSyncตัว เห็นได้ชัดทั้งคู่getDataและfs.readFileSyncเป็นฟังก์ชันการซิงค์ วันหนึ่งคุณได้รับคำสั่งให้เปลี่ยนแหล่งข้อมูลพื้นฐานเป็น repo เช่น MongoDB ซึ่งสามารถเข้าถึงได้แบบอะซิงโครนัสเท่านั้น นอกจากนี้คุณยังได้รับคำสั่งให้หลีกเลี่ยงการทำให้ผู้ใช้ของคุณgetDataขุ่นเคืองไม่สามารถเปลี่ยน API ให้กลับมาเป็นเพียงคำสัญญาหรือเรียกร้องพารามิเตอร์การเรียกกลับ คุณมีคุณสมบัติตามข้อกำหนดทั้งสองอย่างไร ฟังก์ชันอะซิงโครนัสโดยใช้การเรียกกลับ / สัญญาคือ DNA ของ JavasSript และ Node.js แอป JS ที่ไม่สำคัญใด ๆ อาจจะเต็มไปด้วยรูปแบบการเข้ารหัสนี้ แต่การปฏิบัตินี้สามารถนำไปสู่สิ่งที่เรียกว่าปิรามิดแห่งการลงโทษได้อย่างง่ายดาย ยิ่งไปกว่านั้นหากรหัสใด ๆ ในผู้โทรใด ๆ ในสายการโทรขึ้นอยู่กับผลลัพธ์ของฟังก์ชัน async รหัสเหล่านั้นจะต้องถูกรวมไว้ในฟังก์ชันการโทรกลับเช่นกันซึ่งเป็นการกำหนดข้อ จำกัด รูปแบบการเข้ารหัสสำหรับผู้โทร ในบางครั้งฉันพบว่าจำเป็นต้องห่อหุ้มฟังก์ชัน async …

6
อะไรคือความแตกต่างระหว่างฟังก์ชัน exec () ของ RegExp และฟังก์ชัน Match () ของ String?
ถ้าฉันเรียกใช้สิ่งนี้: /([^\/]+)+/g.exec('/a/b/c/d'); ฉันได้รับสิ่งนี้: ["a", "a"] แต่ถ้าฉันเรียกใช้สิ่งนี้: '/a/b/c/d'.match(/([^\/]+)+/g); จากนั้นฉันจะได้ผลลัพธ์ที่คาดหวังจากสิ่งนี้: ["a", "b", "c", "d"] อะไรคือความแตกต่าง?
122 javascript  regex 


23
วิธีการนำนิยามคลาส C # ที่มีอยู่กลับมาใช้ใหม่ในโปรเจ็กต์ TypeScript
ฉันจะเริ่มใช้TypeScriptในโปรเจ็กต์ไคลเอนต์ HTML ของฉันซึ่งเป็นของโครงการ MVC ที่มีโมเดลโดเมนเฟรมเวิร์กเอนทิตีอยู่แล้ว ฉันต้องการให้สองโปรเจ็กต์ของฉัน (ฝั่งไคลเอ็นต์และฝั่งเซิร์ฟเวอร์) แยกออกจากกันโดยสิ้นเชิงเนื่องจากทั้งสองทีมจะทำงานกับสิ่งนี้ ... JSON และ REST ใช้เพื่อสื่อสารอ็อบเจกต์ไปมา แน่นอนว่าdomainวัตถุของฉันในฝั่งไคลเอ็นต์ควรตรงกับวัตถุทางฝั่งเซิร์ฟเวอร์ ที่ผ่านมาฉันทำสิ่งนี้ด้วยตนเองเป็นปกติ มีวิธีการนำนิยามคลาส C # ของฉันกลับมาใช้ซ้ำ (โดยเฉพาะของPOJOคลาสในโมเดลโดเมนของฉัน) เพื่อสร้างคลาสที่สอดคล้องกันใน TypeScript "หรือไม่

9
[object Object] หมายถึงอะไร?
ฉันพยายามแจ้งเตือนค่าที่ส่งคืนจากฟังก์ชันและได้รับสิ่งนี้ในการแจ้งเตือน: [object Object] นี่คือรหัส JavaScript: <script type="text/javascript"> $(function () { var $main = $('#main'), $1 = $('#1'), $2 = $('#2'); $2.hide(); // hide div#2 when the page is loaded $main.click(function () { $1.toggle(); $2.toggle(); }); $('#senddvd').click(function () { alert('hello'); var a=whichIsVisible(); alert(whichIsVisible()); }); function whichIsVisible() { if (!$1.is(':hidden')) return $1; …
122 javascript  jquery 

14
จะใช้เส้นทางที่พิสูจน์ตัวตนใน React Router 4 ได้อย่างไร?
ฉันพยายามใช้เส้นทางที่ตรวจสอบสิทธิ์ แต่พบว่าตอนนี้ React Router 4 ป้องกันไม่ให้สิ่งนี้ทำงาน: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> ข้อผิดพลาดคือ: คำเตือน: คุณไม่ควรใช้<Route component>และ<Route children>อยู่ในเส้นทางเดียวกัน <Route children>จะถูกละเว้น ในกรณีนี้วิธีที่ถูกต้องในการนำไปใช้คืออะไร? ปรากฏในreact-routerเอกสาร (v4) ซึ่งแนะนำสิ่งต่างๆเช่น <Router> <div> <AuthButton/> <ul> <li><Link to="/public">Public Page</Link></li> <li><Link to="/protected">Protected Page</Link></li> </ul> …

14
เลื่อนกลับไปที่ด้านบนสุดของ div ที่เลื่อนได้
<div id="containerDiv"></div> #containerDiv { position: absolute; top: 0px; width: 400px; height: 100%; padding: 5px; font-size: .875em; overflow-y: scroll; } document.getElementById("containerDiv").innerHTML = variableLongText; จะรีเซ็ตตำแหน่งเลื่อนกลับไปด้านบนของคอนเทนเนอร์ div ในครั้งต่อไปได้อย่างไร
122 javascript  html  scroll 

13
Uint8Array เป็นสตริงใน Javascript
ฉันมีข้อมูลที่เข้ารหัส UTF-8 อยู่ในช่วงขององค์ประกอบ Uint8Array ใน Javascript มีวิธีที่มีประสิทธิภาพในการถอดรหัสสิ่งเหล่านี้เป็นสตริงจาวาสคริปต์ปกติหรือไม่ (ฉันเชื่อว่า Javascript ใช้ Unicode 16 บิต) ฉันไม่ต้องการเพิ่มอักขระหนึ่งตัวในเวลานั้นเนื่องจากการต่อสายอักขระจะกลายเป็น CPU ที่เข้มข้น
122 javascript 

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