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

ฉันมีฟังก์ชันที่ช่วยกรองข้อมูล ฉันกำลังใช้v-on:changeเมื่อผู้ใช้เปลี่ยนการเลือก แต่ฉันยังต้องการฟังก์ชันที่จะเรียกใช้ก่อนที่ผู้ใช้จะเลือกข้อมูล ฉันได้ทำเช่นเดียวกันกับการAngularJSใช้งานก่อนหน้านี้ng-initแต่ฉันเข้าใจว่าไม่มีคำสั่งดังกล่าวในvue.js นี่คือหน้าที่ของฉัน: getUnits: function () { var input = {block: this.block, floor: this.floor, unit_type: this.unit_type, status: this.status}; this.$http.post('/admin/units', input).then(function (response) { console.log(response.data); this.units = response.data; }, function (response) { console.log(response) }); } ในbladeไฟล์ฉันใช้แบบฟอร์มใบมีดเพื่อดำเนินการตัวกรอง: <div class="large-2 columns"> {!! Form::select('floor', $floors,null, ['class'=>'form-control', 'placeholder'=>'All Floors', 'v-model'=>'floor', 'v-on:change'=>'getUnits()' ]) !!} </div> …

97 javascript  vue.js  vuejs2 

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

97 javascript  iphone  ipad  orientation 

ฉันกำลังทำโปรเจ็กต์เชิงมุมง่ายๆที่ฉันกำลังพยายามนำเข้าดีไซน์ Material เข้ามาในโปรเจ็กต์ของฉัน แต่ส่วนประกอบบางอย่างทำงานไม่ถูกต้องและคำเตือนของคอนโซลบอกว่า: ไม่พบ HammerJS ส่วนประกอบ Angular Material บางอย่างอาจทำงานไม่ถูกต้อง ฉันได้รับการติดตั้งและhammerjs @angular/materialฉันจะแก้ไขปัญหานี้ได้อย่างไร Sidenote มันอาจจะเป็นที่น่าสังเกตว่าหากคุณมีhammerjsการติดตั้งและอุปกรณ์ของคุณจะยังคงแสดงผลได้อย่างถูกต้องเพื่อให้แน่ใจว่าคุณกำลังใช้angular material ส่วนประกอบและไม่องค์ประกอบ HTML กับการเรียนmaterialize-css หากคุณกำลังใช้materialize-cssแทนangular material, คุณจะต้องเพิ่มในโครงการของคุณต่างหาก

97 javascript  angular  material-design  hammer.js 

ฉันสามารถเรียกเมธอดอ็อบเจ็กต์แบบไดนามิกโดยมีชื่อเมธอดเป็นสตริงได้หรือไม่ ฉันจะจินตนาการได้ดังนี้: var FooClass = function() { this.smile = function() {}; } var method = "smile"; var foo = new FooClass(); // I want to run smile on the foo instance. foo.{mysterious code}(); // being executed as foo.smile();

97 javascript  oop  dynamic  methods  invoke 

