728x90
반응형

JavaScript 302

JavaScript에서 여러 구분 기호로 문자열을 분할하는 방법

질문 : JavaScript에서 여러 구분 기호로 문자열을 어떻게 분할합니까? JavaScript에서 여러 구분 기호로 문자열을 어떻게 분할합니까? 쉼표 와 공백 으로 나누려고하는데 AFAIK JavaScript의 split() 함수는 하나의 구분 기호 만 지원합니다. 답변 정규식을 매개 변수로 전달합니다. js> "Hello awesome, world!".split(/[\s,]+/) Hello,awesome,world! 추가하기 위해 편집 : 배열의 길이에서 1을 뺀 값을 선택하여 마지막 요소를 얻을 수 있습니다. >>> bits = "Hello awesome, world!".split(/[\s,]+/) ["Hello", "awesome", "world!"] >>> bit = bits[bits.leng..

Node.js에서 stack trace을 출력 하는 방법

질문 : Node.js에서 스택 추적을 인쇄하는 방법은 무엇입니까? 누구든지 Node.js에서 스택 추적을 인쇄하는 방법을 알고 있습니까? 답변 모든 Error 개체에는 생성 된 stack 멤버가 있습니다. var stack = new Error().stack console.log( stack ) 또는 더 간단하게 : console.trace("Here I am!") 출처 : https://stackoverflow.com/questions/2923858/how-to-print-a-stack-trace-in-node-js

$ (document) .jQuery 를 대체 하는 방법

질문 : $ (document) .jQuery 없이도 동등 함 $(document).ready 사용하는 스크립트가 있지만 jQuery에서 다른 것을 사용하지 않습니다. jQuery 종속성을 제거하여 가볍게하고 싶습니다. jQuery를 사용하지 않고 내 자신의 $(document).ready 내가 사용하는 것을 알고 window.onload 등, 동일하지 않습니다 window.onload 모든 이미지, 프레임, 등 후 화재가로드되었다. 답변 IE8은 아니지만 99 % 이상의 브라우저 에서 지원하는 표준 기반 대체 DOMContentLoaded 가 있습니다. document.addEventListener("DOMContentLoaded", function(event) { //do work }); jQuery..

자바스크립트 - reject vs. throw

질문 : 자바 스크립트 약속-거부 대 던지기 이 주제에 대한 여러 기사를 읽었지만 Promise.reject 와 오류를 던지는 것 사이에 차이점이 있는지 아직 명확하지 않습니다. 예를 들면 Promise.reject 사용 return asyncIsPermitted() .then(function(result) { if (result === true) { return true; } else { return Promise.reject(new PermissionDenied()); } }); 던지기 사용 return asyncIsPermitted() .then(function(result) { if (result === true) { return true; } else { throw new PermissionDe..

Node.js의 fs.readFile ()이 문자열 대신 버퍼를 반환하는 이유

질문 : Node.js의 fs.readFile ()이 문자열 대신 버퍼를 반환하는 이유는 무엇입니까? test.txt (Javascript 소스의 동일한 폴더에 있음)의 내용을 읽고 다음 코드를 사용하여 표시하려고합니다. var fs = require("fs"); fs.readFile("test.txt", function (err, data) { if (err) throw err; console.log(data); }); test.txt 의 내용은 nano 에서 생성되었습니다. Node.js readFile () 테스트 그리고 나는 이것을 얻고있다 : Nathan-Camposs-MacBook-Pro:node_test Nathan$ node main.js Nathan-Camposs-MacBook-Pro:n..

JS / jQuery에서 화살표 키 바인딩

질문 : JS / jQuery에서 화살표 키 바인딩 Javascript 및 / 또는 jQuery의 왼쪽 및 오른쪽 화살표 키에 함수를 바인딩하는 방법은 무엇입니까? jQuery 용 js-hotkey 플러그인 (특정 키를 인식하는 인수를 추가하기 위해 내장 된 바인드 기능을 래핑)을 살펴 보았지만 화살표 키를 지원하지 않는 것 같습니다. 답변 document.onkeydown = function(e) { switch(e.which) { case 37: // left break; case 38: // up break; case 39: // right break; case 40: // down break; default: return; // exit this handler for other keys } e.p..

자바 스크립트 배열을 선언 할 때 "Array ()"와 "[]"의 차이점

질문 : 자바 스크립트 배열을 선언 할 때 "Array ()"와 "[]"의 차이점은 무엇입니까? 다음과 같은 배열 선언의 실제 차이점은 무엇입니까? var myArray = new Array(); 과 var myArray = []; 답변 차이가 있지만 그 예에는 차이가 없습니다. 보다 자세한 방법 사용 : new Array() 는 매개 변수에 하나의 추가 옵션이 있습니다. 생성자에 숫자를 전달하면 해당 길이의 배열을 얻게됩니다. x = new Array(5); alert(x.length); // 5 배열을 만드는 다양한 방법을 설명하려면 : var a = [], // these are the same b = new Array(), // a and b are arrays with length 0 c = [..

JavaScript / jQuery에서 배열에 특정 문자열이 포함되어 있는지 확인하는 방법

질문 : 배열에 JavaScript / jQuery의 특정 문자열이 포함되어 있는지 확인하는 방법은 무엇입니까? "specialword" 가 배열에 나타나는지 감지하는 방법을 알려줄 수 있습니까? 예: categories: [ "specialword" "word1" "word2" ] 답변 이것을 위해 jQuery가 정말로 필요하지 않습니다. var myarr = ["I", "like", "turtles"]; var arraycontainsturtles = (myarr.indexOf("turtles") > -1); 힌트 : indexOf는 지정된 검색 값이 처음 발생하는 위치를 나타내는 숫자를 반환하거나 발생하지 않는 경우 -1을 반환합니다. 또는 function arrayContains(needle, a..

jQuery 테이블 마지막 행에 행 추가하는 방법

질문 : jQuery에 테이블 행 추가 테이블에 추가 행을 마지막 행으로 추가하는 jQuery에서 가장 좋은 방법은 무엇입니까? 이것이 허용됩니까? $('#myTable').append('my datamore data'); 이와 같은 테이블에 추가 할 수있는 항목 (예 : 입력, 선택, 행 수)에 제한이 있습니까? 답변 당신이 제안한 접근 방식이 당신이 찾고있는 결과를 보장 할 수는 없습니다. 예를 들어 tbody ... ... 결국 다음과 같이됩니다. ... ... ... 따라서 대신이 방법을 권장합니다. $('#myTable tr:last').after('......'); 위의 예에 따라 여러 행을 포함하여 유효한 HTML 인 after() 메서드 내에 모든 것을 포함 할 수 있습니다. 업데이트 : ..

jQuery를 사용하는 이스케이프 키의 키 코드

질문 : jQuery를 사용하는 이스케이프 키의 키 코드 두 가지 기능이 있습니다. Enter 키를 누르면 함수가 제대로 실행되지만 이스케이프를 누르면 실행되지 않습니다. 이스케이프 키의 올바른 번호는 무엇입니까? $(document).keypress(function(e) { if (e.which == 13) $('.save').click(); // enter (works as expected) if (e.which == 27) $('.cancel').click(); // esc (does not work) }); 답변 keyup 이벤트로 시도하십시오. $(document).on('keyup', function(e) { if (e.key == "Enter") $('.save').click(); if (e..

jQuery의 $ .ready ()와 동등한 순수 JavaScript-페이지 / DOM이 준비되었을 때 함수를 호출하는 방법

질문 : jQuery의 $ .ready ()와 동등한 순수 JavaScript-페이지 / DOM이 준비되었을 때 함수를 호출하는 방법 jQuery로 우리 모두는 멋진 .ready() 함수를 알고 있습니다. $('document').ready(function(){}); 그러나 라이브러리를 지원하지 않는 표준 JavaScript로 작성된 함수를 실행하고 페이지가 처리 할 준비가되는 즉시 함수를 시작하고 싶다고 가정 해 보겠습니다. 이에 접근하는 적절한 방법은 무엇입니까? 나는 내가 할 수 있다는 것을 안다. window.onload="myFunction()"; body 태그를 사용할 수 있습니다. 또는 모든 작업 후에 페이지 하단에서 시도 할 수도 있지만 끝 body 또는 html 태그는 다음과 같습니다. ..

자바 스크립트에서 "=>" (화살표 기능) 의 의미

질문 : 자바 스크립트에서 "=>"(같고 큼으로 형성된 화살표)의 의미는 무엇입니까? >= 연산자는 이상을 의미한다는 것을 알고 있지만 일부 소스 코드에서 => 그 연산자의 의미는 무엇입니까? 코드는 다음과 같습니다. promiseTargetFile(fpParams, aSkipPrompt, relatedURI).then(aDialogAccepted => { if (!aDialogAccepted) return; saveAsType = fpParams.saveAsType; file = fpParams.file; continueSave(); }).then(null, Components.utils.reportError); 답변 What It Is 이것은 화살표 기능입니다. 화살표 함수는 ECMAscript 6에..

select 박스의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 jQuery로 선택하는 방법

질문 : 선택 상자의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 jQuery로 선택하는 방법은 무엇입니까? 핵심 jQuery를 사용하여 선택 상자의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 선택하는 방법은 무엇입니까? 내 선택 상자는 다음과 같습니다. 편집 : 다음 코드는 연결에 도움이되었습니다. 그러나 (Internet Explorer에서) .val('whatever') 은 추가 된 옵션을 선택하지 않았습니다. .append 와 .val 에서 동일한 '값'을 사용했습니다.) $('#mySelect').find('option').remove().end() .append('text').val('whatever'); 편집 :이 코드를 모방하기 위해 페이지 / 양식이 재설정 될 때마다 다음 코드를..

JavaScript chop/slice/trim 문자열의 마지막 문자 잘라내기

질문 : JavaScript는 문자열의 마지막 문자를 잘라내거나 자르거나 잘라냅니다. 12345.00 이라는 문자열이 있으며 12345.0 을 반환하고 싶습니다. 나는 trim 을 보았지만 이것이 어떻게 작동하는지 보지 못하는 slice 어떤 제안? 답변 하위 문자열 함수를 사용할 수 있습니다. let str = "12345.00"; str = str.substring(0, str.length - 1); console.log(str); 이것은 받아 들여지는 대답이지만 아래 대화에 따라 슬라이스 구문이 훨씬 더 명확합니다. let str = "12345.00"; str = str.slice(0, -1); console.log(str); 출처 : https://stackoverflow.com/question..

Node.js에서 다른 파일의 함수를 "include" 하는 방법

질문 : Node.js에서 다른 파일의 함수를 어떻게 "포함"합니까? app.js라는 파일이 있다고 가정 해 보겠습니다. 매우 간단합니다. var express = require('express'); var app = express.createServer(); app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.get('/', function(req, res){ res.render('index', {locals: { title: 'NowJS + Express Example' }}); }); app.listen(8080); "tools.js"에 함수가 있으면 어떻게됩니까? apps.js에서 사용하려면 어떻게 가져 오나요? 아..

JSLint "missing radix parameter" 오류

질문 : JSLint는 "기수 매개 변수 누락"이라고 말합니다. 이 JavaScript 코드에서 JSLint를 실행했으며 다음과 같이 말했습니다. 32 행 문자 30의 문제 : 기수 매개 변수가 누락되었습니다. 문제의 코드는 다음과 같습니다. imageIndex = parseInt(id.substring(id.length - 1))-1; 여기서 무엇이 잘못 되었습니까? 답변 parseInt로 기수를 전달하는 것은 항상 좋은 습관입니다. parseInt(string, radix) 십진수- parseInt(id.substring(id.length - 1), 10) radix 매개 변수가 생략되면 JavaScript는 다음을 가정합니다. 문자열이 "0x"로 시작하면 기수는 16 (16 진수)입니다. 문자열이 ..

jQuery를 사용하여 JS 객체를 배열로 변환

질문 : jQuery를 사용하여 JS 객체를 배열로 변환 내 응용 프로그램은 다음과 같은 JavaScript 개체를 만듭니다. myObj= {1:[Array-Data], 2:[Array-Data]} 하지만이 객체는 배열로 필요합니다. array[1]:[Array-Data] array[2]:[Array-Data] $.each 를 반복하고 요소를 배열에 추가하여이 개체를 배열로 변환하려고했습니다. x=[] $.each(myObj, function(i,n) { x.push(n);}); 객체를 배열이나 함수로 변환하는 더 좋은 방법이 있습니까? 답변 var myObj = { 1: [1, 2, 3], 2: [4, 5, 6] }; var array = $.map(myObj, function(value, index)..

Chrome 개발자 도구에서 JavaScript를 비활성화하는 방법

질문 : Chrome 개발자 도구에서 JavaScript를 비활성화하는 방법은 무엇입니까? 사용자가 JavaScript를 비활성화 할 때 웹 사이트의 기능을 디버깅하려고합니다. Google Chrome DevTools에서 페이지에 대해 JavaScript를 비활성화하는 방법이 궁금합니다. 답변 개발자 도구 모서리에있는 톱니 바퀴 아이콘을 클릭하고 설정을 클릭 한 다음 Debugger 아래에서 Disable Javascript . 출처 : https://stackoverflow.com/questions/13405383/how-to-disable-javascript-in-chrome-developer-tools

개발관련/other 2021.08.30

jQuery selector 정규식

질문 : jQuery 선택기 정규식 jQuery 선택기와 함께 와일드 카드 또는 정규식 (정확한 용어에 대해서는 확실하지 않음) 사용에 대한 문서를 찾고 있습니다. 나는 이것을 직접 찾았지만 구문 및 사용 방법에 대한 정보를 찾을 수 없습니다. 구문에 대한 문서가 어디에 있는지 아는 사람이 있습니까? 편집 : 속성 필터를 사용하면 속성 값의 패턴을 기반으로 선택할 수 있습니다. 답변 James Padolsey는 정규식을 선택에 사용할 수있는 멋진 필터를 만들었습니다. div 가 있다고 가정합니다. Padolsey의 :regex 필터는 다음과 같이 선택할 수 있습니다. $("div:regex(class, .*sd.*)") 또한 선택자에 대한 공식 문서를 확인하십시오. jQuery.expr[':'] 는 이미..

Javascript 에서 문자를 대소문자를 구분하지 않고 판별하는 방법

질문 : 대소 문자를 구분하지 않습니다. 다음이 있습니다. if (referrer.indexOf("Ral") == -1) { ... } 내가 뭘 좋아하는 것은하는 것입니다 Ral 이 될 수 있도록하는 것이, 사례를 구분을 RAl , rAl 등, 여전히 일치합니다. Ral 이 대소 문자를 구분하지 않아야한다고 말하는 방법이 있습니까? 답변 referrer 뒤에 .toUpperCase() 추가합니다. 이 메서드는 문자열을 대문자 문자열로 바꿉니다. 그런 다음 Ral 대신 RAL 을 사용하여 .indexOf() 사용하십시오. if (referrer.toUpperCase().indexOf("RAL") === -1) { 정규 표현식을 사용하여 동일한 결과를 얻을 수도 있습니다 (특히 동적 패턴에 대해 테스트하려는..

객체가 jQuery 객체인지 확인

질문 : 객체가 jQuery 객체인지 확인 객체가 jQuery 객체인지 네이티브 JavaScript 객체인지 확인하는 빠른 방법이 있습니까? 예: var o = {}; var e = $('#element'); function doStuff(o) { if (o.selector) { console.log('object is jQuery'); } } doStuff(o); doStuff(e); 분명히 위의 코드는 작동하지만 안전하지 않습니다. 잠재적으로 선택기 키를 o 객체에 추가하고 동일한 결과를 얻을 수 있습니다. 객체가 실제로 jQuery 객체인지 확인하는 더 좋은 방법이 있습니까? (typeof obj == 'jquery') 와 일치하는 것 답변 instanceof 연산자를 사용할 수 있습니다. if (..

JavaScript의 연산자 !! (NOT)

질문 : 이것은 !! (NOT) JavaScript의 연산자? 내가 알지 못하는 연산자를 사용하는 것처럼 보이는 코드를 두 개의 느낌표 형태로 보았습니다. !! . 누군가이 운영자가 무엇을하는지 말해 줄 수 있습니까? 내가 본 맥락은 this.vertical = vertical !== undefined ? !!vertical : this.vertical; 답변 Object 를 boolean 변환합니다. 거짓이면 (예 : 0 , null , undefined 등), false 이고 그렇지 않으면 true 입니다. !oObject // inverted boolean !!oObject // non inverted boolean so true boolean representation 그래서 !! 연산자가 아니라..

jQuery를 사용하여 드롭 다운 목록의 선택한 값 변경

질문 : jQuery를 사용하여 드롭 다운 목록의 선택한 값 변경 알려진 값이있는 드롭 다운 목록이 있습니다. 내가하려는 것은 jQuery를 사용하여 존재하는 특정 값으로 드롭 다운 목록을 설정하는 것입니다. 일반 JavaScript를 사용하여 다음과 같이합니다. ddl = document.getElementById("ID of element goes here"); ddl.value = 2; // 2 being the value I want to set it too. 그러나 선택기 (어리석은 ASP.NET 클라이언트 ID ...)에 CSS 클래스를 사용하고 있기 때문에 jQuery 로이 작업을 수행해야합니다. 내가 시도한 몇 가지 사항은 다음과 같습니다. $("._statusDDL").val(2); //..

jQuery없이 AJAX 호출을 만드는 방법

질문 : jQuery없이 AJAX 호출을 만드는 방법은 무엇입니까? jQuery를 사용하지 않고 JavaScript를 사용하여 AJAX 호출을 만드는 방법은 무엇입니까? 답변 "바닐라"JavaScript 사용 : jQuery 사용 : $.ajax({ url: "test.html", context: document.body, success: function(){ $(this).addClass("done"); } }); 출처 : https://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery

Moment js 날짜 시간 비교

질문 : 순간 js 날짜 시간 비교 날짜 시간 형식을 지정하기 위해 moment.js를 사용하고 있으며 여기에는 두 개의 날짜 값이 있으며 한 날짜가 다른 날짜보다 클 때 특정 기능을 얻고 싶습니다. 대부분의 문서를 읽었지만이를 달성하는 기능을 찾지 못했습니다. 거기있을 거라는 걸 알아요. 이것은 내 코드입니다. var date_time = 2013-03-24 + 'T' + 10:15:20:12 + 'Z' var d = moment(date_time).tz('UTC'); // first date var now = new Date(), dnow = moment(now).tz('UTC'), snow = dnow.minute() % 15, diffnow = 15 - snow, tonow = moment(dno..

728x90
반응형