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

10

ฉันมีตัวจัดการการคลิกสำหรับลิงก์เฉพาะซึ่งฉันต้องการทำสิ่งที่คล้ายกับสิ่งต่อไปนี้: window.location = url ฉันต้องการสิ่งนี้เพื่อเปิด url ในหน้าต่างใหม่จริงๆฉันจะทำอย่างไร

94 javascript jquery

11

ฉันควรใช้อ็อบเจกต์ลิเทอรัลหรือฟังก์ชันคอนสตรัคเตอร์หรือไม่?

ฉันเริ่มสับสนว่าควรจะสร้างวัตถุในจาวาสคริปต์ด้วยวิธีใด ดูเหมือนว่ามีอย่างน้อยสองวิธี หนึ่งคือการใช้สัญกรณ์ตามตัวอักษรของวัตถุในขณะที่อีกอันใช้ฟังก์ชันการก่อสร้าง มีข้อได้เปรียบเหนือข้ออื่น ๆ หรือไม่?

94 javascript

16

ข้อผิดพลาด AngularJS: 'อาร์กิวเมนต์' FirstCtrl 'ไม่ใช่ฟังก์ชันไม่ได้กำหนด'

ฉันสังเกตเห็นว่ามีการถามคำถามเดียวกันนี้สองสามครั้งที่นี่ฉันพยายามแก้ไข แต่ไม่มีอะไรช่วยได้ ฉันกำลังติดตามบทช่วยสอนนี้กับวิดีโอ Egghead แต่เมื่อฉันเข้าไปที่ส่วนของคอนโทรลเลอร์และการแชร์ข้อมูลระหว่างคอนโทรลเลอร์ฉันไม่สามารถใช้งานได้ เมื่อฉันรันด้วย Chrome ฉันได้รับข้อผิดพลาดนี้ในคอนโซล: 'อาร์กิวเมนต์' FirstCtrl 'ไม่ใช่ฟังก์ชันไม่ได้กำหนด' ฉันไม่รู้จริงๆว่ามีอะไรผิดปกติ รหัสจะเหมือนกันจากในบทช่วยสอน HTML <!DOCTYPE html> <html ng-app> <head> <title>AngularJS Tutorials: Controllers</title> <link rel="stylesheet" href="mystyle.css"> <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script> </head> <body> <div ng-app=""> <div ng-controller="FirstCtrl"> <h1> {{data.message + " world"}}</h1> <div class="{{data.message}}"> Wrap me in a foundation component </div> </div> </div> <script …

94 javascript angularjs

7

ฉันจะลบสไตล์อินไลน์ทั้งหมดด้วยจาวาสคริปต์และเหลือเฉพาะสไตล์ที่ระบุในสไตล์ชีต css ได้อย่างไร