ฉันเริ่มทำงานร่วมกับwebpackกับnode/expressสภาพแวดล้อมการพัฒนาแอพลิเคชันด้านเซิร์ฟเวอร์แสดงผลด้วยReactJS react-routerฉันสับสนมากเกี่ยวกับบทบาทของแต่ละแพ็คเกจ webpack สำหรับสภาพแวดล้อม dev และ prod (รันไทม์) นี่คือบทสรุปของความเข้าใจของฉัน: webpack: เป็นแพ็กเกจซึ่งเป็นเครื่องมือในการรวมส่วนต่างๆของเว็บแอปพลิเคชันเข้าด้วยกันแล้วรวมเป็นไฟล์. js ไฟล์เดียว (ปกติbundle.js) จากนั้นไฟล์ผลลัพธ์จะถูกให้บริการในสภาพแวดล้อม prod ที่จะโหลดโดยแอปพลิเคชันและมีส่วนประกอบที่จำเป็นทั้งหมดเพื่อรันโค้ด คุณสมบัติต่างๆ ได้แก่ การย่อขนาดโค้ดการย่อขนาดและอื่น ๆ webpack-dev-server: เป็นแพ็คเกจที่มีเซิร์ฟเวอร์ในการประมวลผลไฟล์เว็บไซต์ นอกจากนี้ยังสร้างไฟล์. js ( bundle.js) ไฟล์เดียวจากคอมโพเนนต์ไคลเอ็นต์ แต่ทำหน้าที่ในหน่วยความจำ นอกจากนี้ยังมีตัวเลือก ( -hot) เพื่อตรวจสอบไฟล์สิ่งปลูกสร้างทั้งหมดและสร้างบันเดิลใหม่ในหน่วยความจำในกรณีที่มีการเปลี่ยนแปลงรหัส เซิร์ฟเวอร์ที่มีหน้าที่โดยตรงในเบราว์เซอร์ (เช่น: http:/localhost:8080/webpack-dev-server/whatever) การรวมกันของการโหลดหน่วยความจำการประมวลผลแบบร้อนและการให้บริการของเบราว์เซอร์ช่วยให้ผู้ใช้สามารถอัปเดตแอปพลิเคชันบนเบราว์เซอร์เมื่อโค้ดเปลี่ยนแปลงเหมาะสำหรับสภาพแวดล้อมการพัฒนา หากฉันมีข้อสงสัยเกี่ยวกับข้อความข้างต้นฉันไม่แน่ใจเกี่ยวกับเนื้อหาด้านล่างนี้จริงๆดังนั้นโปรดแนะนำฉันหากจำเป็น ปัญหาที่พบบ่อยเมื่อใช้webpack-dev-serverกับnode/expressเป็นสิ่งที่เป็นเซิร์ฟเวอร์ที่เป็นอยู่webpack-dev-server node/expressทำให้สภาพแวดล้อมนี้ยุ่งยากในการรันทั้งไคลเอนต์และโหนด / รหัสด่วน (API เป็นต้น) หมายเหตุ: นี่คือสิ่งที่ฉันเผชิญ แต่จะดีมากที่จะเข้าใจว่าเหตุใดจึงเกิดขึ้นในรายละเอียดเพิ่มเติม ... webpack-dev-middleware: นี่คือมิดเดิลแวร์ที่มีฟังก์ชั่นเดียวกันของwebpack-dev-server(การรวมหน่วยความจำ, …

97 javascript  node.js  webpack  webpack-dev-server  webpack-dev-middleware 

ตัวอย่างเช่นถ้าฉันทำสิ่งนี้: var q = document.querySelectorAll; q('body'); ฉันได้รับข้อผิดพลาด "การร้องขอที่ผิดกฎหมาย" ใน Chrome ฉันคิดไม่ออกว่าทำไมถึงจำเป็น ประการแรกไม่ใช่กรณีของฟังก์ชันโค้ดเนทีฟทั้งหมด อันที่จริงฉันสามารถทำได้: var o = Object; // which is a native code function var x = new o(); และทุกอย่างทำงานได้ดี โดยเฉพาะอย่างยิ่งฉันได้ค้นพบปัญหานี้เมื่อจัดการกับเอกสารและคอนโซล ความคิดใด ๆ ?

97 javascript  invocation 

Tl; Dr - คำถาม: วิธีที่ถูกต้องในการจัดการการสตรีมไฟล์วิดีโอไปยังเครื่องเล่นวิดีโอ html5 ด้วย Node.js คืออะไรเพื่อให้การควบคุมวิดีโอทำงานต่อไป ฉันคิดว่ามันเกี่ยวข้องกับวิธีจัดการส่วนหัว อย่างไรก็ตามนี่คือข้อมูลพื้นฐาน รหัสมีความยาวเล็กน้อยแต่ค่อนข้างตรงไปตรงมา การสตรีมไฟล์วิดีโอขนาดเล็กไปยังวิดีโอ HTML5 ด้วย Node เป็นเรื่องง่าย ฉันเรียนรู้วิธีการสตรีมไฟล์วิดีโอขนาดเล็กไปยังเครื่องเล่นวิดีโอ HTML5 ได้อย่างง่ายดาย ด้วยการตั้งค่านี้การควบคุมจะทำงานโดยไม่ต้องทำงานใด ๆ ในส่วนของฉันและวิดีโอสตรีมได้อย่างไม่มีที่ติ สำเนาการทำงานของรหัสที่ทำงานอย่างเต็มที่กับวิดีโอตัวอย่างที่นี่สำหรับการดาวน์โหลดบน Google Docs ลูกค้า: <html> <title>Welcome</title> <body> <video controls> <source src="movie.mp4" type="video/mp4"/> <source src="movie.webm" type="video/webm"/> <source src="movie.ogg" type="video/ogg"/> <!-- fallback --> Your browser does not support the …

97 javascript  html  node.js  video 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันต้องการแสดงวันที่บางวันที่สัมพันธ์กับวันที่ปัจจุบันในรูปแบบที่เป็นมิตรกับมนุษย์ ตัวอย่างวันที่ญาติที่เป็นมิตรกับมนุษย์: 10 วินาทีที่แล้ว 20 นาทีจากนี้ 1 วันที่ผ่านมา 5 สัปดาห์ที่ผ่านมา 2 เดือนที่แล้ว โดยพื้นฐานแล้วจะรักษาลำดับความสำคัญสูงสุดไว้อย่างซื่อสัตย์ (และตามความต้องการเฉพาะการขยับขึ้นหน่วยเมื่อผ่าน 2 หน่วย - 5 สัปดาห์แทนที่จะเป็น 1 เดือน) แม้ว่าฉันจะสามารถอยู่กับห้องสมุดที่มีการควบคุมน้อยลงและเป็นกันเองมากขึ้นเช่น: เมื่อวานนี้ พรุ่งนี้ อาทิตย์ที่แล้ว ไม่กี่นาทีที่ผ่านมา ในสองสามชั่วโมง ห้องสมุดยอดนิยมสำหรับสิ่งนี้หรือไม่?

97 javascript  date  formatting 

ลองนึกภาพว่าฉันมี HTML ต่อไปนี้: <div><span><b>This is in bold</b></span></div> ฉันต้องการรับ HTML สำหรับ div รวมถึง div ด้วย Element.innerHTML ส่งคืนเฉพาะ: <span>...</span> ความคิดใด ๆ ? ขอบคุณ

97 javascript  html  dom 

ฉันมีชุดการคำนวณ Javascript ที่ (เฉพาะใน IE) แสดง Infinity ขึ้นอยู่กับตัวเลือกของผู้ใช้ หนึ่งจะหยุดคำที่Infinityปรากฏและตัวอย่างเช่นแสดง0.0แทนได้อย่างไร

97 javascript  infinity 

ฉันไม่อยากเชื่อเลยว่าฉันกำลังถามคำถามที่ชัดเจน แต่ฉันยังคงได้รับข้อผิดพลาดในบันทึกของคอนโซล Console บอกว่าไม่พบโมดูลในไดเร็กทอรี แต่ฉันตรวจสอบการพิมพ์ผิดอย่างน้อย 10 ครั้ง อย่างไรก็ตามนี่คือรหัสส่วนประกอบ ฉันต้องการแสดงส่วนหัวในรูท import React, { Component } from 'react' import Header from './src/components/header/header' import logo from './logo.svg' import './App.css' class App extends Component { render() { return ( <Header/> ); } } export default App; นี่คือHeaderส่วนประกอบ import React, { Component } from 'react' …

97 javascript  reactjs 

ฉันต้องการกรองอาร์เรย์ของรายการโดยใช้map()ฟังก์ชัน นี่คือข้อมูลโค้ด: var filteredItems = items.map(function(item) { if( ...some condition... ) { return item; } }); ปัญหาคือการกรองรายการยังคงใช้พื้นที่ในอาร์เรย์และฉันต้องการล้างออกทั้งหมด ความคิดใด ๆ ? แก้ไข: ขอบคุณฉันลืมเกี่ยวกับfilter()สิ่งที่ฉันอยากเป็นจริงแล้วfilter()map() แก้ไข 2: ขอขอบคุณที่ชี้ว่าmap()และfilter()ไม่มีการนำไปใช้ในทุกเบราว์เซอร์แม้ว่าโค้ดเฉพาะของฉันไม่ได้ตั้งใจให้ทำงานในเบราว์เซอร์

97 javascript  functional-programming  data-manipulation  client-side 

arr = [1,2,3]; arr.forEach(function(i){ // last iteration }); จะจับได้อย่างไรเมื่อลูปจบลง? ฉันทำได้if(i == 3)แต่ฉันอาจไม่รู้ว่าอาร์เรย์ของฉันคืออะไร

97 javascript  jquery 

ESLint ไม่ทำงานสำหรับฉันใน VS Code ฉันติดตั้งปลั๊กอินใน VS Code แล้วและ ESLint เองก็เป็นการพึ่งพาของนักพัฒนาใน package.json ซึ่งฉันได้ติดตั้งไว้ด้วย ฉันแก้ไขตัวเลือกต่อไปนี้ใน VS Code User Settings: { "eslint.options": { "configFile": "C:/mypath" } } ฉันใช้คำสั่งeslint --initเพื่อเพิ่มพื้นฐาน.eslintrc.jsonในไดเร็กทอรีหลักของแพ็คเกจของฉัน บุคคลอื่นสามารถรับข้อเสนอแนะ ESLint จาก VS Code โดยใช้แพ็คเกจเดียวกันกับไฟล์กำหนดค่า ESLint เดียวกัน ฉันไม่ได้รับข้อเสนอแนะใด ๆ เมื่อละเมิดกฎหลายข้อโดยตรงซึ่งรวมอยู่ในชุดกฎที่แนะนำซึ่งเป็นค่าเริ่มต้นภายใน.eslintrc.jsonไฟล์ ฉันขาดอะไรไป? แก้ไข: ฉันได้ทดสอบโดยใช้ ESLint ผ่านทางบรรทัดคำสั่งและทุกอย่างทำงานได้ตามที่คาดไว้โดยพบข้อผิดพลาดที่ควรมีอย่างไรก็ตามข้อผิดพลาดเดียวกันนี้ไม่เคยปรากฏใน VS Code ปัญหาดูเหมือนจะอยู่ในฝั่งของ VS Code ไม่ใช่ ESLint

97 javascript  visual-studio-code  eslint 

สมมติว่าฉันมีอินสแตนซ์ Vue ดังนี้: new Vue({ el: '#app', data: { word: 'foo', }, filters: { capitalize: function(text) { return text.replace(/(?:^|\s)\S/g, function(a) { return a.toUpperCase(); }); } }, methods: { sendData: function() { var payload = this.$filters.capitalize(this.word); // how? } } } ฉันสามารถใช้ตัวกรองในเทมเพลตได้อย่างง่ายดาย: <span>The word is {{ word | capitalize }}</span> แต่ฉันจะใช้ตัวกรองนี้จากวิธีอินสแตนซ์หรือคุณสมบัติที่คำนวณได้อย่างไร …

97 javascript  vue.js