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

ฉันจะทำเช่นนั้นได้อย่างไรดังนั้นเมื่อใดก็ตามที่ผู้ใช้คลิกลิงก์เราจะส่งเสียง ใช้ javascript และ jquery ที่นี่

86 javascript  jquery  audio 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันได้ค้นหาข้อมูลเล็กน้อย แต่ไม่พบเครื่องมือที่มีอยู่สำหรับสิ่งนี้ ฉันมีเว็บเซิร์ฟเวอร์ node.js ที่ออกแบบมาให้ทำงานบนคอมพิวเตอร์ของคุณเองซึ่งทำสิ่งที่น่ารำคาญให้กับคุณ คงจะดีไม่น้อยถ้าฉันสามารถดับเบิ้ลคลิกMySnazzyThing.appแทนการติดตั้ง nodejs และ npm และทำงานnode mysnazzyapp.jsบนบรรทัดคำสั่ง .appปฏิบัติการจะ spool ค่าเซิร์ฟเวอร์โหนดและเปิดหน้าต่าง WebKit ง่ายพื้นเมืองซึ่งจะแสดงสิ่งที่ตามปกติจะเป็นlocalhost:3000ถ้าฉันได้ทำงานในบรรทัดคำสั่ง จากนั้นแอปเนทีฟนี้สามารถพูดได้ว่าเผยแพร่ผ่าน mac app store และแบมแอปเดสก์ท็อป node.js มีเครื่องมือดังกล่าวหรือไม่? หรือมีเหตุผลทางเทคนิคใด ๆ ที่ทำให้ไม่ได้ผลอย่างที่คิด

86 javascript  macos  node.js  desktop-application 

ฉันเพิ่งเริ่มใช้ Knockout.js (อยากลองใช้เสมอ แต่ตอนนี้ฉันมีข้อแก้ตัว!) - อย่างไรก็ตามฉันพบปัญหาประสิทธิภาพการทำงานที่แย่มากเมื่อผูกตารางกับชุดที่ค่อนข้างเล็ก ข้อมูล (ประมาณ 400 แถวหรือมากกว่านั้น) ในรุ่นของฉันฉันมีรหัสต่อไปนี้: this.projects = ko.observableArray( [] ); //Bind to empty array at startup this.loadData = function (data) //Called when AJAX method returns { for(var i = 0; i < data.length; i++) { this.projects.push(new ResultRow(data[i])); //<-- Bottleneck! } }; ปัญหาคือการforวนรอบด้านบนใช้เวลาประมาณ 30 วินาทีหรือประมาณนั้นโดยมีประมาณ …

86 javascript  performance  knockout.js 

ฉันต้องการวางองค์ประกอบที่ด้านล่างของหน้าเมื่อใดก็ตามที่ผู้ใช้เลื่อนหน้า มันเหมือนกับ "ตำแหน่งคงที่" แต่ฉันไม่สามารถใช้ "position: fixed" css ได้เนื่องจากเบราว์เซอร์ของลูกค้าของฉันไม่สามารถรองรับสิ่งนั้นได้ ฉันสังเกตเห็นว่า jquery สามารถรับตำแหน่งบนสุดของวิวพอร์ตปัจจุบันได้ แต่ฉันจะรับด้านล่างของวิวพอร์ตแบบเลื่อนได้อย่างไร ดังนั้นฉันจึงถามว่าจะรู้ได้อย่างไร: $ (window) .scrollBottom ()

86 javascript  jquery 

ฉันมี div ที่ซ่อนอยู่ซึ่งมีวิดีโอ YouTube ในไฟล์<iframe>. เมื่อผู้ใช้คลิกที่ลิงค์ div นี้จะปรากฏให้เห็นผู้ใช้ควรจะเล่นวิดีโอได้ เมื่อผู้ใช้ปิดแผงวิดีโอควรหยุดเล่น ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร? รหัส: <!-- link to open popupVid --> <p><a href="javascript:;" onClick="document.getElementById('popupVid').style.display='';">Click here</a> to see my presenting showreel, to give you an idea of my style - usually described as authoritative, affable and and engaging.</p> <!-- popup and contents --> <div id="popupVid" …

86 javascript  youtube-api  youtube-javascript-api 

