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

ฉันมีวิธีการที่จุดประสงค์หลักคือการตั้งค่าคุณสมบัติบนวัตถุ DOM function (el) { el.expando = {}; } ฉันใช้รูปแบบรหัสของ AirBnB ซึ่งทำให้ ESLint เกิดno-param-reassignข้อผิดพลาด: ข้อผิดพลาดการกำหนดให้กับฟังก์ชันพารามิเตอร์ 'el' no-param-reassign ฉันจะจัดการกับวัตถุ DOM ที่ส่งผ่านเป็นอาร์กิวเมนต์ในขณะที่สอดคล้องกับรูปแบบรหัสของ AirBnB ได้อย่างไร มีคนแนะนำให้ใช้การ/* eslint react/prop-types: 0 */อ้างถึงปัญหาอื่นแต่ถ้าฉันจำไม่ผิดสิ่งนี้ใช้ได้ดีสำหรับการตอบสนอง แต่ไม่ใช่สำหรับการจัดการ DOM ดั้งเดิม นอกจากนี้ฉันไม่คิดว่าการเปลี่ยนรูปแบบรหัสเป็นคำตอบ ฉันเชื่อว่าประโยชน์อย่างหนึ่งของการใช้รูปแบบมาตรฐานคือการมีรหัสที่สอดคล้องกันในทุกโปรเจ็กต์และการเปลี่ยนกฎที่จะทำให้รู้สึกเหมือนใช้รูปแบบรหัสหลักอย่าง AirBnB ในทางที่ผิด สำหรับบันทึกที่ผมถาม Airbnb บน GitHub สิ่งที่พวกเขาคิดว่าเป็นวิธีที่จะไปในกรณีเหล่านี้ในรุ่นที่ 766

98 javascript  dom  eslint 

var classes = $(this).attr('class').split(' '); // this gets the current element classes var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes. ผู้ปกครองในสถานการณ์ข้างต้นคืออังกอร์ ถ้าฉันต้องการรับ DIV หลักแรกของ $ (นี่) รหัสจะเป็นอย่างไร var classes = $(this).div:parent().attr('class').split(' '); // just a quick try. *โดยทั่วไปฉันต้องการได้รับคลาสของ DIV หลักแรกของ $ (this) ขอบคุณ

98 javascript  jquery  css-selectors 

