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

สำหรับคำถามเกี่ยวกับการเขียนโปรแกรมใน ECMAScript (JavaScript / JS) และภาษา / การใช้งานต่างๆ (ไม่รวม ActionScript) แท็กนี้ไม่ค่อยได้ใช้คนเดียว แต่ส่วนใหญ่มักจะเกี่ยวข้องกับแท็ก [node.js], [jquery], [json] และ [html]

11
ฉันจะทำให้องค์ประกอบเลื่อนดูได้อย่างไรโดยใช้ jQuery
ฉันมีเอกสาร HTML <ul><li><img...ที่มีภาพในรูปแบบตารางโดยใช้ หน้าต่างเบราว์เซอร์มีทั้งการเลื่อนแนวตั้งและแนวนอน คำถาม: เมื่อฉันคลิกที่รูปภาพ<img>ฉันจะได้รับเอกสารทั้งหมดเพื่อเลื่อนไปยังตำแหน่งที่รูปภาพที่ฉันเพิ่งคลิกไปได้top:20px; left:20pxอย่างไร ฉันมีการเรียกดูที่นี่สำหรับโพสต์ที่คล้ายกัน ... แม้ว่าฉันจะค่อนข้างใหม่กับ JavaScript และต้องการที่จะเข้าใจว่าสิ่งนี้ประสบความสำเร็จสำหรับฉันอย่างไร
169 javascript  jquery 

7
วิธีการตัดแต่งสตริงเป็น N chars ใน Javascript?
ฉันจะใช้จาวาสคริปต์ได้อย่างไรโดยสร้างฟังก์ชั่นที่จะตัดสตริงที่ส่งผ่านเป็นอาร์กิวเมนต์ไปยังความยาวที่ระบุและส่งผ่านเป็นอาร์กิวเมนต์ ตัวอย่างเช่น: var string = "this is a string"; var length = 6; var trimmedString = trimFunction(length, string); // trimmedString should be: // "this is" ใครมีแนวคิดบ้าง ฉันได้ยินอะไรบางอย่างเกี่ยวกับการใช้สตริงย่อย แต่ไม่ค่อยเข้าใจ
169 javascript  string  trim 

19
ป้องกัน onmouseout เมื่อทำการโฮเวอร์องค์ประกอบลูกของ div div โดยไม่มี jQuery
ฉันกำลังมีปัญหากับonmouseoutฟังก์ชั่นใน divitoned แน่นอน เมื่อเมาส์กระทบกับองค์ประกอบลูกใน div เหตุการณ์ mouseout จะเกิดเพลิงไหม้ แต่ฉันไม่ต้องการให้มันยิงจนกว่าเมาส์จะออกจากตัวแม่ div ที่สมบูรณ์ ฉันจะป้องกันไม่ให้mouseoutเหตุการณ์เกิดขึ้นเมื่อมีการเข้าชมองค์ประกอบย่อยโดยไม่มี jQuery ได้อย่างไร ฉันรู้ว่าสิ่งนี้เกี่ยวข้องกับเหตุการณ์เดือดปุด ๆ แต่ฉันไม่มีโชคในการหาวิธีการทำงานออก ฉันพบโพสต์ที่คล้ายกันที่นี่: ฉันจะปิดการใช้งานเหตุการณ์ mouseout ที่ถูกทริกเกอร์โดยองค์ประกอบเด็กได้อย่างไร? อย่างไรก็ตามโซลูชันนั้นใช้ jQuery