ใน GMail ผู้ใช้สามารถคลิกที่ช่องทำเครื่องหมายหนึ่งช่องในรายการอีเมลกดปุ่ม Shift ค้างไว้แล้วเลือกช่องทำเครื่องหมายที่สอง จากนั้น JavaScript จะเลือก / ยกเลิกการเลือกช่องทำเครื่องหมายที่อยู่ระหว่างสองช่องทำเครื่องหมาย ฉันอยากรู้ว่ามันเป็นอย่างไร? JQuery นี้หรือ JavaScript พื้นฐาน (หรือซับซ้อน) หรือไม่

86 javascript  gmail 

ใครช่วยบอกวิธีรวมคอนโทรลเลอร์จากคำสั่งหนึ่งในคำสั่ง angularJS อื่น ตัวอย่างเช่นฉันมีรหัสต่อไปนี้ var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' }); }]); app.directive('mainCtrl', function () { return { controller: function ($scope) {} }; }); app.directive('addProduct', function () { return …

86 javascript  angularjs  angularjs-directive 

ฉันกำลังสร้างคลาส Javascript และฉันต้องการมีฟิลด์แบบคงที่สาธารณะเช่นใน Java นี่คือรหัสที่เกี่ยวข้อง: export default class Agent { CIRCLE: 1, SQUARE: 2, ... นี่คือข้อผิดพลาดที่ฉันได้รับ: line 2, col 11, Class properties must be methods. Expected '(' but instead saw ':'. ดูเหมือนว่าโมดูล ES6 จะไม่อนุญาต มีวิธีทำให้ได้พฤติกรรมที่ต้องการหรือไม่หรือต้องเขียน getter?

86 javascript  ecmascript-6  class-fields 

ในตัวอย่าง "Hello World" นี้: // Load the http module to create an http server. var http = require('http'); // Configure our HTTP server to respond with Hello World to all requests. var server = http.createServer(function (request, response) { response.writeHead(200, {"Content-Type": "text/plain"}); response.end("Hello World\n"); }); // Listen on port 8000, IP …

86 javascript  http  node.js 

ฉันอัปเกรด Google Chrome เป็นVersion 64.0.3282.140 (Official Build) (64-bit)บนเครื่อง Windows 10 เมื่อฉันทำแล้วฉันได้รับข้อผิดพลาดนี้ในไซต์ของฉันภายในคอนโซลเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ ไม่แน่ใจว่าจะเริ่มจากตรงไหน ฉันพบปัญหาที่คล้ายกันเมื่อปีที่แล้วซึ่งเป็นปัญหากับ youtube (เช่นใน url) แต่ฉันไม่เห็นวิธีแก้ไขใด ๆ Error parsing header X-XSS-Protection: 1; mode=block; report=https://www.google.com/appserve/security-bugs/log/youtube: insecure reporting URL for secure page at character position 22. The default protections will be applied. 16:07:31.905 ฉันยังพบปัญหาเมื่อฉันไปที่ youtube โดยตรงผ่าน url ที่ฝังไว้ดังนั้นจึงไม่ใช่แค่ในไซต์ของฉัน อัปเดต ฉันได้แนบรูปภาพของส่วนหัวในการตอบกลับซึ่งระบุว่า URL …

86 javascript  html  google-chrome  youtube  youtube-api 

ฉันพยายามเรียน AngularJS ความพยายามครั้งแรกของฉันในการรับข้อมูลใหม่ทุกวินาทีได้ผล: 'use strict'; function dataCtrl($scope, $http, $timeout) { $scope.data = []; (function tick() { $http.get('api/changingData').success(function (data) { $scope.data = data; $timeout(tick, 1000); }); })(); }; เมื่อฉันจำลองเซิร์ฟเวอร์ที่ทำงานช้าโดยพักเธรดเป็นเวลา 5 วินาทีมันจะรอการตอบสนองก่อนที่จะอัปเดต UI และตั้งค่าการหมดเวลาอื่น ปัญหาคือเมื่อฉันเขียนด้านบนใหม่เพื่อใช้โมดูลเชิงมุมและ DI สำหรับการสร้างโมดูล: 'use strict'; angular.module('datacat', ['dataServices']); angular.module('dataServices', ['ngResource']). factory('Data', function ($resource) { return $resource('api/changingData', {}, { query: …

86 javascript  angularjs 

ฉันมีหน้าเว็บที่ซับซ้อนโดยใช้ส่วนประกอบ React และกำลังพยายามแปลงหน้าจากเค้าโครงแบบคงที่เป็นเค้าโครงที่ตอบสนองและปรับขนาดได้มากขึ้น อย่างไรก็ตามฉันพบข้อ จำกัด ของ React อยู่เรื่อย ๆ และฉันสงสัยว่ามีรูปแบบมาตรฐานสำหรับจัดการปัญหาเหล่านี้หรือไม่ ในกรณีเฉพาะของฉันฉันมีส่วนประกอบที่แสดงผลเป็น div พร้อม display: table-cell และ width: auto น่าเสียดายที่ฉันไม่สามารถสืบค้นความกว้างขององค์ประกอบของฉันได้เนื่องจากคุณไม่สามารถคำนวณขนาดขององค์ประกอบได้เว้นแต่จะวางไว้ใน DOM (ซึ่งมีบริบททั้งหมดที่จะอนุมานความกว้างที่แสดงผลจริง) นอกเหนือจากการใช้สิ่งนี้สำหรับสิ่งต่างๆเช่นการวางตำแหน่งเมาส์แบบสัมพัทธ์แล้วฉันยังต้องการสิ่งนี้เพื่อตั้งค่าแอตทริบิวต์ความกว้างอย่างเหมาะสมในองค์ประกอบ SVG ภายในส่วนประกอบ นอกจากนี้เมื่อปรับขนาดหน้าต่างฉันจะสื่อสารการเปลี่ยนแปลงขนาดจากส่วนประกอบหนึ่งไปยังอีกส่วนหนึ่งในระหว่างการตั้งค่าได้อย่างไร เรากำลังทำการเรนเดอร์ SVG ของบุคคลที่สามทั้งหมดใน shouldComponentUpdate แต่คุณไม่สามารถตั้งค่าสถานะหรือคุณสมบัติของตัวคุณเองหรือส่วนประกอบย่อยอื่น ๆ ภายในวิธีการนั้นได้ มีวิธีมาตรฐานในการจัดการกับปัญหานี้โดยใช้ React หรือไม่?

86 javascript  reactjs  responsive 

ขณะนี้มี jQuery เมื่อฉันต้องการทำอะไรบางอย่างเมื่อเกิดการคลิกฉันจะทำเช่นนี้ ... $(".close-box").click( function() { MoneyBox.closeBox(); return false; }); ฉันกำลังดูรหัสบางอย่างที่คนอื่นมีในโครงการและพวกเขาทำแบบนี้ ... $(".close-box").live("click", function () { MoneyBox.closeBox(); return false; }); สังเกตว่าดูเหมือนว่าจะทำสิ่งเดียวกันเท่าที่ฉันสามารถบอกได้ยกเว้นว่าพวกเขากำลังใช้ฟังก์ชัน live () ซึ่งตอนนี้เลิกใช้แล้วและเอกสาร jQuery บอกว่าให้ใช้on()แทน แต่ทำไมใช้ live / on () แทนตัวอย่างแรกของฉัน

86 javascript  jquery 

ตกลงดังนั้นฉันต้องการส่งอาร์เรย์พื้นฐานไปยังฝั่งเซิร์ฟเวอร์ jquery data attrubute ดังนี้: <div data-stuff="['a','b','c']"></div> แล้วถอยออกมาดังนี้: var stuff = $('div').data('stuff'); alert(stuff[0]); เหตุใดสิ่งนี้จึงปรากฏขึ้นเพื่อแจ้งเตือน "[" และไม่ใช่ "a" (ดูลิงก์ JSfiddle) ลิงค์ JSFiddle: http://jsfiddle.net/ktw4v/3/

86 javascript  jquery  html  json 

ฉันใช้: $(window).bind( 'hashchange', function(e) { }); เพื่อผูกฟังก์ชันเข้ากับเหตุการณ์การเปลี่ยนแปลงแฮช ดูเหมือนว่าจะใช้งานได้ใน IE8, Firefox และ Chrome แต่ไม่ใช่ใน Safari และฉันคิดว่าไม่ใช่ใน IE เวอร์ชันก่อนหน้า สำหรับเบราว์เซอร์เหล่านี้ฉันต้องการปิดใช้งานโค้ด JavaScript ของฉันที่ใช้แฮชและhashchangeเหตุการณ์ มีวิธีใดบ้างกับ jQuery ที่ฉันสามารถตรวจจับได้ว่าเบราว์เซอร์รองรับhashchangeเหตุการณ์นี้หรือไม่ อาจจะมีบางอย่างกับjQuery.support...

86 javascript  jquery  hashchange  browser-state