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

ภาพรวม ใน Vue.js 2.x, model.syncจะเลิก ดังนั้นวิธีที่เหมาะสมในการสื่อสารระหว่างส่วนประกอบพี่น้องในVue.js 2.xคืออะไร? พื้นหลัง ตามที่ผมเข้าใจ Vue 2.x วิธีที่แนะนำสำหรับพี่น้องสื่อสารคือการใช้ร้านค้าหรือรถบัสเหตุการณ์ ตามที่Evan (ผู้สร้าง Vue): นอกจากนี้ยังควรค่าแก่การกล่าวถึง "การส่งผ่านข้อมูลระหว่างส่วนประกอบ" โดยทั่วไปเป็นความคิดที่ไม่ดีเพราะในที่สุดโฟลว์ข้อมูลจะไม่สามารถติดตามได้และแก้ไขข้อบกพร่องได้ยากมาก หากชิ้นส่วนของข้อมูลความต้องการที่จะใช้ร่วมกันโดยองค์ประกอบหลายชอบ ร้านค้าทั่วโลกหรือVuex [ ลิงก์ไปยังการสนทนา ] และ: .onceและ.syncเลิกใช้แล้ว ตอนนี้อุปกรณ์ประกอบฉากจะลงทางเดียวเสมอ ในการสร้างผลข้างเคียงในขอบเขตหลักส่วนประกอบจำเป็นต้องemitสร้างเหตุการณ์อย่างชัดเจนแทนที่จะอาศัยการผูกโดยนัย ดังนั้นอีวานแสดงให้เห็นการใช้และ$emit()$on() ความกังวล สิ่งที่ฉันกังวลคือ: แต่ละคนstoreและeventมีการมองเห็นทั่วโลก (ถูกต้องฉันหากฉันผิด); เป็นการสิ้นเปลืองเกินไปที่จะสร้างร้านค้าใหม่สำหรับการสื่อสารเล็กน้อย สิ่งที่ฉันต้องการคือขอบเขต eventsหรือstoresการมองเห็นสำหรับส่วนประกอบพี่น้อง (หรือบางทีฉันอาจไม่เข้าใจแนวคิดข้างต้น) คำถาม ดังนั้นวิธีที่ถูกต้องในการสื่อสารระหว่างส่วนประกอบพี่น้องคืออะไร?

114 javascript  vue.js  vuejs2  vue-component  vuex 

ดังนั้นฉันกำลังพยายามทำอะไรง่ายๆฉันต้องการแยกการติดตามในคอนโซลออกเป็นหลายบรรทัดโดยใช้คำสั่ง console.log 1 คำสั่ง: console.log('roleName = '+roleName+' role_ID = '+role_ID+' modal_ID = '+modal_ID+\n+'related = '+related); คุณจะเขียนข้อความข้างต้นเพื่อติดตามสิ่งต่อไปนี้อย่างไร roleName = test role_ID = test modal_UD = test related = test แทน roleName = test role_ID = test modal_UD = test related = test ฉันได้ตรวจสอบคำถามอื่น ๆ อีกหลายคำถามที่ดูเหมือนกัน แต่ไม่มีใครช่วยหรือพูดถึงสิ่งอื่น ขอบคุณสำหรับการดู!

114 javascript  jquery  console  trace 

ฉันกำลังพยายามเปลี่ยนไดเร็กทอรีการทำงานของสคริปต์ Node.js ของฉันเมื่อเรียกใช้จากสคริปต์ bin ฉันมีสิ่งต่อไปนี้: #!/usr/bin/env node process.chdir('/Users') เมื่อฉันเรียกใช้ไฟล์นี้ด้วยไฟล์./bin/nodefileจะออก แต่ไดเร็กทอรีการทำงานของบริบทเชลล์ปัจจุบันไม่เปลี่ยนแปลง ฉันได้ลองใช้shelljsแล้ว แต่ก็ไม่ได้ผลเช่นกัน วิธีที่ดีที่สุดในการทำคืออะไร? ฉันเข้าใจว่ามันใช้งานได้ แต่อยู่ในกระบวนการแยกต่างหาก

114 javascript  node.js  terminal  command-line-interface  cd 

ฉันใช้ Thymeleaf เป็นเครื่องมือแม่แบบ ฉันจะส่งตัวแปรจาก Spring model ไปยังตัวแปร JavaScript ได้อย่างไร ด้านสปริง: @RequestMapping(value = "message", method = RequestMethod.GET) public String messages(Model model) { model.addAttribute("message", "hello"); return "index"; } ด้านลูกค้า: <script> .... var m = ${message}; // not working alert(m); ... </script>