เมื่อส่งผ่านอ็อบเจ็กต์เป็นพารามิเตอร์ JavaScript จะส่งผ่านอ็อบเจ็กต์โดยการอ้างอิงและทำให้ยากที่จะสร้างสำเนาโลคัลของอ็อบเจ็กต์ var o = {}; (function(x){ var obj = x; obj.foo = 'foo'; obj.bar = 'bar'; })(o) oจะมี.fooและ.bar. เป็นไปได้ที่จะหลีกเลี่ยงสิ่งนี้โดยการโคลน ตัวอย่างง่ายๆ: var o = {}; function Clone(x) { for(p in x) this[p] = (typeof(x[p]) == 'object')? new Clone(x[p]) : x[p]; } (function(x){ var obj = new Clone(x); obj.foo = …

98 javascript 

เป็นไปได้หรือไม่ที่จะใช้พิกัดที่กำหนดเพื่อจำลองการคลิกใน JavaScript ภายในหน้าเว็บ

98 javascript  jquery  html  mouseevent  mouseclick-event 

โดยไม่ต้องใช้รูปแบบใด ๆ ฉันสามารถส่งไฟล์ / ไฟล์จาก<input type="file">ไปที่ 'upload.php' โดยใช้วิธี POST โดยใช้ jQuery แท็กอินพุตไม่ได้อยู่ในแท็กฟอร์มใด ๆ มันยืนเป็นรายบุคคล ดังนั้นฉันไม่ต้องการใช้ปลั๊กอิน jQuery เช่น 'ajaxForm' หรือ 'ajaxSubmit'

98 javascript  jquery  html 

ฉันกำลังมองหา URL ที่ถูกต้องเพื่ออ้างอิงเนื้อหาแบบคงที่เช่นรูปภาพภายใน Vue javascript ตัวอย่างเช่นฉันกำลังสร้างเครื่องหมายแผ่นพับโดยใช้รูปภาพไอคอนที่กำหนดเองและฉันได้ลองใช้ URL หลายรายการแล้ว แต่ทั้งหมดส่งกลับ404 (Not Found): Main.vue: var icon = L.icon({ iconUrl: './assets/img.png', iconSize: [25, 25], iconAnchor: [12, 12] }); ฉันได้ลองใส่รูปภาพในโฟลเดอร์ assets และโฟลเดอร์แบบคงที่โดยไม่มีโชค ฉันต้องบอกให้ vue โหลดภาพเหล่านั้นหรือไม่?

98 javascript  vue.js  leaflet 

ฉันต้องการนำเข้าไฟล์ CSS ไปยังส่วนประกอบการตอบสนอง ฉันได้ลองแล้วimport disabledLink from "../../../public/styles/disabledLink";แต่ได้รับข้อผิดพลาดด้านล่าง ไม่พบโมดูล: ข้อผิดพลาด: ไม่สามารถแก้ไข 'file' หรือ 'ไดเร็กทอรี' ../../../public/styles/disabledLink ใน c: \ Users \ User \ Documents \ pizza-app \ client \ src \ components @ /client/src/components/ShoppingCartLink.js 19: 20-66 แฮช: 2d281bb98fe0a961f7c4 เวอร์ชัน: webpack 1.13.2 C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css คือตำแหน่งของไฟล์ CSS ที่ฉันพยายามโหลด สำหรับฉันดูเหมือนว่าการนำเข้าไม่ได้ค้นหาเส้นทางที่ถูกต้อง ฉันคิดว่า../../../มันจะเริ่มค้นหาพา ธ สามชั้นโฟลเดอร์ด้านบน C:\Users\User\Documents\pizza-app\client\src\components\ShoppingCartLink.js คือตำแหน่งของไฟล์ที่ควรนำเข้าไฟล์ CSS …

98 javascript  reactjs  relative-path 

คุณจะทำอย่างไร โดยสัญชาตญาณฉันต้องการทำ: var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]); // wishful, ignorant thinking var newMap = myMap.map((key, value) => value + 1); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 } ฉันยังไม่ได้รวบรวมมากจากเอกสารเกี่ยวกับโพรโทคอซ้ำใหม่ ฉันรู้wu.jsแต่ฉันทำงานBabelโครงการและไม่ต้องการที่จะรวมTraceurซึ่งดูเหมือนว่ามันกำลังจะขึ้นอยู่กับ ฉันยังไม่รู้ว่าจะแยกวิธีการที่ fitzgen / wu.js ทำอย่างไรในโครงการของฉัน ชอบคำอธิบายที่ชัดเจนและกระชับเกี่ยวกับสิ่งที่ฉันพลาดที่นี่ ขอบคุณ! เอกสารสำหรับแผนที่ ES6 , …

98 javascript  ecmascript-6 