หากฉันมีสิ่งต่อไปนี้ใน html ของฉัน: <div style="height:300px; width:300px; background-color:#ffffff;"></div> และสิ่งนี้ในสไตล์ชีต css ของฉัน: div { width:100px; height:100px; background-color:#000000; } มีวิธีใดบ้างที่ใช้ javascript / jquery เพื่อลบสไตล์อินไลน์ทั้งหมดและเหลือเฉพาะสไตล์ที่ระบุโดยสไตล์ชีต css

94 javascript jquery css inline

7

มีใครใช้ Coffeescript สำหรับแอปพลิเคชันการผลิตหรือไม่? [ปิด]

ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน8 ปีที่ผ่านมา Coffeescriptดูดีทีเดียว มีใครใช้บ้าง ข้อดีและข้อเสียคืออะไร?

94 javascript coffeescript

2

CORS - httprequest 'preflight' ทำอย่างไร?

ฉันกำลังพยายามส่งคำขอ HTTP ข้ามโดเมนไปยังบริการ WCF (ที่ฉันเป็นเจ้าของ) ฉันได้อ่านเทคนิคต่างๆในการทำงานกับข้อ จำกัด การเขียนสคริปต์ข้ามโดเมน เนื่องจากบริการของฉันต้องรองรับทั้งคำขอ GET และ POST ฉันจึงไม่สามารถติดตั้งแท็กสคริปต์แบบไดนามิกบางแท็กที่ src เป็น URL ของคำขอ GET เนื่องจากฉันมีอิสระที่จะทำการเปลี่ยนแปลงที่เซิร์ฟเวอร์ฉันจึงเริ่มพยายามใช้วิธีแก้ปัญหาที่เกี่ยวข้องกับการกำหนดค่าการตอบสนองของเซิร์ฟเวอร์เพื่อรวมส่วนหัว "Access-Control-Allow-Origin" และคำขอ "preflight" ด้วยและคำขอ OPTIONS ฉันได้แนวคิดจากโพสต์นี้: การทำให้ CORS ทำงานได้ ที่ฝั่งเซิร์ฟเวอร์วิธีการบนเว็บของฉันกำลังเพิ่ม 'Access-Control-Allow-Origin: *' ในการตอบสนอง HTTP ฉันเห็นว่าการตอบกลับรวมส่วนหัวนี้ไว้แล้ว คำถามของฉันคือฉันจะ 'กำหนดล่วงหน้า' คำขอ (OPTIONS) ได้อย่างไร? ฉันใช้ jQuery.getJSON เพื่อส่งคำขอ GET แต่เบราว์เซอร์ยกเลิกคำขอทันทีพร้อมกับสิ่งที่น่าอับอาย: จุดกำเนิดhttp: // localhostไม่ได้รับอนุญาตจาก Access-Control-Allow-Origin มีใครคุ้นเคยกับเทคนิค CORS …

94 javascript wcf jquery cors

8

การแทนที่การโทรกลับด้วยคำสัญญาใน Node.js

ฉันมีโมดูลโหนดอย่างง่ายที่เชื่อมต่อกับฐานข้อมูลและมีฟังก์ชันต่างๆในการรับข้อมูลตัวอย่างเช่นฟังก์ชันนี้: dbConnection.js: import mysql from 'mysql'; const connection = mysql.createConnection({ host: 'localhost', user: 'user', password: 'password', database: 'db' }); export default { getUsers(callback) { connection.connect(() => { connection.query('SELECT * FROM Users', (err, result) => { if (!err){ callback(result); } }); }); } }; โมดูลจะถูกเรียกด้วยวิธีนี้จากโมดูลโหนดอื่น: app.js: import dbCon from './dbConnection.js'; dbCon.getUsers(console.log); …

94 javascript node.js promise q bluebird

6

วิธีใดเป็นวิธีที่ดีที่สุดในการสร้างโปรไฟล์การเรียกใช้งานจาวาสคริปต์ [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ มี profiler ที่ดีสำหรับ javascript หรือไม่? ฉันรู้ว่า firebug รองรับโค้ดการทำโปรไฟล์ แต่ฉันต้องการกำหนดสถิติในระดับที่ยาวขึ้น ลองนึกภาพคุณกำลังสร้างโค้ดจาวาสคริปต์จำนวนมากและคุณต้องการระบุว่าอะไรคือคอขวดในโค้ด ตอนแรกฉันต้องการดูสถิติโปรไฟล์ของทุกฟังก์ชันจาวาสคริปต์และเวลาดำเนินการ ต่อไปจะรวมถึงฟังก์ชัน DOM สิ่งนี้รวมกับการกระทำที่ทำให้สิ่งต่างๆช้าลงเช่นการทำงานบนต้นไม้การเรนเดอร์จะสมบูรณ์แบบ ฉันคิดว่าสิ่งนี้จะให้ความประทับใจที่ดีหากประสิทธิภาพถูกฆ่าในโค้ดของฉันในการเตรียม DOM หรือในการอัปเดตทรี / ภาพการแสดงผล มีบางอย่างใกล้เคียงกับที่ฉันต้องการหรือไม่? หรืออะไรคือเครื่องมือที่ดีที่สุดในการบรรลุสิ่งที่ฉันอธิบายไว้มากที่สุด มันจะเป็นเบราว์เซอร์ที่คอมไพล์ด้วยตัวเองบวกกับเอ็นจิ้นจาวาสคริปต์ที่ปรับปรุงโดยฟังก์ชันโปรไฟล์หรือไม่?

94 javascript performance browser profiling

5

วันที่ใหม่ () ทำงานแตกต่างกันใน Chrome และ Firefox

ฉันต้องการแปลงสตริงวันที่Dateโดยใช้จาวาสคริปต์ใช้รหัสนี้: var date = new Date('2013-02-27T17:00:00'); alert(date); '2013-02-27T17:00:00' คือเวลา UTC ในออบเจ็กต์ JSON จากเซิร์ฟเวอร์ แต่ผลลัพธ์ของโค้ดด้านบนแตกต่างกันระหว่าง Firefox และ Chrome: ผลตอบแทนของ Firefox: Wed Feb 27 2013 17:00:00 GMT+0700 (SE Asia Standard Time) Chrome ส่งคืน: Thu Feb 28 2013 00:00:00 GMT+0700 (SE Asia Standard Time) มันต่างกัน 1 วันผลลัพธ์ที่ถูกต้องที่ฉันคาดหวังคือผลลัพธ์จาก Chrome รหัสสาธิต: http://jsfiddle.net/xHtqa/2/ ฉันจะแก้ไขปัญหานี้เพื่อให้ได้ผลลัพธ์เดียวกันจากทั้งสองอย่างได้อย่างไร

94 javascript date timezone

2

หลายนามสกุลไฟล์ภายในไดเร็กทอรีเดียวกันโดยใช้ Gulp

ดังนั้นฉันจึงมีการตั้งค่า gulpfile.js ในโฟลเดอร์รูปภาพฉันมีภาพอยู่สองสามภาพบางภาพเป็น png, jpgs และ gif บางส่วน ฉันต้องการกำหนดเป้าหมาย pngs, jpgs และ gif ทั้งหมดในโฟลเดอร์รูปภาพ ฉันสามารถใช้ ** / * เพื่อกำหนดเป้าหมายทุกอย่างในโฟลเดอร์ แต่ฉันไม่ต้องการฉันต้องการให้เฉพาะเจาะจงกับประเภทไฟล์ ฉันสามารถทำได้และระบุไฟล์แต่ละประเภททีละไฟล์: return gulp.src('./images/*.jpg', './images/*.png', './images/*.gif') แต่เป็นการทำซ้ำตัวเองมากและดูเหมือนว่าควรจะมีวิธีที่ง่ายกว่านี้ ฉันกำลังมองหาสิ่งนี้: return gulp.src('./images/*.{png, gif, jpg}') แต่อนิจจาข้างต้นไม่ได้ผล (หรืออย่างน้อยก็ใช้ได้กับไฟล์ประเภทแรกในรายการเท่านั้น) ใครทราบวิธีการทำเช่นนี้ ขอบคุณ

94 javascript gulp

6

เริ่มวิดีโอ HTML5 ที่ตำแหน่งใดตำแหน่งหนึ่งเมื่อโหลด?

ฉันต้องการวิดีโอ HTML5 เพื่อเริ่มต้น ณ จุดหนึ่ง สมมติว่าเวลา 50 วินาทีเป็นต้นไป ฉันลองแล้ว แต่มันไม่ได้ผลตามที่คาดไว้ มีบางอย่างที่ฉันทำผิด? นี่คือรหัส: <video id="vid1" width="640" height="360"> <source src="file.webm" type="video/webm" /> Your browser does not support the video tag. </video> <script> document.getElementById('vid1').currentTime = 50; </script> เมื่อหน้าเว็บโหลดมันจะเริ่มเล่นจากจุดเริ่มต้น อย่างไรก็ตามหากฉันเรียกสิ่งนี้ในระหว่างการเล่นเช่นหลังจากนั้นสักครู่ก็ใช้งานได้ดี มีอะไรที่ฉันขาดหายไป?

94 javascript html5-video

11

เพิ่มสไตล์อินไลน์โดยใช้ Javascript

ฉันพยายามเพิ่มรหัสนี้ในองค์ประกอบ div ที่สร้างขึ้นแบบไดนามิก style = "width:330px;float:left;" รหัสที่สร้างไดนามิกdivคือ var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; ความคิดของฉันคือการเพิ่มสไตล์หลังจากนั้น< div class="well"แต่ฉันไม่รู้ว่าจะทำอย่างไร

94 javascript css innerhtml

6

JavaScript Standard Style ไม่รู้จัก Mocha

ฉันมีไฟล์ทดสอบMochaที่มีลักษณะดังนี้: var expect = require('chai').expect var muting = require('../muting') describe('muting', function () { describe('init()', function () { it('should inject an object into twitter', function () { var twitter = 'twitter' muting.init(twitter) expect(muting.twitter).to.equal(twitter) }) }) }) เมื่อฉันเรียกใช้mochaจาก CLI มันจะรันการทดสอบสำเร็จ เมื่อฉันเรียกใช้standard(ปฏิบัติการสำหรับJavaScript Standard Style ) ฉันได้รับข้อผิดพลาดในฟังก์ชั่นกรอบงานของ Mocha ดังนี้: standard: Use JavaScript Standard Style …

94 javascript mocha

4

ฉันจะเข้าถึงเมธอด Object.prototype ด้วยตรรกะต่อไปนี้ได้อย่างไร

ฉันใช้ตรรกะต่อไปนี้เพื่อรับสตริง i18n ของคีย์ที่กำหนด export function i18n(key) { if (entries.hasOwnProperty(key)) { return entries[key]; } else if (typeof (Canadarm) !== 'undefined') { try { throw Error(); } catch (e) { Canadarm.error(entries['dataBuildI18nString'] + key, e); } } return entries[key]; } ฉันใช้ ESLint ในโครงการของฉัน ฉันได้รับข้อผิดพลาดต่อไปนี้: อย่าเข้าถึงเมธอด Object.prototype 'hasOwnProperty' จากออบเจ็กต์เป้าหมาย เป็นข้อผิดพลาด' ไม่มีต้นแบบในตัว ' ฉันจะเปลี่ยนรหัสเพื่อแก้ไขข้อผิดพลาดนี้ได้อย่างไร ฉันไม่ต้องการปิดใช้กฎนี้

94 javascript ecmascript-6 eslint

6

แปลง base64 เป็นรูปภาพใน javascript / jquery

ฉันได้เขียนโค้ดสำหรับการจับภาพโดยใช้ javascript / jquery ด้านล่างนี้คือรหัส: function capture_image(){ alert("capture_image"); var p = webcam.capture(); webcam.save(); alert("capture complete "+p); //getting true here var img = canvas.toDataURL("image"); var item_image = img.replace(/^data:image\/(png|jpg);base64,/, "") ; alert("item_image"+item_image); } item_image พิมพ์รูปแบบ base64 วิธีการแปลง base64 นั้นเป็นรูปภาพและวิธีใช้พา ธ นั้นในไคลเอนต์จาวาสคริปต์ ฉันกำลังค้นหาเว็บไซต์จำนวนมากใน Google แต่ใช้งานไม่ได้และรหัสนั้นไม่เหมาะกับความต้องการของฉัน

94 javascript jquery base64

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