114 javascript  spring  thymeleaf 

ถ้าฉันใส่ div ไว้ในส่วนหัวและ display: none ใช้ JavaScript เพื่อแสดงมากกว่านี้จะใช้ได้ไหม แก้ไข: ฉันมีสิ่งของมากมายใน AJAX และเมื่อ AJAX ของฉันเปลี่ยนส่วน "หลัก" ของไซต์ฉันก็ต้องการเปลี่ยนเมตาแท็กด้วย

114 javascript  jquery  meta-tags 

ฉันพยายามตั้งค่าพารามิเตอร์การสืบค้นด้วยVue-routerเมื่อเปลี่ยนช่องป้อนข้อมูลฉันไม่ต้องการไปที่หน้าอื่น แต่ต้องการแก้ไขพารามิเตอร์การสืบค้น url ในหน้าเดียวกันฉันกำลังทำสิ่งนี้: this.$router.replace({ query: { q1: "q1" } }) แต่สิ่งนี้ยังรีเฟรชหน้าและตั้งค่าตำแหน่ง y เป็น 0 เช่นเลื่อนไปที่ด้านบนสุดของหน้า นี่เป็นวิธีที่ถูกต้องในการตั้งค่าพารามิเตอร์การสืบค้น URL หรือมีวิธีที่ดีกว่านี้ แก้ไข: นี่คือรหัสเราเตอร์ของฉัน: export default new Router({ mode: 'history', scrollBehavior: (to, from, savedPosition) => { if (to.hash) { return {selector: to.hash} } else { return {x: 0, y: 0} } }, routes: …

114 javascript  vue-router  vue.js 

tl; dr; เกี่ยวกับนโยบายแหล่งกำเนิดเดียวกัน ฉันมีกระบวนการ Grunt ซึ่งเริ่มต้นอินสแตนซ์ของเซิร์ฟเวอร์ express.js สิ่งนี้ใช้งานได้ดีจนถึงตอนนี้เมื่อเริ่มแสดงหน้าว่างโดยมีสิ่งต่อไปนี้ปรากฏในบันทึกข้อผิดพลาดในคอนโซลของนักพัฒนาซอฟต์แวร์ใน Chrome (เวอร์ชันล่าสุด): XMLHttpRequest ไม่สามารถโหลดhttps://www.example.com/ ไม่มีส่วนหัว 'Access-Control-Allow-Origin' อยู่ในทรัพยากรที่ร้องขอ Origin ' http: // localhost: 4300 ' จึงไม่ได้รับอนุญาตให้เข้าถึง อะไรทำให้ฉันไม่สามารถเข้าถึงเพจได้

114 javascript  cors  same-origin-policy 

ฉันต้องการสร้างกล่องแจ้งเตือนหลังจากโหลดรูปภาพแล้ว แต่หากรูปภาพถูกบันทึกไว้ในแคชของเบราว์เซอร์.onloadเหตุการณ์จะไม่เริ่มทำงาน ฉันจะแจ้งเตือนได้อย่างไรเมื่อรูปภาพถูกโหลดไม่ว่ารูปภาพนั้นจะถูกแคชหรือไม่ก็ตาม var img = new Image(); img.src = "img.jpg"; img.onload = function () { alert("image is loaded"); }

114 javascript  image-loading 

จากบทช่วยสอน react.jsเราจะเห็นการใช้วงเล็บปีกกาคู่นี้: <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> จากนั้นในบทแนะนำที่สอง "กำลังคิดในการตอบสนอง" : <span style={{ color: 'red' }}> {this.props.product.name} </span>; อย่างไรก็ตามเอกสาร React JSXไม่ได้อธิบายหรือกล่าวถึงวงเล็บปีกกาสองชั้น ไวยากรณ์นี้ (double curlies) มีไว้เพื่ออะไร? และมีวิธีอื่นในการแสดงสิ่งเดียวกันใน jsx หรือนี่เป็นเพียงการละเว้นจากเอกสาร?

114 javascript  reactjs 

ฉันกำลังแฮ็กโปรแกรม Node ที่ใช้smtp-protocolดักจับอีเมล SMTP และดำเนินการกับข้อมูลอีเมล ไลบรารีให้ข้อมูลเมลเป็นสตรีมและฉันไม่รู้ว่าจะเอาข้อมูลนั้นไปเป็นสตริงได้อย่างไร ฉันกำลังเขียนมันเป็น stdout ด้วยstream.pipe(process.stdout, { end: false })แต่อย่างที่บอกฉันต้องการข้อมูลสตรีมเป็นสตริงแทนซึ่งฉันสามารถใช้ได้เมื่อสตรีมสิ้นสุดลง ฉันจะรวบรวมข้อมูลทั้งหมดจากสตรีม Node.js เป็นสตริงได้อย่างไร

114 javascript  node.js  stream 

ฉันมีหน้าที่แถบเลื่อนที่มีแถวของตารางที่มี div อยู่ในนั้นถูกสร้างขึ้นแบบไดนามิกจากฐานข้อมูล แต่ละแถวของตารางจะทำหน้าที่เหมือนลิงก์ตามที่คุณเห็นในเพลย์ลิสต์ YouTube ถัดจากโปรแกรมเล่นวิดีโอ เมื่อผู้ใช้เข้าชมเพจตัวเลือกที่เปิดอยู่ควรจะไปที่ด้านบนสุดของ div แบบเลื่อน ฟังก์ชันนี้ใช้งานได้ ปัญหาคือมันไปไกลเกินไป เช่นเดียวกับตัวเลือกที่เปิดอยู่สูงเกินไปประมาณ 10px ดังนั้นเมื่อมีการเยี่ยมชมหน้าเว็บ URL จะใช้เพื่อระบุว่าตัวเลือกใดถูกเลือกจากนั้นเลื่อนตัวเลือกนั้นไปที่ด้านบนสุดของ Div หมายเหตุ: นี่ไม่ใช่แถบเลื่อนสำหรับหน้าต่าง แต่เป็น div ที่มีแถบเลื่อน ฉันใช้รหัสนี้เพื่อย้ายตัวเลือกที่เลือกไปที่ด้านบนสุดของ div: var pathArray = window.location.pathname.split( '/' ); var el = document.getElementById(pathArray[5]); el.scrollIntoView(true); มันจะย้ายไปที่ด้านบนสุดของ div แต่ไกลเกินไปประมาณ 10 พิกเซล ใครทราบวิธีแก้ไข

114 javascript  dom  scroll 

// this e works document.getElementById("p").oncontextmenu = function(e) { e = e || window.event; var target = e.target || e.srcElement; console.log(target); }; // this e is undefined function doSomething(e) { e = e || window.event; var target = e.target || e.srcElement; console.log(target); } <p id="p" onclick="doSomething(e)"> <a href="#">foo</a> <span>bar</span> </p> มีบางคำถามที่คล้ายกันถูกถาม …

114 javascript  events  inline  argument-passing 

ฉันกำลังทำงานกับ Yarn v0.16.1 ถ้าฉันเข้าใจถูกต้อง (ตามเอกสารประกอบ ) yarn global add <package>ควรจะเทียบเท่ากับnpm install -g <package>. อย่างไรก็ตามเมื่อฉันเรียกใช้ตัวอย่างในเอกสาร (with create-react-app) คำสั่งจะทำงานได้สำเร็จ แต่create-react-appไม่สามารถใช้งานได้จากบรรทัดคำสั่ง นี่คือผลลัพธ์: $ yarn global add create-react-app $ yarn global v0.16.1 [1/4] 🔍 Resolving packages... [2/4] 🚚 Fetching packages... [3/4] 🔗 Linking dependencies... [4/4] 📃 Building fresh packages... success Installed create-react-app@0.6.0 with binaries: …

114 javascript  npm  yarnpkg 

ฉันต้องการเพิ่มแท็ก (ตัวแปร)ให้กับค่าด้วย regex รูปแบบนี้ใช้ได้ดีกับ PHP แต่ฉันมีปัญหาในการนำไปใช้กับ JavaScript รูปแบบคือ ( valueคือตัวแปร): /(?!(?:[^<]+>|[^>]+<\/a>))\b(value)\b/is ฉันหนีแบ็กสแลช: var str = $("#div").html(); var regex = "/(?!(?:[^<]+>|[^>]+<\\/a>))\\b(" + value + ")\\b/is"; $("#div").html(str.replace(regex, "<a href='#" + value +">" + value + "</a>")); แต่ดูเหมือนจะไม่ถูกต้องฉันบันทึกรูปแบบและสิ่งที่ควรจะเป็น ความคิดใด ๆ ?

114 javascript  regex  string 

ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิด2 เดือนที่แล้ว . ปรับปรุงคำถามนี้ วิธีเปิดใช้งานการเลื่อนอีกครั้งอย่างรวดเร็วบนเว็บไซต์ที่ปิดใช้งานการเลื่อนด้วย Javascript window.scrollBy (0, 100) ใช้งานได้ดีดูเหมือนจะไม่สามารถหาวิธีผูกสิ่งนี้กับปุ่มหรือการเลื่อนเมาส์ได้

114 javascript