ดูเหมือนว่า Vue.js 2.0 จะไม่ส่งเหตุการณ์จากแกรนด์เด็กไปยังองค์ประกอบหลักของแกรนด์ Vue.component('parent', { template: '<div>I am the parent - {{ action }} <child @eventtriggered="performAction"></child></div>', data(){ return { action: 'No action' } }, methods: { performAction() { this.action = 'actionDone' } } }) Vue.component('child', { template: '<div>I am the child <grand-child></grand-child></div>' }) Vue.component('grand-child', { template: '<div>I am the …

98 javascript  vuejs2  vue.js 

ฉันได้รับค่าใน textarea เมื่อผู้ใช้กดส่ง จากนั้นฉันจะนำค่านี้ไปวางไว้ที่อื่นในหน้า อย่างไรก็ตามเมื่อฉันทำสิ่งนี้มันจะสูญเสียอักขระขึ้นบรรทัดใหม่ทำให้ผลลัพธ์ค่อนข้างน่าเกลียด นี่คือ textarea ที่ฉันกำลังเข้าถึง: <textarea id="post-text" class="form-control" rows="3" placeholder="What's up?" required></textarea> นี่คือรหัส JavaScript ที่เข้าถึงโพสต์และถอดเสียง var post = document.createElement('p'); var postText = document.getElementById('post-text').value; post.append(postText); var card = document.createElement('div'); card.append(post); var cardStack = document.getElementById('#card-stack'); cardStack.prepend(card); เมื่ออินพุตเป็นสิ่งที่ต้องการ: กำหนดการกลุ่ม: ซ้อมวันอังคารที่ชั้น 5 (20.00 น. - 23.00 น.) ซ้อมวันพฤหัสบดีที่ชั้น 5 (20.00 น. …

98 javascript  html 

ดังนั้นฉันคิดว่าฉันสามารถวนลูป localStorage ได้เหมือนวัตถุทั่วไปเพราะมันมีความยาว ฉันจะวนซ้ำสิ่งนี้ได้อย่างไร localStorage.setItem(1,'Lorem'); localStorage.setItem(2,'Ipsum'); localStorage.setItem(3,'Dolor'); ถ้าฉันทำlocalStorage.lengthมันจะส่งคืน3ซึ่งถูกต้อง ฉันคิดว่าการfor...inวนซ้ำจะใช้ได้ผล ฉันกำลังคิดบางอย่างเช่น: for (x in localStorage){ console.log(localStorage[x]); } แต่ไม่มีประโยชน์ ความคิดใด ๆ ? ความคิดอื่น ๆ ที่ฉันมีก็คือ localStorage.setItem(1,'Lorem|Ipsum|Dolor') var split_list = localStorage.getItem(1).split('|'); ซึ่งในการfor...inทำงาน

98 javascript  html  loops  object  local-storage 

ฉันกำลังใช้ twitter bootstrap 3 และฉันกำลังประสบปัญหาในการสร้างภาพที่ตอบสนอง ฉันได้ใช้img-responsiveคลาส แต่ขนาดภาพไม่ได้สเกลขึ้น ถ้าฉันใช้width:100%แทนmax-width:100%มันก็ทำงานได้อย่างสมบูรณ์ ปัญหาอยู่ที่ไหน นี่คือรหัสของฉัน: <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> </div>

97 javascript  jquery  html  css  twitter-bootstrap 

ฉันได้รับข้อผิดพลาดนี้อยู่เรื่อย ๆ ขณะพยายามติดตั้งหน้าต่าง bootstrap Modal สาเหตุของมันคืออะไร? ฉันคัดลอก / วางทุกอย่างจากhttp://angular-ui.github.io/bootstrap/#/modalที่นี่

97 javascript  angularjs  modal-dialog 

function a() { return 1; } function b() { return(1); } ผมทดสอบโค้ดข้างต้นในคอนโซลของ Chrome 1และทั้งสองกลับ function c() { return "1"; } function d() { return("1"); } "1"ฉันยังผ่านการทดสอบโค้ดข้างต้นและทั้งสองฟังก์ชั่นที่ส่งกลับ ดังนั้นสิ่งที่เป็นความแตกต่างระหว่างการใช้returnและreturn()?

97 javascript 

สมมติว่าฉันมีรายการวัตถุธรรมดาอยู่ในthis.state.listนั้นฉันสามารถใช้เพื่อแสดงรายการเด็กได้ แล้ววิธีที่ถูกต้องในการแทรกวัตถุthis.state.listคืออะไร? ด้านล่างนี้เป็นวิธีเดียวที่ฉันคิดว่ามันใช้ได้เพราะคุณไม่สามารถกลายพันธุ์this.stateได้โดยตรงตามที่กล่าวไว้ในเอกสาร this._list.push(newObject): this.setState({list: this._list}); นี่ดูน่าเกลียดสำหรับฉัน มีวิธีที่ดีกว่า?

97 javascript  reactjs