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

ฉันมีสิ่งต่อไปนี้: ฉันจะกำจัดขีดเส้นใต้สีน้ำเงินได้อย่างไร รหัสอยู่ด้านล่าง: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> ส่วนประกอบ MenuItem มาจากhttp://www.material-ui.com/#/components/menu ข้อมูลเชิงลึกหรือคำแนะนำใด ๆ จะได้รับการชื่นชมอย่างมาก ขอบคุณล่วงหน้า.

121 javascript  reactjs  react-router 

ฉันจะตรวจจับการคลิกนอกองค์ประกอบของฉันได้อย่างไร ฉันใช้ Vue.js ดังนั้นมันจะอยู่นอกองค์ประกอบเทมเพลตของฉัน ฉันรู้วิธีทำใน Vanilla JS แต่ฉันไม่แน่ใจว่ามีวิธีที่เหมาะสมกว่านี้หรือไม่เมื่อฉันใช้ Vue.js? นี่เป็นวิธีแก้ปัญหาสำหรับเหตุการณ์ Vanilla JS: Javascript Detect Click ภายนอก div ฉันเดาว่าฉันสามารถใช้วิธีที่ดีกว่าในการเข้าถึงองค์ประกอบได้หรือไม่?

121 javascript  vue.js 

ดังนั้นรหัสต่อไปนี้จึงอยู่ใน Angular 4 และฉันคิดไม่ออกว่าทำไมมันถึงไม่ได้ผลอย่างที่คาด นี่คือตัวอย่างของเครื่องจัดการของฉัน: onUpdatingServerName(event: Event) { console.log(event); this.newserverName = event.target.value; //this wont work } องค์ประกอบ HTML: <input type="text" class="form-control" (input)="onUpdatingServerName($event)"> รหัสทำให้ฉันมีข้อผิดพลาด: ไม่มีคุณสมบัติ 'value' ในประเภท 'EventTarget' แต่อย่างที่เห็นได้ในconsole.logค่านั้นมีอยู่ในไฟล์event.target.

121 javascript  angular  typescript 

ฉันจะได้รับความสูงขององค์ประกอบหลังจากที่ React แสดงผลองค์ประกอบนั้นได้อย่างไร HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ตอบสนอง var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return <div className="test">Size: <b>{elHeight}px</b> but it should be 18px after the render</div>; …

121 javascript  reactjs 

ฉันกำลังส่งคำขอจากไคลเอนต์ไปยังเซิร์ฟเวอร์ Express.js โดยใช้ Axios ฉันตั้งค่าคุกกี้บนไคลเอนต์และฉันต้องการอ่านคุกกี้นั้นจากคำขอของ Axios ทั้งหมดโดยไม่ต้องเพิ่มคุกกี้ด้วยตนเองเพื่อขอด้วยมือ นี่คือตัวอย่างคำขอไคลเอ็นต์ของฉัน: axios.get(`some api url`).then(response => ... ฉันพยายามเข้าถึงส่วนหัวหรือคุกกี้โดยใช้คุณสมบัติเหล่านี้ในเซิร์ฟเวอร์ Express.js ของฉัน: req.headers req.cookies ไม่มีคุกกี้ใด ๆ ฉันใช้มิดเดิลแวร์ตัวแยกวิเคราะห์คุกกี้: app.use(cookieParser()) ฉันจะทำให้ Axios ส่งคุกกี้ในคำขอโดยอัตโนมัติได้อย่างไร แก้ไข: ฉันตั้งค่าคุกกี้บนไคลเอนต์ดังนี้: import cookieClient from 'react-cookie' ... let cookie = cookieClient.load('cookie-name') if(cookie === undefined){ axios.get('path/to/my/cookie/api').then(response => { if(response.status == 200){ cookieClient.save('cookie-name', response.data, {path:'/'}) } }) …

121 javascript  node.js  express  cookies  axios 

ตอนนี้ฉันกำลังลองใช้ Firestore และฉันติดอยู่กับสิ่งที่ง่ายมาก: "การอัปเดตอาร์เรย์ (หรือที่เรียกว่าเอกสารย่อย)" โครงสร้างฐานข้อมูลของฉันง่ายมาก ตัวอย่างเช่น: proprietary: "John Doe", sharedWith: [ {who: "first@test.com", when:timestamp}, {who: "another@test.com", when:timestamp}, ], ฉันกำลังพยายาม (ไม่ประสบความสำเร็จ) ที่จะผลักดันระเบียนใหม่ไปยังshareWithอาร์เรย์ของวัตถุ ฉันพยายามแล้ว: // With SET firebase.firestore() .collection('proprietary') .doc(docID) .set( { sharedWith: [{ who: "third@test.com", when: new Date() }] }, { merge: true } ) // With UPDATE firebase.firestore() .collection('proprietary') …

121 javascript  arrays  object  firebase  google-cloud-firestore 

ฉันกำลังดูตอน Railscast นี้และสงสัยว่าทำไมต้องโทรไปescape_javascriptที่นี่: $("#reviews").append("<%= escape_javascript(render(:partial => @review)) %>"); อะไรคือสิ่งที่escape_javascriptใช้? ตามเอกสาร Rails : escape_javascript (จาวาสคริปต์) Escape carrier return และอัญประกาศเดี่ยวและคู่สำหรับกลุ่ม JavaScript แต่นั่นไม่ได้มีความหมายกับฉันมากนัก

120 javascript  ruby-on-rails 

ด้วย HTML บางอย่างเช่นนี้: <p>Some Text</p> จากนั้น CSS บางส่วนเช่นนี้: p { color:black; } p:hover { color:red; } ฉันจะอนุญาตให้อุปกรณ์ที่เปิดใช้งานระบบสัมผัสเป็นเวลานานเพื่อจำลองโฮเวอร์ซ้ำได้อย่างไร ฉันสามารถเปลี่ยนมาร์กอัป / ใช้ JS ฯลฯ ได้ แต่คิดวิธีง่ายๆในการทำเช่นนี้ไม่ได้

120 javascript  html  css  hover  touch 

ฉันมีบริการเว็บที่เมื่อเรียกโดยไม่ระบุการเรียกกลับจะส่งคืนสตริง JSON โดยใช้application/jsonเป็นประเภทเนื้อหา เมื่อมีการระบุการโทรกลับระบบจะตัดสตริง JSON ในฟังก์ชันการโทรกลับดังนั้นจึงไม่ใช่ JSON ที่ถูกต้องอีกต่อไป คำถามของฉันคือฉันควรใช้application/javascriptในกรณีนี้หรือยังคงใช้application/json?

120 javascript  json  jsonp 

ตามที่กล่าวไว้ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันกำลังมองหาปลั๊กอินลากและวางที่ใช้งานได้กับอุปกรณ์ระบบสัมผัส ฉันต้องการฟังก์ชันที่คล้ายกันกับปลั๊กอิน jQuery UIซึ่งช่วยให้องค์ประกอบ "droppable" jqtouch ปลั๊กอินสนับสนุนการลาก แต่ไม่ลดลง นี่คือการลากและวางที่รองรับเฉพาะ iPhone / iPad ใครช่วยชี้ทิศทางของปลั๊กอินลากและวางที่ทำงานบน Android / iOS ได้ไหม ... หรืออาจเป็นไปได้ที่จะอัปเดตปลั๊กอิน jqtouch เพื่อความสามารถในการถ่ายโอนข้อมูลมันทำงานบน Andriod และ IOS แล้ว ขอบคุณ!

120 javascript  jquery  jquery-ui  touch 

ฉันมีออบเจ็กต์รูปแบบ JSON ที่ฉันอ่านจากไฟล์ JSON ที่ฉันมีในตัวแปรชื่อ teamJSON ซึ่งมีลักษณะดังนี้: {"theTeam":[{"teamId":"1","status":"pending"},{"teamId":"2","status":"member"},{"teamId":"3","status":"member"}]} ฉันต้องการเพิ่มรายการใหม่ในอาร์เรย์เช่น {"teamId":"4","status":"pending"} ลงเอยด้วย {"theTeam":[{"teamId":"1","status":"pending"},{"teamId":"2","status":"member"},{"teamId":"3","status":"member"},{"teamId":"4","status":"pending"}]} ก่อนที่จะเขียนกลับไปที่ไฟล์ วิธีที่ดีในการเพิ่มองค์ประกอบใหม่คืออะไร? ฉันเข้าใกล้ แต่เครื่องหมายคำพูดคู่ทั้งหมดถูกหนี ฉันได้มองหาคำตอบที่ดีเกี่ยวกับ SO แต่ไม่มีคำตอบใดที่ครอบคลุมกรณีนี้ ขอความช่วยเหลือใด ๆ

120 javascript  json 

ฉันสังเกตเห็นว่าใน Mozilla Firefox เวอร์ชันล่าสุดมีข้อผิดพลาดที่น่ารำคาญสุด ๆ ซึ่งปิดการใช้งานการวางลงในคอนโซลนักพัฒนาซอฟต์แวร์ นี่เป็นความคิดเดียวที่แย่ที่สุดเท่าที่เคยมีมา อย่างไรก็ตามฉันได้พยายามที่จะอนุญาตโดยพิมพ์ข้อความที่ต้องการ แต่ฉันยังไม่สามารถวางสิ่งต่างๆได้และฉันคิดว่าในไม่ช้าฉันจะรู้สึกรำคาญมากจนต้องเปลี่ยนเบราว์เซอร์เนื่องจากฉันใช้คอนโซลนักพัฒนาซอฟต์แวร์ ทุกวัน. ฉันชอบ Mozilla และ Firefox มากและไม่ต้องการเปลี่ยนเรื่องโง่ ๆ แบบนี้ แล้วจะปิด "ฟีเจอร์" เส็งเคร็งนี้ให้ดีได้อย่างไร? ฉันหวังว่าจะมีการตั้งค่า แต่ฉันไม่พบ ถ้าไม่ฉันเดาว่าฉันจะต้องเปิดตั๋วข้อผิดพลาดสำหรับมัน เวอร์ชัน Firefox ของฉันคือ : 32.0.3 หากนักพัฒนา Firefox คนใดเห็นสิ่งนี้โปรดหยุดใช้คุณลักษณะที่ทำให้นักพัฒนาคลั่งไคล้ ไม่มีผู้ที่ไม่ใช่นักพัฒนาอยู่ในคอนโซลนักพัฒนาซอฟต์แวร์นั้นอยู่แล้วและหากพวกเขาถูกหลอกให้วางบางสิ่งที่นั่นก็ไม่ใช่ความผิดของคุณ

120 javascript  firefox 

ฉันต้องการใช้ช่องว่าง 2 ช่องสำหรับการเยื้องแทน 4 ฉันสามารถเปลี่ยนพฤติกรรมเริ่มต้นของโหมด C โดยใช้: (setq c-basic-offset 2) ฉันจะเปลี่ยนสิ่งนี้ในโหมดจาวาสคริปต์ได้อย่างไร

120 javascript  emacs  indentation 

ฉันต้องการทราบความกว้างและความสูงที่แน่นอนสำหรับgองค์ประกอบที่กำหนดเองในของฉันSVGเพราะฉันต้องวาดเครื่องหมายการเลือกรอบ ๆ เมื่อผู้ใช้คลิกแล้ว สิ่งที่ฉันเคยเห็นในอินเทอร์เน็ตมีดังนี้: d3.select("myG").style("width"). ปัญหาคือองค์ประกอบจะไม่มีชุดแอตทริบิวต์ความกว้างที่ชัดเจนเสมอไป ตัวอย่างเช่นเมื่อฉันสร้างวงกลมภายในวงกลมgจะมีชุด radious ( r) แทนความกว้าง แม้ว่าฉันจะใช้window.getComputedStyleเมธอดบน a circleมันจะส่งกลับ "อัตโนมัติ" มีวิธีการคำนวณความกว้างของพลที่svgselement ในD3? ขอบคุณ.

120 javascript  d3.js 

ใครช่วยยกตัวอย่างง่ายๆของการเรียกกลับ nodeJs ฉันได้ค้นหาสิ่งเดียวกันนี้ในหลายเว็บไซต์ แต่ไม่สามารถเข้าใจได้อย่างถูกต้องโปรดยกตัวอย่างง่ายๆให้ฉัน getDbFiles(store, function(files){ getCdnFiles(store, function(files){ }) }) ฉันอยากทำอะไรแบบนั้น ...

120 javascript  node.js  asynchronous  callback  asynccallback