코딩하다 현타올 때

질문 : 동일한 클래스의 요소를 반복하는 jQuery testimonial 과 함께 div를 많이 가지고 있으며 jquery를 사용하여 특정 조건이 참인 경우 각 div를 확인하기 위해 루프를 반복하고 싶습니다. 사실이면 작업을 수행해야합니다. 내가 어떻게할지 아는 사람 있나요? 답변 각각 사용 : ' i '는 배열의 위치이고 obj 는 반복중인 DOM 개체입니다 (jQuery 래퍼 $(this) 를 통해 액세스 할 수도 있음). $('.testimonial').each(function(i, obj) { //test }); 자세한 내용 은 api 참조 를 확인하세요. 출처 : https://stackoverflow.com/questions/4735342/jquery-to-loop-through-eleme..

질문 : JavaScript 속성 액세스 : 점 표기법과 대괄호? 첫 번째 형식이 문자열 리터럴이 아닌 변수를 사용할 수 있다는 명백한 사실 외에 다른 하나를 사용하는 이유가 있습니까? 그렇다면 어떤 경우에? 코드에서 : // Given: var foo = {'bar': 'baz'}; // Then var x = foo['bar']; // vs. var x = foo.bar; 컨텍스트 : 이러한 식을 생성하는 코드 생성기를 작성했으며 어느 것이 더 바람직한 지 궁금합니다. 답변 (여기 에서 출처.) 대괄호 표기법을 사용하면 점 표기법과 함께 사용할 수없는 문자를 사용할 수 있습니다. var foo = myForm.foo[]; // incorrect syntax var foo = myForm["foo[]"..

질문 : JQuery-$가 정의되지 않았습니다. 간단한 jquery 클릭 이벤트가 있습니다. 및 site.master에 정의 된 jquery 참조 스크립트가 올바르게 해결되고 있는지 확인했으며 마크 업을보고 방화범에서 스크립트를 직접 볼 수 있으므로 발견되어야합니다. 그러나 나는 여전히 다음을 얻고 있습니다. $가 정의되지 않았습니다. jquery는 작동하지 않습니다. $(document).ready 및 jQuery 등과 같은 다양한 변형을 시도했습니다. .net 3.5의 MVC 2 앱입니다. Google의 모든 곳에서 파일이 올바르게 참조되었는지 확인하라고 말합니다. 다시 확인하고 확인했습니다. 조언을 부탁드립니다! : / 답변 이 오류는 다음 세 가지 중 하나에 의해서만 발생할 수 있습니다. 우선, ..

질문 : PHP에서 JavaScript로 변수와 데이터를 어떻게 전달합니까? PHP에 변수가 있고 JavaScript 코드에 그 값이 필요합니다. PHP에서 JavaScript로 내 변수를 가져 오려면 어떻게해야합니까? 다음과 같은 코드가 있습니다.

질문 : JavaScript에서 문자를 ASCII 코드로 변환 JavaScript를 사용하여 문자를 ASCII 코드로 어떻게 변환 할 수 있습니까? 예를 들면 : "\ n"에서 10 개를 얻습니다. 답변 "\n".charCodeAt(0); 출처 : https://stackoverflow.com/questions/94037/convert-character-to-ascii-code-in-javascript

질문 : JavaScript 비교에서 사용해야하는 같음 연산자 (== vs ===)는 무엇입니까? 나는 JSLint 를 사용하여 JavaScript를 통과하고 있으며 if 내부에서 idSele_UNVEHtype.value.length == 0 == (등호 2 개)를 === (등호 3 개)로 바꾸라는 많은 제안을 반환 if 성명서. == 를 === 로 바꾸면 성능상의 이점이 있습니까? 많은 비교 연산자가 존재하므로 성능 향상을 환영합니다. 유형 변환이 발생하지 않으면 == 보다 성능이 향상됩니까? 답변 완전 항등 연산자 ( === )는 유형 변환이 수행되지 않는다는 점을 제외하고 == )와 동일하게 작동하며 동일한 것으로 간주 되려면 유형이 동일해야합니다. 참조 : 자바 스크립트 튜토리얼 : 비교 연산자 ..

질문 : jQuery로 이미지 미리로드 JavaScript로 이미지를 미리로드하는 빠르고 쉬운 방법을 찾고 있습니다. 중요한 경우 jQuery를 사용하고 있습니다. 나는 여기에서 이것을 보았다 ( http : //nettuts.com ... ) : function complexLoad(config, fileNames) { for (var x = 0; x < fileNames.length; x++) { $("").attr({ id: fileNames[x], src: config.imgDir + fileNames[x] + config.imgFormat, title: "The " + fileNames[x] + " nebula" }).appendTo("#" + config.imgContainer).css({ d..

질문 : AngularJS : 비동기 데이터로 서비스 초기화 비동기 데이터로 초기화하려는 AngularJS 서비스가 있습니다. 이 같은: myModule.service('MyService', function($http) { var myData = null; $http.get('data.json').success(function (data) { myData = data; }); return { setData: function (data) { myData = data; }, doStuff: function () { return myData.getSomeData(); } }; }); myData 가 돌아 오기 전에 doStuff() 를 호출하려고하면 null 포인터 예외가 발생하기 때문에 분명히 이것은 작동하..

질문 : AngularJS의 ng-options를 사용하여 선택 작업 다른 게시물에서 읽었지만 알아낼 수 없었습니다. 배열이 있습니다. $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; 다음과 같이 렌더링하고 싶습니다. Chicago New York Washington 또한 ID = 000002 인 옵션을 선택하고 싶습니다. 나는 선택 을 읽고 시도했지만 알아낼 수 없습니다. 답변 한 가지주의 할 점은 ngOptions가 작동 하려면 ngModel이 필요하다는 것입니다. "$ scope.blah를 선택한 값으로 설정 ng-model..

질문 : AngularJS에서 데이터 바인딩은 어떻게 작동합니까? AngularJS 프레임 워크에서 데이터 바인딩은 어떻게 작동합니까? 나는 그들의 사이트 에서 기술적 세부 사항을 찾지 못했습니다. 데이터가 뷰에서 모델로 전파 될 때 작동 방식이 다소 명확합니다. 하지만 AngularJS는 setter와 getter없이 모델 속성의 변경 사항을 어떻게 추적합니까? 이 작업을 수행 할 수있는 JavaScript 감시자가 있다는 것을 알았습니다. 그러나 Internet Explorer 6 및 Internet Explorer 7 에서는 지원되지 않습니다. 그렇다면 AngularJS는 예를 들어 다음을 변경 하고이 변경 사항을 뷰에 반영했음을 어떻게 알 수 있습니까? myobject.myproperty="new..

질문 : JSON 웹 토큰 무효화 작업중인 새 node.js 프로젝트의 경우 쿠키 기반 세션 접근 방식에서 전환하는 것을 고려하고 있습니다 (즉, 사용자 브라우저에 사용자 세션을 포함하는 키-값 저장소에 ID를 저장하는 것입니다). JSON 웹 토큰 (jwt)을 사용하는 토큰 기반 세션 접근 방식 (키-값 저장소 없음). 프로젝트는 socket.io를 활용하는 게임입니다-토큰 기반 세션을 갖는 것은 단일 세션 (웹 및 socket.io)에 여러 통신 채널이있는 시나리오에서 유용 할 것입니다. jwt 접근법을 사용하여 서버에서 토큰 / 세션 무효화를 제공하는 방법은 무엇입니까? 나는 또한 이런 종류의 패러다임으로주의해야 할 일반적인 (또는 흔하지 않은) 함정 / 공격을 이해하고 싶었습니다. 예를 들어이 패..

질문 : 가져 오기 : POST JSON 데이터 fetch를 사용하여 JSON 개체를 게시하려고합니다. 내가 이해할 수있는 한, 요청 본문에 문자열 화 된 객체를 첨부해야합니다. 예 : fetch("/echo/json/", { headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, method: "POST", body: JSON.stringify({a: 1, b: 2}) }) .then(function(res){ console.log(res) }) .catch(function(res){ console.log(res) }) jsfiddle의 JSON 에코를 사용할 때 {a: 1, b: 2} )를 다시 볼 수있을 것으로 예..

질문 : ReactJS 컴포넌트에 여러 클래스를 추가하는 방법은 무엇입니까? 저는 ReactJS와 JSX를 처음 접했고 아래 코드에 약간의 문제가 있습니다. li className 속성에 여러 클래스를 추가하려고합니다. 내 React 구성 요소는 다음과 같습니다. var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ focused: index }); }, render: function() { var self = this; var accountMenuData = [ { name: "My Account", ico..

질문 : jQuery를 사용하여 입력에 포커스가 있는지 테스트 내가 구축중인 사이트의 첫 페이지에서 여러 는 CSS :hover 가상 클래스를 사용하여 마우스가 위에있을 때 테두리를 추가합니다. 중 하나에는 jQuery를 사용하여 입력에 포커스가있는 경우 테두리를 유지 이외의 요소에서 :hover 를 지원하지 않는다는 점을 제외하면 완벽하게 작동합니다. 그래서, 우리는 모방 CSS로 jQuery를 사용하는 경우에만이 브라우저 :hover 은 Using $(#element).hover() 방법. 유일한 문제는 이제 jQuery가 focus() 및 hover() 형식을 모두 처리하므로 입력에 포커스가있을 때 사용자가 마우스를 안팎으로 움직이면 테두리가 사라집니다. 이 행동을 막기 위해 어떤 종류의 조건부를 ..

질문 : React에서이 세 점은 무엇을합니까? ... 이 React (JSX 사용) 코드에서 무엇을하고 무엇이라고 부릅니까? 답변 그것이 재산 확산 표기법 입니다. ES2018에 추가되었지만 (배열 / 이터 러블에 대한 스프레드는 ES2015 이전이었습니다), 트랜스 파일을 통해 오랫동안 React 프로젝트에서 지원되었습니다 ( " JSX 스프레드 속성 "처럼 속성뿐만 아니라 다른 곳에서도 할 수 있음에도 불구하고 ). {...this.props} 에서 "자신의"열거 속성 퍼져 props 상의 개별 속성으로 Modal 요소 당신에게있는 거 만들기. 예를 들어 this.props 에 a: 1 및 b: 2 가 포함 된 경우 다음과 같을 것입니다 props 있는 "자신의"속성이 무엇이든 포함됩니다. chil..

질문 : jQuery 및 Ajax에서 기본 인증 사용 브라우저를 통해 기본 인증을 생성하려고하는데 거기에 도달 할 수 없습니다. 이 스크립트가 여기에 없으면 브라우저 인증이 인계되지만 사용자가 곧 인증을 수행 할 것임을 브라우저에 알리고 싶습니다. 주소는 다음과 같아야합니다. http://username:password@server.in.local/ 양식이 있습니다. 그리고 스크립트 : var username = $("input#username").val(); var password = $("input#password").val(); function make_base_auth(user, password) { var tok = user + ':' + password; var hash = Base64.enc..

질문 : JavaScript 객체의 클래스를 얻는 방법은 무엇입니까? JavaScript 개체를 만들었지 만 해당 개체의 클래스를 어떻게 확인할 수 있습니까? .getClass() 메서드와 비슷한 것을 원합니다. 답변 자바 스크립트에서 자바 getClass() 와 정확히 일치하는 것은 없습니다. 대부분은 Java가 클래스 기반 언어 인 것과 달리 JavaScript가 프로토 타입 기반 언어 이기 때문입니다. getClass() 가 필요한 것에 따라 JavaScript에는 몇 가지 옵션이 있습니다. typeof instanceof obj. constructor func. prototype , proto . isPrototypeOf 몇 가지 예 : function Foo() {} var foo = new F..

질문 : jQuery 텍스트 영역에서 커서 위치 설정 jQuery를 사용하여 텍스트 필드에서 커서 위치를 어떻게 설정합니까? 콘텐츠가있는 텍스트 필드가 있고 사용자가 필드에 초점을 맞출 때 특정 오프셋에 사용자 커서가 위치하기를 원합니다. 코드는 다음과 같아야합니다. $('#input').focus(function() { $(this).setCursorPosition(4); }); setCursorPosition 함수의 구현은 어떻게 생겼습니까? 내용이 abcdefg 인 텍스트 필드가있는 경우이 호출은 커서가 abcd ** | ** efg와 같이 배치되도록합니다. Java에는 비슷한 기능인 setCaretPosition이 있습니다. 자바 스크립트에도 비슷한 방법이 있습니까? 업데이트 : 다음과 같이 jQ..

질문 : JavaScript를 사용하여 문자열의 모든 점을 바꾸는 방법 JavaScript 문자열에서 모든 점 ( . ) 예를 들면 다음과 같습니다. var mystring = 'okay.this.is.a.string'; 나는 얻고 싶다 : okay this is a string 입니다. 지금까지 시도했습니다. mystring.replace(/./g,' ') 그러나 이것은 모든 문자열이 공백으로 대체되는 것으로 끝납니다. 답변 이스케이프해야합니다 . 정규 표현식에서 "임의의 문자"라는 의미를 갖기 때문입니다. mystring = mystring.replace(/\./g,' ') 출처 : https://stackoverflow.com/questions/2390789/how-to-replace-all-dot..

질문 : jQuery.Ajax로 파일 다운로드 파일 다운로드를 위해 서버 측에 Struts2 작업이 있습니다. text/plain imageStream attachment;filename={fileName} 1024 그러나 jQuery를 사용하여 작업을 호출 할 때 : $.post( "/download.action",{ para1:value1, para2:value2 .... },function(data){ console.info(data); } ); Firebug에서 데이터는 Binary 스트림으로 검색됩니다. 사용자가 파일을 로컬에 저장할 수 있는 파일 다운로드 창 을 여는 방법이 궁금합니다. 답변 2019 최신 브라우저 업데이트 이것은 몇 가지주의 사항과 함께 지금 권장하는 접근 방식입니다. 비교적..

질문 : Vue.js-중첩 된 데이터를 올바르게 감시하는 방법 소품 변형을 제대로 보는 방법을 이해하려고합니다. ajax 호출에서 데이터를 수신하고 데이터를 객체 내부에 넣고이를 사용하여 v-for 지시문을 통해 일부 하위 구성 요소를 렌더링하는 데 사용하는 상위 구성 요소 (.vue 파일)가 있습니다.

질문 : JavaScript에서 endsWith JavaScript에서 문자열이 특정 문자로 끝나는 지 어떻게 확인할 수 있습니까? 예 : 문자열이 있습니다 var str = "mystring#"; # 로 끝나는 지 알고 싶습니다. 어떻게 확인할 수 있습니까? endsWith() 메소드가 있습니까? 내가 가진 한 가지 해결책은 문자열의 길이를 취하고 마지막 문자를 가져 와서 확인하는 것입니다. 이것이 최선의 방법입니까 아니면 다른 방법이 있습니까? 답변 업데이트 (2015 년 11 월 24 일) : 이 답변은 원래 2010 년 (6 년 전)에 게시되었으므로 다음과 같은 통찰력있는 의견을 참고하십시오. Shauna- Google 직원을위한 업데이트-ECMA6이이 기능을 추가 한 것 같습니다. MDN 기사는..

질문 : JavaScript Date 객체에 시간을 추가 하시겠습니까? JavaScript의 Date 객체가 어떤 종류의 추가 기능도 구현하지 않는다는 사실이 놀랍습니다. 나는 단순히 이것을 할 수있는 함수를 원한다 : var now = Date.now(); var fourHoursLater = now.addHours(4); function Date.prototype.addHours(h) { // how do I implement this? } 나는 단순히 방향에 대한 몇 가지 지침을 원합니다. 문자열 구문 분석을해야합니까? setTime을 사용할 수 있습니까? 밀리 초는 어떻습니까? 이렇게 : new Date(milliseconds + 4*3600*1000 /*4 hrs in ms*/)? 그래도 이것은..

질문 : '$ (document) .ready ()'에 해당하는 비 jQuery는 무엇입니까? $(document).ready() 와 동등한 비 jQuery는 무엇입니까? 답변 이것은 ECMA에서 완벽하게 작동합니다. 스니펫만 있으면 되지만 더 파고 다른 옵션을 탐색하려면 이 항목을 확인하십시오. 상세한 설명. document.addEventListener("DOMContentLoaded", function() { // code... }); $(document).ready는 DOM 트리만 기다리는 동안 window.onload는 외부 자산 및 이미지를 포함한 모든 요소를 ​​확인하기 때문에 window.onload는 JQuery $(document).ready와 같지 않습니다. 편집: Jan Derk의 ..

질문 : jQuery document.createElement에 해당합니까? 나는 오래된 JavaScript 코드를 리팩토링하고 있으며 많은 DOM 조작이 진행되고 있습니다. var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; odv.appendChild(t); jQuery를 사용하여 더 나은 방법이 있는지 알고 싶습니다. 나는 다음과 같은 실험을 해왔다. var odv = $.create("div"); $.append(odv); // And m..