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

ฉันมีลิงค์บนหน้าเว็บ เมื่อผู้ใช้คลิกวิดเจ็ตบนเพจควรอัปเดต อย่างไรก็ตามฉันกำลังทำบางอย่างเนื่องจากฟังก์ชันการทำงานเริ่มต้น (การนำทางไปยังหน้าอื่น) เกิดขึ้นก่อนที่เหตุการณ์จะเริ่มขึ้น นี่คือลักษณะของลิงค์: <a href="store/cart/" class="update-cart">Update Cart</a> นี่คือลักษณะของ jQuery: $('.update-cart').click(function(e) { e.stopPropagation(); updateCartWidget(); }); อะไรคือปัญหา?

89 javascript  jquery  events  click  jquery-events 

อะไรคือความแตกต่างและ / หรือข้อดีของการใช้เครื่องหมายจุลภาคเมื่อประกาศกลุ่มของตัวแปรแทนที่จะเป็นอัฒภาค ตัวอย่างเช่น: var foo = 'bar', bar = 'foo'; เทียบกับ var foo = 'bar'; var bar = 'foo'; ฉันรู้ว่าหากคุณระบุvarคีย์เวิร์ดในตัวแปรแรกในตัวอย่างแรกมันจะยังคงอยู่ในตัวแปรทั้งหมดดังนั้นทั้งสองจึงให้ผลลัพธ์สุดท้ายที่เหมือนกันในเรื่องขอบเขต เป็นเพียงความชอบส่วนบุคคลหรือมีประโยชน์ด้านประสิทธิภาพที่จะทำในทางใดทางหนึ่ง?

89 javascript  variables 

ฉันมีสิ่งนี้: this.f = function instance(){}; ฉันต้องการสิ่งนี้: this.f = function ["instance:" + a](){};

89 javascript  function 

เมื่อเรามีสตริงที่มีอักขระเว้นวรรค: var str = ' A B C D EF '; และเราต้องการลบช่องว่างออกจากสตริง (เราต้องการสิ่งนี้'ABCDEF':) ทั้งสองสิ่งนี้: str.replace(/\s/g, '') และนี่: str.replace(/\s+/g, '') จะส่งคืนผลลัพธ์ที่ถูกต้อง นี่หมายความว่าสิ่งที่+ไม่จำเป็นในสถานการณ์นี้หรือไม่? มีความแตกต่างระหว่างนิพจน์ทั่วไปทั้งสองในสถานการณ์นี้หรือไม่ (เช่นเดียวกับนิพจน์ทั่วไปจะให้ผลลัพธ์ที่แตกต่างกันในลักษณะใด) อัปเดต:การเปรียบเทียบประสิทธิภาพ - /\s+/gเร็วกว่า ดูที่นี่: http://jsperf.com/s-vs-s

89 javascript  regex 

API สำหรับchart.jsอนุญาตให้หนึ่งแก้ไขจุดของชุดข้อมูลที่โหลดลงในนั้นตัวอย่างเช่น: .update( ) การเรียกใช้การอัปเดต () บนอินสแตนซ์แผนภูมิของคุณจะแสดงผลแผนภูมิอีกครั้งด้วยค่าที่อัปเดตใด ๆ ทำให้คุณสามารถแก้ไขค่าของจุดที่มีอยู่หลายจุดจากนั้นแสดงค่าเหล่านั้นในลูปการแสดงภาพเคลื่อนไหวเดียว .addData( valuesArray, label ) การเรียก addData (valuesArray, label) บนอินสแตนซ์แผนภูมิของคุณซึ่งส่งผ่านอาร์เรย์ของค่าสำหรับแต่ละชุดข้อมูลพร้อมกับป้ายกำกับสำหรับจุดเหล่านั้น .removeData( ) การเรียก removeData () บนอินสแตนซ์แผนภูมิของคุณจะลบค่าแรกสำหรับชุดข้อมูลทั้งหมดบนแผนภูมิ ทั้งหมดนี้ยอดเยี่ยมมาก แต่ฉันไม่สามารถหาวิธีโหลดชุดข้อมูลใหม่ทั้งหมดได้โดยจะลบข้อมูลเก่าออกไป เอกสารประกอบดูเหมือนจะไม่ครอบคลุมถึงเรื่องนี้

89 javascript  chart.js 

เพิ่งเริ่มขุดใน JSON และฉันกำลังพยายามใช้ตัวเลขเป็น "ตัวระบุ" ซึ่งก็ไม่ได้ผลเช่นกัน foo:"bar"ทำงานได้ดีในขณะที่0:"bar"ไม่ได้ var Game = { status: [ { 0:"val", 1:"val", 2:"val" }, { 0:"val", 1:"val", 2:"val" } ] } alert(Game.status[0].0); มีวิธีใดบ้างที่จะทำได้ดังต่อไปนี้? สิ่งที่ต้องการGame.status[0].0จะทำให้ชีวิตของฉันง่ายขึ้น แน่นอนว่ามีวิธีอื่นอยู่รอบตัว แต่วิธีนี้เป็นที่ต้องการ

89 javascript  json  identifier 

ฉันวางแผนที่จะใช้กับ JavaScript เพื่อครอบตัดรูปภาพให้พอดีกับหน้าต่างทั้งหมด แก้ไข : ฉันจะใช้เป็นส่วนประกอบของบุคคลที่ 3 4:3ที่จะยอมรับเฉพาะอัตราส่วนในรูปแบบที่ชอบ: 16:9,

89 javascript  algorithm  crop  aspect-ratio 

