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

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

3
วิธีอ่านคุกกี้ HttpOnly โดยใช้ JavaScript
มีวิธีใดบ้างในการอ่านคุกกี้ที่ปลอดภัยด้วย JavaScript? ฉันพยายามทำโดยใช้document.cookieและเท่าที่ฉันเห็นในบทความนี้เกี่ยวกับคุกกี้ที่ปลอดภัยและการตั้งค่าสถานะ HttpOnlyฉันไม่สามารถเข้าถึงคุกกี้ที่ปลอดภัยด้วยวิธีนี้ ใครสามารถแนะนำวิธีแก้ปัญหา?

19
สีที่แตกต่างกันสำหรับแต่ละแท่งในแผนภูมิแท่ง แผนภูมิ
ฉันใช้ ChartJS ในโปรเจ็กต์ที่ฉันกำลังทำอยู่และฉันต้องการสีที่แตกต่างกันสำหรับแต่ละแท่งในแผนภูมิแท่ง นี่คือตัวอย่างของชุดข้อมูลแผนภูมิแท่ง: var barChartData = { labels: ["001", "002", "003", "004", "005", "006", "007"], datasets: [{ label: "My First dataset", fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,0.8)", highlightFill: "rgba(220,220,220,0.75)", highlightStroke: "rgba(220,220,220,1)", data: [20, 59, 80, 81, 56, 55, 40] }] }; มีวิธีใดบ้างในการทาสีแต่ละแท่งให้แตกต่างกัน?

5
วิธีเลือกองค์ประกอบที่ไม่มีคลาสเฉพาะ
ฉันสงสัยว่าจะเลือกองค์ประกอบที่ไม่มีคลาสเฉพาะโดยใช้ JavaScript ไม่ใช่ jQuery ได้อย่างไร ตัวอย่างเช่นฉันมีรายการนี้: <ul id="tasks"> <li class="completed selected">One Task</li> <li>Two Task</li> </ul> และฉันเลือกงานที่เสร็จสมบูรณ์โดย: var completeTask = document.querySelector("li.completed.selected"); แต่ฉันไม่แน่ใจว่าจะเลือกรายการที่ไม่มีคลาสเหล่านั้นได้อย่างไร
94 javascript  html  class 

15
พังพอนทาง typescript …?
กำลังพยายามใช้แบบจำลองพังพอนใน typescript การกำจัดสิ่งสกปรกใน Google ได้เปิดเผยเฉพาะแนวทางแบบผสมผสาน (รวม JS และ TS) เราจะดำเนินการอย่างไรเกี่ยวกับการใช้คลาส User บนแนวทางที่ค่อนข้างไร้เดียงสาของฉันโดยไม่มี JS? ต้องการ IUserModel โดยไม่ต้องมีสัมภาระ import {IUser} from './user.ts'; import {Document, Schema, Model} from 'mongoose'; // mixing in a couple of interfaces interface IUserDocument extends IUser, Document {} // mongoose, why oh why '[String]' // TODO: investigate out why …

12
Uncaught ReferenceError: ไม่ได้กำหนดปฏิกิริยา
ฉันพยายามที่จะทำให้การทำงานของ ReactJS กับรางใช้นี้กวดวิชา ฉันได้รับข้อผิดพลาดนี้: Uncaught ReferenceError: React is not defined แต่ฉันสามารถเข้าถึงวัตถุ React ในคอนโซลของเบราว์เซอร์ได้ ฉันยังเพิ่มpublic / dist / turbo-react.min.jsตามที่อธิบายไว้ที่นี่และเพิ่มบรรทัดใน application.js ตามที่อธิบายไว้ในคำตอบนี้ว่าไม่มีโชค นอกจากนี้ให้ข้อผิดพลาด://= require components var React = require('react') Uncaught ReferenceError: require is not defined ใครช่วยแนะนำวิธีแก้ปัญหานี้ให้ฉันได้ไหม [แก้ไข 1] ซอร์สโค้ดสำหรับอ้างอิง: นี่คือcomments.js.jsxไฟล์ของฉัน: var Comment = React.createClass({ render: function () { return ( <div className="comment"> …

8
JavaScript เทียบเท่ากับวิธีการขยายของ jQuery
พื้นหลัง ฉันมีฟังก์ชันที่ใช้configวัตถุเป็นอาร์กิวเมนต์ ภายในฟังก์ชันฉันยังมีdefaultวัตถุ แต่ละออบเจ็กต์เหล่านั้นมีคุณสมบัติที่ทำงานเป็นการตั้งค่าสำหรับส่วนที่เหลือของโค้ดภายในฟังก์ชัน เพื่อป้องกันไม่ให้ระบุการตั้งค่าทั้งหมดภายในconfigออบเจ็กต์ฉันใช้extendวิธีการของ jQuery เพื่อกรอกข้อมูลในวัตถุใหม่settingsด้วยค่าเริ่มต้นใด ๆ จากdefaultวัตถุหากไม่ได้ระบุไว้ในconfigวัตถุ: var config = {key1: value1}; var default = {key1: default1, key2: default2, key 3: default 3}; var settings = $.extend(default, config); //resulting properties of settings: settings = {key1: value1, key2: default2, key 3: default 3}; ปัญหา ใช้งานได้ดี แต่ฉันต้องการสร้างฟังก์ชันนี้ซ้ำโดยไม่ต้องใช้ jQuery มีวิธีการที่สง่างามเท่าเทียมกัน (หรือใกล้เคียงกับ) …

1
ความแตกต่างระหว่าง assert.equal และ assert.deepEqual ในการทดสอบ Javascript กับ Mocha?
ฉันใช้ Mocha เพื่อทดสอบโมดูลขนาดเล็กในแอปพลิเคชัน Express.js ในโมดูลนี้หนึ่งในฟังก์ชันของฉันส่งคืนอาร์เรย์ ฉันต้องการทดสอบว่าอาร์เรย์ถูกต้องสำหรับอินพุตที่กำหนดหรือไม่ ฉันทำเช่นนี้: suite('getWords', function(){ test("getWords should return list of numbers", function() { var result = ['555', '867', '5309']; assert.equal(result, getWords('555-867-5309')); }); }); เมื่อสิ่งนี้ทำงานฉันได้รับข้อผิดพลาดในการยืนยันดังต่อไปนี้: AssertionError: ["555","867","5309"] == ["555","867","5309"] อย่างไรก็ตามเมื่อฉันเปลี่ยนการทดสอบเป็น an assert.deepEqualการทดสอบก็ผ่านไปได้ด้วยดี ฉันสงสัยว่ามันเป็นกรณีของ==vs ===แต่ถ้าฉันเข้า [1,2,3] === [1,2,3] ในบรรทัดคำสั่ง node.js ฉันยังคงได้รับเท็จ เหตุใดอาร์เรย์จึงไม่เปรียบเทียบกับค่าอื่น ๆ (เช่น1 == 1) และอะไรคือความแตกต่างระหว่าง assert.equal …

2
จะตรวจสอบได้อย่างไรว่าวิดีโอ youtube เล่นจบแล้ว?
ฉันกำลังทำงานบนไซต์ที่มีวิดีโอ YouTube ฝังอยู่มากมายลูกค้าต้องการแสดงป๊อปอัปเมื่อใดก็ตามที่วิดีโอหยุดเล่น ฉันดูที่ youtube api และดูเหมือนว่าจะมีวิธีตรวจจับเมื่อวิดีโอจบลง: http://code.google.com/apis/youtube/js_api_reference.html แต่ฉันไม่สามารถฝังวิดีโออย่างที่กล่าวถึงในหน้านั้นได้เนื่องจากวิดีโอทั้งหมดอยู่บนไซต์แล้ว (หลายพันรายการที่ถูกเพิ่มด้วยตนเองโดยการวางโค้ดสำหรับฝัง) มีวิธีตรวจจับตอนจบของวิดีโอเหล่านี้โดยไม่เปลี่ยนวิดีโอที่มีอยู่ (โดยใช้จาวาสคริปต์) หรือไม่

13
รูปภาพ Bootstrap Carousel ไม่ได้จัดแนวอย่างถูกต้อง
โปรดดูภาพต่อไปนี้เรากำลังใช้ bootstrap carousel เพื่อหมุนภาพ อย่างไรก็ตามเมื่อความกว้างของหน้าต่างมีขนาดใหญ่รูปภาพจะไม่สอดคล้องกับเส้นขอบอย่างถูกต้อง แต่ตัวอย่างภาพหมุนที่จัดทำโดย bootstrap ทำงานได้ดีเสมอไม่ว่าหน้าต่างจะกว้างขนาดไหนก็ตาม ตามรหัส ใครสามารถอธิบายได้ว่าทำไมม้าหมุนจึงมีพฤติกรรมแตกต่างกัน สิ่งนี้เกี่ยวข้องกับขนาดภาพหรือไม่หรือมีการกำหนดค่า bootstrap บางส่วนหรือไม่ <section id="carousel"> <div class="hero-unit span6 columns"> <h2>Welcome to TACT !</h2> <div id="myCarousel" class="carousel slide" > <!-- Carousel items --> <div class="carousel-inner"> <div class="item active" > <img alt="" src="/eboxapps/img/3pp-1.png"> <div class="carousel-caption"> <h4>1. Need a 3rd party jar?</h4> </div> …

6
วาดรัศมีรอบ ๆ จุดในแผนที่ Google
ฉันใช้ Google Maps API และได้เพิ่มเครื่องหมาย ตอนนี้ฉันต้องการเพิ่มรัศมี 10 ไมล์รอบ ๆ เครื่องหมายแต่ละอันหมายถึงวงกลมที่ทำงานอย่างเหมาะสมขณะซูม ฉันไม่รู้ว่าจะทำอย่างไรและดูเหมือนว่ามันจะไม่ใช่เรื่องธรรมดา ฉันพบตัวอย่างหนึ่งที่ดูดีและคุณสามารถดู Google Latitude ได้เช่นกัน ที่นั่นใช้เครื่องหมายที่มีรัศมีเหมือนที่ฉันต้องการ อัปเดต: Google Latitude ใช้รูปภาพที่ปรับขนาดแล้วจะทำงานอย่างไร (เลิกใช้งานคุณลักษณะแล้ว)

5
วิธีส่งพารามิเตอร์ไปยังมุมมอง
ฉันมีชุดปุ่มซึ่งเมื่อคลิกแล้วจะแสดงเมนูป๊อปอัพที่อยู่ด้านล่างปุ่ม ฉันต้องการส่งตำแหน่งของปุ่มไปยังมุมมอง ฉันจะทำเช่นนั้นได้อย่างไร? ItemView = Backbone.View.extend({ tagName: 'li', events: { 'click': 'showMenu' }, initialize: function() { _.bindAll(this, 'render'); }, render: function() { return $(this.el).html(this.model.get('name')); }, showMenu: function() { var itemColl = new ItemColl(); new MenuView({collection: itemColl}); // how to pass the position of menu here? } });

7
ฉันจะดึงโมเดลเดียวใน Backbone ได้อย่างไร
ฉันมีClockโมเดลใน Backbone: var Clock = Backbone.Model.extend({}); /clocks/123ฉันพยายามที่จะได้รับตัวอย่างของการที่มีข้อมูลล่าสุดจาก บางสิ่งที่ฉันได้ลอง: วิธีการระดับ "คลาส" Clock.fetch(123) // TypeError: Object function (){ ... } has no method 'fetch' สร้างอินสแตนซ์แล้วเรียกfetchใช้: c = new Clock({id: 123}) c.fetch() // Error: A 'url' property or function must be specified คอลเลกชัน ฉันพยายามสร้างAllClocksทรัพยากรคอลเลกชัน (แม้ว่าฉันจะไม่ได้ใช้สิ่งนี้ในหน้านี้) var AllClocks = Backbone.Collection.extend({ model: Clock, url: '/clocks/' …

2
พารามิเตอร์รับ $ http ไม่ทำงาน
ไม่มีใครรู้ว่าทำไมถึงใช้ไม่ได้? $http .get('accept.php', { source: link, category_id: category }) .success(function (data, status) { $scope.info_show = data }); และสิ่งนี้ได้ผล: $http .get('accept.php?source=' + link + '&category_id=' + category) .success(function (data, status) { $scope.info_show = data });

1
Angular lazy การผูกครั้งเดียวสำหรับนิพจน์
AngularJS มีคุณสมบัติใหม่ตั้งแต่รุ่น 1.3.0-beta.10 ที่: "ขี้เกียจเพียงครั้งเดียวที่มีผลผูกพัน" นิพจน์ทั่วไปสามารถนำหน้าโดย::บอกให้เชิงมุมหยุดดูหลังจากที่นิพจน์ได้รับการประเมินครั้งแรก ตัวอย่างทั่วไปที่ให้ไว้มีดังนี้: <div>{{::user.name}}</div> มีไวยากรณ์ที่คล้ายกันสำหรับนิพจน์ดังต่อไปนี้หรือไม่ <div ng-if="user.isSomething && user.isSomethingElse"></div> <div ng-class="{classNameFoo: user.isSomething}"></div>

7
แผนภูมิวงกลมด้วย jQuery
ฉันต้องการสร้างแผนภูมิวงกลมใน JavaScript ในการค้นหาฉันพบ Google Charts API เนื่องจากเรามีการใช้ jQuery ผมพบว่ามีการรวม jQuery สำหรับ Google แผนภูมิใช้ได้ แต่ปัญหาของฉันคือข้อมูลจริงถูกส่งไปยังเซิร์ฟเวอร์ของ Google เพื่อสร้างแผนภูมิ มีวิธีป้องกันไม่ให้ส่งข้อมูลไปยัง Google หรือไม่? ฉันกังวลเกี่ยวกับการส่งข้อมูลของฉันไปยังบุคคลที่สาม

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