8
ข้อผิดพลาดในการแยกวิเคราะห์ ESLint: โทเค็นที่ไม่คาดคิด
ด้วยรหัสนี้: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; ฉันได้รับข้อผิดพลาด eslint นี้: 7:16 error Parsing error: Unexpected token .. Why? นี่คือ eslint config ของฉัน: { "extends": "airbnb", "rules": …

12
process.env.NODE_ENV ไม่ได้ถูกกำหนด
ฉันกำลังพยายามติดตามการสอนเกี่ยวกับ NodeJs ฉันไม่คิดว่าฉันจะพลาดอะไร แต่เมื่อใดก็ตามที่ฉันโทรหาprocess.env.NODE_ENVสิ่งเดียวที่ฉันได้รับกลับมาจะไม่ได้กำหนด จากการวิจัยของฉันค่าเริ่มต้นควรเป็น 'การพัฒนา' ค่านี้ถูกตั้งค่าแบบไดนามิกอย่างไรและตั้งไว้ที่ใดในตอนแรก

20
Javascript - array เรียงลำดับตามอาร์เรย์อื่น
เป็นไปได้ไหมที่จะเรียงลำดับและจัดเรียงอาร์เรย์ใหม่ที่มีลักษณะดังนี้: itemsArray = [ ['Anne', 'a'], ['Bob', 'b'], ['Henry', 'b'], ['Andrew', 'd'], ['Jason', 'c'], ['Thomas', 'b'] ] เพื่อให้ตรงกับการจัดเรียงของอาร์เรย์นี้: sortingArr = [ 'b', 'c', 'b', 'b', 'a', 'd' ] น่าเสียดายที่ฉันไม่มีรหัสใด ๆ ที่จะติดตาม ฉันจะต้องจัดลำดับความสำคัญรายการอาร์เรย์เพื่อให้ตรงกับ sortingArr ใกล้ที่สุด ปรับปรุง: นี่คือผลลัพธ์ที่ฉันกำลังมองหา: itemsArray = [ ['Bob', 'b'], ['Jason', 'c'], ['Henry', 'b'], ['Thomas', 'b'] ['Anne', 'a'], ['Andrew', …
169 javascript 

14
ตัวสร้างคลาส Async / Await
ในขณะนี้ฉันกำลังพยายามใช้async/awaitภายในฟังก์ชันตัวสร้างคลาส นี่คือเพื่อให้ฉันสามารถรับe-mailแท็กที่กำหนดเองสำหรับโครงการอิเล็กตรอนที่ฉันกำลังทำงานอยู่ customElements.define('e-mail', class extends HTMLElement { async constructor() { super() let uid = this.getAttribute('data-uid') let message = await grabUID(uid) const shadowRoot = this.attachShadow({mode: 'open'}) shadowRoot.innerHTML = ` <div id="email">A random email message has appeared. ${message}</div> ` } }) อย่างไรก็ตามในขณะนี้โครงการไม่ทำงานโดยมีข้อผิดพลาดดังต่อไปนี้: Class constructor may not be an async method มีวิธีที่จะหลีกเลี่ยงสิ่งนี้เพื่อให้ฉันสามารถใช้ async …

17
vue.js 2 วิธีดูค่าร้านค้าจาก vuex
ฉันใช้vuexและvuejs 2ร่วมกัน ฉันยังใหม่กับvuexฉันต้องการดูการstoreเปลี่ยนแปลงตัวแปร ฉันต้องการเพิ่มwatchฟังก์ชั่นในของฉันvue component นี่คือสิ่งที่ฉันมี: import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; ฉันต้องการทราบว่ามีการเปลี่ยนแปลงใด ๆ ในหรือไม่ my_state ฉันจะดูstore.my_stateในองค์ประกอบ vuejs ของฉันได้อย่างไร

4
SameSite เตือน Chrome 77
ตั้งแต่อัปเดตครั้งล่าสุดฉันมีข้อผิดพลาดเกี่ยวกับคุกกี้ที่เกี่ยวข้องกับแอตทริบิวต์ SameSite คุกกี้มาจากนักพัฒนาบุคคลที่สาม (Fontawesome, jQuery, Google Analytics, Google reCaptcha, Google Fonts ฯลฯ ) ข้อผิดพลาดในคอนโซล Chrome เป็นเช่นนี้ A cookie associated with a cross-site resource at <URL> was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and …

12
ไม่สามารถกำจัดส่วนหัว X-Powered-By: Express
ฉันกำลังรันเซิร์ฟเวอร์บน nodejs ด้วย express ฉันไม่สามารถกำจัดส่วนหัวได้: X-Powered-By:Express ฉันสงสัยว่ามีวิธีใดที่จะกำจัดส่วนหัวนี้หรือฉันต้องอยู่กับมันหรือไม่?

7
jQuery รับตำแหน่งขององค์ประกอบที่สัมพันธ์กับหน้าต่าง
ได้รับ ID DOM HTML, วิธีการรับตำแหน่งขององค์ประกอบที่เกี่ยวข้องกับหน้าต่างใน JavaScript / JQuery? สิ่งนี้ไม่เหมือนกับความสัมพันธ์กับเอกสารหรือพาเรนต์ออฟเซ็ตเนื่องจากองค์ประกอบอาจอยู่ใน iframe หรือองค์ประกอบอื่น ๆ ฉันต้องการรับตำแหน่งหน้าจอของสี่เหลี่ยมขององค์ประกอบ (ตามตำแหน่งและมิติ) ตามที่มันถูกแสดงอยู่ในปัจจุบัน ค่าลบสามารถยอมรับได้หากองค์ประกอบอยู่นอกจอ (เลื่อนออกไปแล้ว) นี่สำหรับแอปพลิเคชัน iPad (WebKit / WebView) เมื่อใดก็ตามที่ผู้ใช้แตะที่ลิงค์พิเศษในUIWebViewฉันควรจะเปิดมุมมองป๊อปโอเวอร์ที่แสดงข้อมูลเพิ่มเติมเกี่ยวกับลิงค์ มุมมองป๊อปโอเวอร์จำเป็นต้องแสดงลูกศรที่ชี้กลับไปยังส่วนของหน้าจอที่เรียกใช้

9
กวดวิชาที่ดีสำหรับการใช้ API ประวัติ HTML5 (Pushstate?) [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังมองหาการใช้ HTML5 History API เพื่อแก้ไขปัญหาการเชื่อมโยงเชิงลึกกับเนื้อหาที่โหลด AJAX แต่ฉันพยายามดิ้นรนเพื่อหลีกเลี่ยงปัญหา มีใครรู้แหล่งข้อมูลที่ดีบ้างไหม? ฉันต้องการใช้สิ่งนี้เนื่องจากเป็นวิธีที่ดีในการอนุญาตให้ผู้ที่ส่งลิงก์อาจไม่เปิด JS การแก้ปัญหาหลายอย่างล้มเหลวเมื่อผู้ที่มี JS ส่งลิงค์ถึงบุคคลที่ไม่มี การวิจัยเริ่มต้นของฉันดูเหมือนจะชี้ไปที่ History API ภายใน JS และวิธี pushState http://html5demos.com/history

6
วิธีการปิด JavaScript ถูกเก็บขยะ
ฉันได้บันทึกข้อผิดพลาดของ Chromeต่อไปนี้ซึ่งนำไปสู่การรั่วไหลของหน่วยความจำที่ร้ายแรงและไม่ชัดเจนในรหัสของฉัน: (ผลลัพธ์เหล่านี้ใช้เครื่องมือสร้างโปรไฟล์หน่วยความจำของ Chrome Dev Tools ซึ่งรัน GC และจากนั้นใช้ภาพรวมกองของทุกสิ่งที่ไม่ได้เก็บรวบรวมไว้) ในรหัสด้านล่างนี้someClassอินสแตนซ์นั้นเก็บรวบรวมขยะ (ดี): var someClass = function() {}; function f() { var some = new someClass(); return function() {}; } window.f_ = f(); แต่จะไม่เก็บขยะในกรณีนี้ (ไม่ดี): var someClass = function() {}; function f() { var some = new someClass(); function unreachable() { some; …

3
ฉันจะบอก AngularJS ให้“ รีเฟรช” ได้อย่างไร
ฉันมีเหตุการณ์คลิกที่เกิดขึ้นนอกขอบเขตของคำสั่งที่กำหนดเองดังนั้นแทนที่จะใช้แอตทริบิวต์ "ng-click" ฉันใช้ jQuery.click () listener และเรียกใช้ฟังก์ชันภายในขอบเขตของฉันดังนี้: $('html').click(function(e) { scope.close(); ); close () เป็นฟังก์ชั่นง่าย ๆ ที่มีลักษณะดังนี้: scope.close = function() { scope.isOpen = false; } ในมุมมองของฉันฉันมีองค์ประกอบที่มี "ng-show" ถูกผูกไว้กับ isOpen ดังนี้: <div ng-show="isOpen">My Div</div> เมื่อตรวจแก้จุดบกพร่องฉันพบว่ามีการเรียกว่า close () isOpen กำลังได้รับการอัปเดตเป็นเท็จ แต่มุมมอง AngularJS ไม่ได้อัปเดต มีวิธีที่ฉันสามารถบอก Angular ให้อัปเดตมุมมองด้วยตนเองได้หรือไม่ หรือมีวิธี "เชิงมุม" มากขึ้นในการแก้ไขปัญหาที่ฉันไม่เห็นหรือไม่

12
คลิกปุ่มทริกเกอร์
ฉันมีหน้าที่มีสองปุ่ม หนึ่งในนั้นคือ<button>องค์ประกอบและอื่น ๆ <input type="submit">ที่เป็น ปุ่มปรากฏขึ้นบนหน้าตามลำดับ หากฉันอยู่ในฟิลด์ข้อความที่ใดก็ได้ในแบบฟอร์มและกดเหตุการณ์<Enter>ขององค์ประกอบปุ่มclickจะเริ่มขึ้น ฉันคิดว่าเป็นเพราะองค์ประกอบปุ่มอยู่ก่อน ฉันไม่พบสิ่งใดที่ดูเหมือนเป็นวิธีที่เชื่อถือได้ในการตั้งค่าปุ่มเริ่มต้นและฉันไม่ต้องการที่จะทำเช่นนี้ ในกรณีที่ไม่มีสิ่งใดดีกว่าฉันจับปุ่มกดได้ทุกที่ในแบบฟอร์มและหากเป็น<Enter>กุญแจที่ถูกกดฉันจะลบล้างมัน: $('form').keypress( function( e ) { var code = e.keyCode || e.which; if( code === 13 ) { e.preventDefault(); return false; } }) เท่าที่ฉันสามารถบอกได้จนถึงตอนนี้ดูเหมือนว่ามันจะทำงานได้ แต่มันก็รู้สึกได้ถึงความแข็งแรงอย่างไม่น่าเชื่อ ไม่มีใครรู้เทคนิคที่ซับซ้อนมากขึ้นสำหรับการทำเช่นนี้? ในทำนองเดียวกันมีข้อผิดพลาดใด ๆ ในการแก้ไขปัญหานี้ที่ฉันเพิ่งไม่ทราบหรือไม่? ขอบคุณ
168 javascript  jquery  html  forms  enter 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.