ผมรวมn00bด้วยHTML5และกำลังทำงานร่วมกับcanvasการแสดงผลรูปทรงสีและข้อความ ในแอปของฉันฉันมีอะแดปเตอร์มุมมองที่สร้างผืนผ้าใบแบบไดนามิกและเติมเต็มด้วยเนื้อหา สิ่งนี้ใช้งานได้ดีจริงๆยกเว้นว่าข้อความของฉันแสดงผลไม่ชัดเจน / เบลอ / ยืดมาก ฉันได้เห็นจำนวนมากของการโพสต์อื่น ๆ เกี่ยวกับเหตุผลที่กำหนดความกว้างและความสูงในการCSSที่จะทำให้เกิดปัญหานี้ javascriptแต่ฉันกำหนดทุกอย่างไว้ใน รหัสที่เกี่ยวข้อง (ดูFiddle ): var width = 500;//FIXME:size.w; var height = 500;//FIXME:size.h; var canvas = document.createElement("canvas"); //canvas.className="singleUserCanvas"; canvas.width=width; canvas.height=height; canvas.border = "3px solid #999999"; canvas.bgcolor = "#999999"; canvas.margin = "(0, 2%, 0, 2%)"; var context = canvas.getContext("2d"); ////////////////// //// SHAPES …

89 javascript  html  html5-canvas 

ฉันเป็นมือใหม่ Webpack ที่ต้องการเรียนรู้ทั้งหมดเกี่ยวกับเรื่องนี้ ฉันพบความขัดแย้งเมื่อเรียกใช้ webpack โดยบอกฉันว่า: ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js ฉันควรทำอย่างไรเพื่อหลีกเลี่ยงความขัดแย้ง นี่คือ webpack.config.js ของฉัน: module.exports = { context: __dirname + "/app", entry: { 'javascript': "./js/app.js", 'html': "./index.html", }, output: { path: __dirname + "/dist", filename: "app.js", }, resolve: { …

89 javascript  node.js  webpack  config  conflict 

ฉันพยายามอัปโหลดภาพด้วย jquery และ ajax แต่สิ่งที่น่าประหลาดเกิดขึ้นที่นี่ ในคอนโซลบันทึกการแสดง TypeError: 'append' เรียกบนวัตถุที่ไม่ใช้อินเทอร์เฟซ FormData ช่วยบอกฉันทีว่าฉันทำอะไรผิด? สคริปต์ JS var prosrc=$("#pro_pix img").last().attr("src"); $("#logoform").on('change',function(event){ var postData = new FormData(this); $("#pro_pix img").last().hide(); $("#pro_pix img").first().show(); event.preventDefault(); $.ajax( { url : "/function/pro_pic_upload.php", type: "POST", data : postData, success:function(data, textStatus, jqXHR) { $("#pro_pix img").last().show(); $("#pro_pix img").first().hide(); $("#pro_pix h6").text(data); }, error: function(jqXHR, …

89 javascript  jquery  ajax 

var obj = { a: "A", b: "B", c: "C" } console.log(obj.a); // return string : A แต่ฉันต้องการผ่านตัวแปรเช่นนี้ var name = "a"; console.log(obj.name) // but return undefined ต้องทำอย่างไร?

89 javascript 

ฉันสามารถแปลงวันที่ iso เป็นมิลลิวินาทีได้หรือไม่ ตัวอย่างเช่นฉันต้องการแปลง iso นี้ 2012-02-10T13:19:11+0000 เป็นมิลลิวินาที เพราะฉันต้องการเปรียบเทียบวันที่ปัจจุบันจากวันที่สร้าง และวันที่สร้างคือวันที่ iso

89 javascript  iso  isodate 

ฉันเปิดแท็บเมื่อผู้ใช้คลิกปุ่ม เมื่อonloadฉันเปิดกล่องโต้ตอบการพิมพ์ขึ้นมา แต่ผู้ใช้ถามฉันว่าเป็นไปได้หรือไม่ที่หลังจากส่งไปยังเครื่องพิมพ์เพื่อพิมพ์แล้วแท็บสามารถปิดตัวเองได้ ฉันไม่แน่ใจว่าจะทำได้ไหม ฉันได้ลองใช้setTimeout();แล้ว แต่ไม่ใช่ช่วงเวลาที่กำหนดเนื่องจากผู้ใช้อาจเสียสมาธิและต้องเปิดแท็บใหม่ มีวิธีใดบ้างที่จะทำสิ่งนี้ให้สำเร็จ?

89 javascript  printing 

เป้าหมายของฉันคือการเพิ่มส่วนประกอบแบบไดนามิกในเพจ / คอมโพเนนต์หลัก ฉันเริ่มต้นด้วยเทมเพลตตัวอย่างพื้นฐานเช่นนี้: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId')); App.js: var App = React.createClass({ render: function() { return ( <div> <h1>App main component! </h1> <div id="myId">myId div</div> </div> ); } }); SampleComponent.js: var SampleComponent = React.createClass({ render: function() { return ( …

89 javascript  reactjs  babeljs 

ฉันได้ลองค้นหาคำตอบสำหรับสิ่งนี้แล้ว แต่ส่วนใหญ่อยู่นอกบริบทของการตอบสนองซึ่งonChangeทำให้เกิดความเบลอ ในการทดสอบหลาย ๆ ครั้งฉันไม่สามารถบอกได้ว่าเหตุการณ์ทั้งสองนี้แตกต่างกันอย่างไร (เมื่อนำไปใช้กับพื้นที่ข้อความ) ใครช่วยให้ความกระจ่างเกี่ยวกับเรื่องนี้บ้าง?

89 javascript  reactjs  dom-events