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

14

ฉันจะปรับขนาด<canvas>องค์ประกอบHTML5 โดยอัตโนมัติเพื่อให้พอดีกับหน้าได้อย่างไร ตัวอย่างเช่นฉันสามารถเพิ่ม<div>ขนาดได้โดยการตั้งค่าheightและwidthคุณสมบัติเป็น 100% แต่<canvas>จะไม่ขยายขนาดใช่หรือไม่

400 javascript html html5-canvas

27

วิธีรีเซ็ต <input type =“ file”>

ฉันกำลังพัฒนาแอพ metro ด้วย VS2012 และ Javascript ฉันต้องการรีเซ็ตเนื้อหาของอินพุตไฟล์ของฉัน: <input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" /> ฉันควรทำอย่างไร

400 javascript visual-studio-2012 winjs

14

การเพิ่มชั่วโมงให้กับวัตถุวันที่ของ JavaScript?

มันทำให้ฉันประหลาดใจว่าอ็อบเจกต์ Date ของ JavaScript ไม่ได้ใช้ฟังก์ชั่นเพิ่มใด ๆ ฉันแค่ต้องการฟังก์ชั่นที่สามารถทำได้: var now = Date.now(); var fourHoursLater = now.addHours(4); function Date.prototype.addHours(h) { // how do I implement this? } ฉันแค่อยากให้พอยน์เตอร์ชี้ทางไป ฉันต้องแยกสตริงหรือไม่ ฉันสามารถใช้ setTime ได้หรือไม่ มิลลิวินาทีเป็นอย่างไร แบบนี้: new Date(milliseconds + 4*3600*1000 /*4 hrs in ms*/)? ดูเหมือนว่าแฮ็คจริงๆ - และมันใช้งานได้จริงหรือ

399 javascript datetime

13

วิธีการเรียกใช้งาน Gulp ตามลำดับหนึ่ง ๆ

ในตัวอย่างเช่นนี้: gulp.task "coffee", -> gulp.src("src/server/**/*.coffee") .pipe(coffee {bare: true}).on("error",gutil.log) .pipe(gulp.dest "bin") gulp.task "clean",-> gulp.src("bin", {read:false}) .pipe clean force:true gulp.task 'develop',['clean','coffee'], -> console.log "run something else" ในdevelopภารกิจที่ฉันต้องการเรียกใช้cleanและหลังจากเสร็จแล้วให้เรียกใช้coffeeและเมื่อเสร็จแล้วให้เรียกใช้อย่างอื่น แต่ฉันไม่สามารถเข้าใจได้ ชิ้นนี้ไม่ทำงาน กรุณาแนะนำ

398 javascript node.js coffeescript gulp

8

ไวยากรณ์ที่ถูกต้องของ ng-include คืออะไร?

ฉันพยายามที่จะรวมตัวอย่าง HTML ภายในng-repeatแต่ฉันไม่สามารถรวมถึงการทำงาน ดูเหมือนว่าไวยากรณ์ปัจจุบันของng-includeจะแตกต่างจากก่อนหน้านี้: ฉันเห็นตัวอย่างมากมายที่ใช้ <div ng-include src="path/file.html"></div> แต่ในเอกสารอย่างเป็นทางการมันบอกว่าจะใช้ <div ng-include="path/file.html"></div> แต่จากนั้นลงหน้ามันจะแสดงเป็น <div ng-include src="path/file.html"></div> ไม่ว่าฉันจะพยายาม <div ng-include="views/sidepanel.html"></div> <div ng-include src="views/sidepanel.html"></div> <ng-include src="views/sidepanel.html"></ng-include> <ng-include="views/sidepanel.html"></ng-include> <ng:include src="views/sidepanel.html"></ng:include> ตัวอย่างของฉันไม่ได้เป็นโค้ดมากนัก แต่ก็มีหลายอย่างเกิดขึ้น ฉันอ่านในโหลดเทมเพลตแบบไดนามิกภายในng-repeatที่อาจทำให้เกิดปัญหาดังนั้นฉันแทนที่เนื้อหาsidepanel.htmlด้วยคำเพียง แต่fooยังคงไม่มีอะไร ฉันพยายามประกาศแม่แบบโดยตรงในหน้านี้: <script type="text/ng-template" id="tmpl"> foo </script> และทำงานผ่านทุกรูปแบบของng-includeการอ้างอิงของสคริปต์idและยังคงไม่มีอะไร หน้าของฉันมีมากขึ้นในนั้น แต่ตอนนี้ฉันได้ถอดมันลงไปเพียงแค่นี้:  <html> <head>  </head> <body …

398 javascript html include angularjs repeater

2

ฉันจะค้นหาตำแหน่งสัมบูรณ์ขององค์ประกอบโดยใช้ jQuery ได้อย่างไร

มีวิธีการหาตำแหน่งที่แน่นอนขององค์ประกอบคือเมื่อเทียบกับจุดเริ่มต้นของหน้าต่างโดยใช้ jQuery?

398 javascript jquery

30

รับสตริงในรูปแบบ YYYYMMDD จากวัตถุวันที่ของ JS หรือไม่

ฉันพยายามใช้ JS เพื่อเปลี่ยนdate objectเป็นสตริงในYYYYMMDDรูปแบบ มีวิธีที่ง่ายกว่าการเชื่อมโยงDate.getYear(), Date.getMonth()และDate.getDay()?

398 javascript date

18

ตรวจจับการเปลี่ยนแปลงทั้งหมดใน <input type =“ text”> (ทันที) โดยใช้ JQuery

มีหลายวิธีที่มูลค่าของ<input type="text">กระป๋องสามารถเปลี่ยนแปลงได้ ได้แก่ : keypresses คัดลอกวาง แก้ไขด้วย JavaScript เติมอัตโนมัติโดยเบราว์เซอร์หรือแถบเครื่องมือ ฉันต้องการให้เรียกใช้ฟังก์ชัน JavaScript (พร้อมค่าอินพุตปัจจุบัน) ทุกครั้งที่มีการเปลี่ยนแปลง และฉันต้องการให้มันถูกเรียกได้ทันทีไม่ใช่แค่เมื่ออินพุตขาดโฟกัส ฉันกำลังมองหาวิธีที่สะอาดและแข็งแกร่งที่สุดในการทำเช่นนี้กับทุกเบราว์เซอร์ (โดยใช้ jQuery)

397 javascript jquery html

22

การเปรียบเทียบส่วนวันที่เท่านั้นโดยไม่มีการเปรียบเทียบเวลาใน JavaScript

เกิดอะไรขึ้นกับรหัสด้านล่าง อาจเป็นการง่ายกว่าที่จะเปรียบเทียบวันที่และเวลา ฉันไม่แน่ใจว่าจะทำสิ่งนี้ได้อย่างไรและฉันค้นหา แต่ฉันไม่พบปัญหาที่แน่นอน BTW เมื่อฉันแสดงวันที่ทั้งสองในการแจ้งเตือนพวกเขาจะแสดงเหมือนกันทุกประการ รหัสของฉัน: window.addEvent('domready', function() { var now = new Date(); var input = $('datum').getValue(); var dateArray = input.split('/'); var userMonth = parseInt(dateArray[1])-1; var userDate = new Date(); userDate.setFullYear(dateArray[2], userMonth, dateArray[0], now.getHours(), now.getMinutes(), now.getSeconds(), now.getMilliseconds()); if (userDate > now) { alert(now + '\n' + userDate); } …

397 javascript date comparison mootools

6

อะไรคือการใช้งานจริงของ ES6 WeakMap?

การใช้งานจริงของWeakMapโครงสร้างข้อมูลนำมาใช้ใน ECMAScript 6 อย่างไร เนื่องจากคีย์ของแผนที่ที่อ่อนแอสร้างการอ้างอิงที่แข็งแกร่งกับค่าที่สอดคล้องกันเพื่อให้มั่นใจว่าค่าที่ถูกแทรกลงในแผนที่ที่อ่อนแอจะไม่หายไปตราบใดที่คีย์ของมันยังมีชีวิตอยู่จึงไม่สามารถใช้สำหรับตารางบันทึกได้ แคชหรือสิ่งอื่นใดที่ปกติแล้วคุณจะใช้การอ้างอิงที่อ่อนแอแผนที่ที่มีค่าต่ำเป็นต้น ฉันดูเหมือนว่าสิ่งนี้: weakmap.set(key, value); ... เป็นเพียงวิธีวงเวียนในการพูดแบบนี้: key.value = value; กรณีการใช้งานของฉันหายไปอย่างเป็นรูปธรรม

397 javascript ecmascript-6 weakmap

10

การแพร่กระจายของวัตถุกับ Object.assign

สมมติว่าฉันมีoptionsตัวแปรและฉันต้องการตั้งค่าเริ่มต้นบางอย่าง ประโยชน์ / ข้อเสียของสองตัวเลือกนี้คืออะไร ใช้การแพร่กระจายวัตถุ options = {...optionsDefault, ...options}; หรือใช้ Object.assign options = Object.assign({}, optionsDefault, options); นี่คือความมุ่งมั่นที่ทำให้ฉันประหลาดใจ

396 javascript ecmascript-6

13

การเข้าถึงคุณสมบัติ JavaScript: เครื่องหมายจุดเทียบกับวงเล็บ?

นอกเหนือจากความจริงที่ชัดเจนว่ารูปแบบแรกสามารถใช้ตัวแปรและไม่ใช่แค่ตัวอักษรสตริงมีเหตุผลใดที่จะใช้อีกแบบหนึ่งและถ้าเป็นเช่นนั้นภายใต้กรณีใด ในรหัส: // Given: var foo = {'bar': 'baz'}; // Then var x = foo['bar']; // vs. var x = foo.bar; บริบท: ฉันได้เขียนโปรแกรมสร้างโค้ดที่สร้างนิพจน์เหล่านี้และฉันสงสัยว่าสิ่งใดจะเหมาะสมกว่า

394 javascript syntax object-literal

30

ฉันจะ pad ค่าด้วยศูนย์นำหน้าได้อย่างไร

วิธีที่แนะนำในการเติมค่าใน JavaScript คืออะไร? ฉันคิดว่าฉันสามารถสร้างฟังก์ชั่นที่กำหนดเองเพื่อวางค่าศูนย์ลงบนค่า typecasted แต่ฉันสงสัยว่ามีวิธีที่ตรงกว่านี้หรือไม่? หมายเหตุ:โดย "zerofilled" ฉันหมายถึงในความหมายฐานข้อมูลของคำ (โดยที่การแสดงตัวเลข zerofilled 6 หลักของหมายเลข 5 จะเป็น "000005")

394 javascript zerofill

9

วิธีการลบคุณลักษณะ "ปิดการใช้งาน" โดยใช้ jQuery?

ฉันต้องปิดการใช้งานอินพุตในตอนแรกจากนั้นคลิกลิงก์เพื่อเปิดใช้งาน นี่คือสิ่งที่ฉันได้ลองมาแล้ว แต่มันไม่ได้ผล HTML: <input type="text" disabled="disabled" class="inputDisabled" value=""> jQuery: $("#edit").click(function(event){ event.preventDefault(); $('.inputDisabled').removeAttr("disabled") }); นี่แสดงให้ฉันtrueแล้วfalseแต่ไม่มีอะไรเปลี่ยนแปลงสำหรับอินพุต: $("#edit").click(function(event){ alert(''); event.preventDefault(); alert($('.inputDisabled').attr('disabled')); $('.inputDisabled').removeAttr("disabled"); alert($('.inputDisabled').attr('disabled')); });

394 javascript jquery disabled-input

24

อะไรคือความแตกต่างระหว่าง typeof และ instanceof และควรใช้กับอันอื่นเมื่อใด?

ในกรณีของฉันโดยเฉพาะ: callback instanceof Function หรือ typeof callback == "function" มันแตกต่างกันอย่างไรความแตกต่างคืออะไร? ทรัพยากรเพิ่มเติม: JavaScript สวนtypeof VS instanceof

394 javascript instanceof typeof

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