코딩하다 현타올 때

질문 : JSON에 해당하는 XSLT JSON에 상응하는 XSLT가 있습니까? XSLT가 XML에 수행하는 것처럼 JSON에서 변환을 수행 할 수 있습니다. 답변 흥미로운 아이디어. 일부 Google 검색은 다음과 같은 몇 가지 관심 페이지를 생성했습니다. 이러한 "jsonT"도구를 구현하는 방법에 대한 개요 및 일부 다운로드 그 구현에 대한 몇 가지 논의 적절한 것을 구현했을 수 있는 회사 도움이 되었기를 바랍니다. 출처 : https://stackoverflow.com/questions/1618038/xslt-equivalent-for-json

질문 : CSS에서 img 태그의 src 속성에 해당하는 것을 설정할 수 있습니까? CSS에서 src 속성 값을 설정할 수 있습니까? 현재 내가하고있는 것은 : 그리고 나는 그것이 이와 같은 것이기를 원합니다. .myClass { some-src-property: url("pathTo/myImage.jpg"); CSS의 background 또는 background-image: 속성을 사용하지 않고이 작업을 수행하고 싶습니다. 답변 content:url("image.jpg") 사용하세요. 완전한 작동 솔루션 ( 라이브 데모 ) : 테스트 및 작동 : 크롬 14.0.835.163 Safari 4.0.5 오페라 10.6 테스트되었으며 작동 하지 않음 : FireFox 40.0.2 (개발자 네트워크 도구를 관찰..

질문 : CSS로 이미지 크기를 비례 적으로 조정 하시겠습니까? CSS 만 사용하여 비례 적으로 이미지 크기를 조정 (축소)하는 방법이 있습니까? 저는 JavaScript 방식을 사용하고 있지만 CSS로 이것이 가능한지 확인하려고합니다. 답변 CSS를 사용하여 비례 적으로 이미지 크기를 조정하려면 : img.resize { width:540px; /* you can use % */ height: auto; } 출처 : https://stackoverflow.com/questions/787839/resize-image-proportionally-with-css

질문 : HTML 요소의 실제 너비와 높이를 어떻게 검색합니까? 브라우저의 디스플레이 (뷰포트) 중앙에 배치하려는 가 있다고 가정합니다. 요소의 너비와 높이를 계산해야합니다. 무엇을 사용해야합니까? 브라우저 호환성에 대한 정보를 포함하십시오. 답변 .offsetWidth 및 .offsetHeight 속성을 사용해야합니다. .style 아니라 요소에 속합니다. var width = document.getElementById('foo').offsetWidth; .getBoundingClientRect() 함수는 CSS 변환을 수행 한 후 요소의 크기와 위치를 부동 소수점 숫자로 반환합니다. > console.log(document.getElementById('id').getBoundingClientRect(..

질문 : HTML 페이지에서 리디렉션로드시 다른 페이지로 리디렉션하도록 기본 HTML 페이지를 설정할 수 있습니까?답변다음을 사용해보십시오. 참고 : 헤드 섹션에 배치하십시오.또한 이전 브라우저의 경우 올바르게 새로 고침되지 않는 경우 빠른 링크를 추가하는 경우 :Redirect다음과 같이 나타납니다.리디렉션그래도 추가 클릭으로 원하는 곳으로 이동할 수 있습니다.출처 : https://stackoverflow.com/questions/5411538/redirect-from-an-html-page

질문 : HTML 체크 박스를 읽기 전용으로 설정할 수 있습니까? 저는 그것이 될 수 있다고 생각했지만, 체크박스에 readonly 속성을 설정하는 것은 실제로 아무것도하지 않는 것 같습니다. 나는 체크 박스를 나머지 양식과 함께 제출하기를 원하기 때문에 Disabled를 사용하지 않을 것입니다. 클라이언트가 특정 상황에서이를 변경할 수 없도록하고 싶습니다. 답변 이것을 사용할 수 있습니다. 클릭 이벤트에서 false를 반환하면 실행 체인이 계속 중단되기 때문에 작동합니다. 출처 : https://stackoverflow.com/questions/155291/can-html-checkboxes-be-set-to-readonly

질문 : Sublime Text 2를 사용하여 HTML 코드를 어떻게 다시 포맷합니까? 형식을 다시 지정하고 싶은 형식이 잘못된 HTML 코드가 있습니다. Sublime Text 2에서 HTML 코드를 자동으로 다시 포맷하여 더보기 좋고 읽기 쉽게하는 명령이 있습니까? 답변 이를 위해 플러그인이 필요하지 않습니다. 모든 줄을 선택한 다음 (CtrlA ) 메뉴에서 편집 → 줄 → 다시 들여 쓰기를 선택합니다. .html 또는 .php 와 같은 HTML이 포함 된 확장자로 저장되면 작동합니다. 이 작업을 자주 수행하면이 키 매핑이 유용 할 수 있습니다. { "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } } ..

질문 : 메모장 ++에서 자동 서식 / 들여 쓰기 XML / HTML 방법 코드 블록을 다시 들여 쓰는 방법이 있습니까? Eclipse에서 Ctrl + Shift + F (자동 서식 / 들여 쓰기)와 유사한 것을 찾고 있습니다. 확실하게, Notepad ++ 외부 에서 XML 형식을 지정하는 방법을 이미 알고 있으므로 (Eclipse는 앞서 언급했듯이 잘 작동합니다) 다른 XML 형식 지정 도구에 대한 링크가 필요하지 않습니다. 저는 특별히 XML과 HTML로 작업하고 있습니다. 이상적으로는 Eclipse 에서처럼 편리한 키 바인딩이 있으므로 워크 플로우를 중단 할 필요가 없습니다. 이미 NppAutoIndent에 대해 알고 있습니다. XML, HTML 및 CSS로 작업하고 있기 때문에 작동하지 않습니다..

질문 : web.config에서 maxJsonLength에 무제한 길이를 설정할 수 있습니까? jQuery의 자동 완성 기능을 사용하고 있습니다. 17000 개 이상의 레코드 목록을 검색하려고하면 (각각의 길이가 10자를 넘지 않음) 길이를 초과하고 오류가 발생합니다. 예외 정보 : 예외 유형 : InvalidOperationException 예외 메시지 : JSON JavaScriptSerializer를 사용하여 직렬화 또는 역 직렬화하는 동안 오류가 발생했습니다. 문자열 길이가 maxJsonLength 속성에 설정된 값을 초과합니다. web.config 에서 maxJsonLength 길이를 무제한으로 설정할 수 있습니까? 그렇지 않은 경우 설정할 수있는 최대 길이는 얼마입니까? 답변 참고 : 이 답변..

질문 : json_decode를 배열로 JSON 문자열을 배열로 디코딩하려고하는데 다음 오류가 발생합니다. 치명적인 오류 : 6 행의 C : \ wamp \ www \ temp \ asklaila.php에서 stdClass 유형의 객체를 배열로 사용할 수 없습니다. 다음은 코드입니다. 답변 문서에 따라 json_decode 의 객체 대신 연관 배열을 원하는 경우 두 번째 인수로 true 를 지정해야합니다. 다음은 코드입니다. $result = json_decode($jsondata, true); 속성 이름 대신 integer 키를 원하는 경우 : $result = array_values(json_decode($jsondata, true)); 그러나 현재 디코딩을 사용하면 객체로 액세스 할 수 있습니다. ..

질문 : HTML 중첩 목록을 만드는 적절한 방법? W3 문서에는 DEPRECATED EXAMPLE: 접두사가 붙은 중첩 된 목록 예제가 있지만 사용되지 않는 예제로 수정하지 않았으며 예제의 문제점을 정확히 설명하지도 않았습니다. 그렇다면 이러한 방법 중 HTML 목록을 작성하는 올바른 방법은 무엇입니까? 옵션 1 : 중첩 된 의 자식입니다. List item one List item two with subitems: Subitem 1 Subitem 2 Final list item 옵션 2 : 중첩 된 이 속한 의 자식입니다. List item one List item two with subitems: Subitem 1 Subitem 2 Final list item 답변 옵션 2 가 맞습니다. 중첩 된 ..

질문 : '이름'또는 'ID'로 HTML 앵커를 만들어야합니까? http://example.com/#foo "메소드로 웹 페이지의 일부를 참조하려면 다음을 사용해야합니다. Foo Title 또는 Foo Title 둘 다 작동하지만 동일합니까 아니면 의미 론적 차이가 있습니까? 답변 HTML 5 사양에 따르면 5.9.8 조각 식별자로 이동 : HTML 문서 (및 text / html MIME 유형)의 경우 문서의 표시된 부분이 무엇인지 판별하려면 다음 처리 모델을 따라야합니다. URL을 구문 분석하고 fragid를 URL의 구성 요소로 둡니다. fragid가 빈 문자열이면 문서의 표시된 부분이 문서의 맨 위에 있습니다. DOM에 fragid와 정확히 동일한 ID를 가진 요소가있는 경우 트리 순서의 첫 번째..

질문 : JSON.stringify와 JSON.parse의 차이점이 두 가지 구문 분석 방법을 언제 사용 해야하는지 혼란스러워했습니다.json_encoded 데이터를 에코하고 ajax를 통해 다시 검색 한 후 JSON.stringify 및 JSON.parse를 사용해야하는시기에 대해 종종 혼란스러워합니다.구문 분석 할 때 console.log에 [object,object] 되고 문자열이 지정 되면 JavaScript 개체가 표시됩니다.$.ajax({ url: "demo_test.txt", success: function(data) { console.log(JSON.stringify(data)) /* OR */ console.log(JSON.parse(data)) //this is what I am uns..

질문 : Node.js를 사용하여 JSON을 구문 분석하는 방법은 무엇입니까? Node.js를 사용하여 JSON을 어떻게 구문 분석해야합니까? JSON을 안전하게 검증하고 구문 분석하는 모듈이 있습니까? 답변 JSON.parse 를 사용할 수 있습니다. JSON 객체의 정의 는 ECMAScript 5 사양의 일부입니다 . node.js는 ECMA 표준을 준수하는 Google Chrome의 V8 엔진을 기반으로합니다. 따라서 node.js에는 전역 객체 JSON [docs]도 있습니다. 주 JSON.parse 는 동기 메서드이기 때문에 현재 스레드를 묶을 수 있습니다. 따라서 큰 JSON 객체를 파싱 할 계획이라면 스트리밍 json 파서를 사용하십시오. 출처 : https://stackoverflow.co..

질문 : HTML 파일에 다른 HTML 파일 포함두 개의 HTML 파일이 있으며 a.html 및 b.html 이라고 가정합니다. a.html 을 포함하고 b.html .JSF에서는 다음과 같이 할 수 있습니다. 그것은 그 내부의 의미 a.xhtml 파일을, 나는 포함 할 수 b.xhtml .*.html 파일에서 어떻게 할 수 있습니까?답변제 생각에는 최상의 솔루션은 jQuery를 사용합니다.a.html : b.html :This is my include file 이 방법은 내 문제에 대한 간단하고 깨끗한 해결책입니다.jQuery .load() 문서는 여기에 있습니다 .출처 : https://stackoverflow.com/questions/8988855/include-another-html-file-in..

질문 : HTML 페이지 바닥 글을 최소 높이로 페이지 하단에 유지하지만 페이지와 겹치지 않도록하는 CSS다음 페이지 (데드 링크 : http://www.workingstorage.com/Sample.htm )에 페이지 하단에 배치 할 수없는 바닥 글이 있습니다.바닥 글에페이지가 짧고 화면이 채워지지 않았을 때 창 하단에 붙이십시오.문서 끝에 머무르고 콘텐츠가 겹치는 대신 화면이 많은 콘텐츠가있는 경우 정상적으로 아래로 이동합니다.CSS가 상속되어 나를 당혹스럽게합니다. 콘텐츠에 최소 높이를 두거나 바닥 글을 맨 아래로 이동하도록 제대로 변경할 수없는 것 같습니다.답변min-height 를 100% 로 설정하여 본문을 페이지의 100% 로 만드는 것입니다. 바닥 글 높이가 변경되지 않으면 제대로 작동합니..

질문 : AngularJS에서 키 누르기 이벤트를 사용하는 방법은 무엇입니까? 아래 텍스트 상자에서 Enter 키 누르기 이벤트를 포착하고 싶습니다. 더 명확하게하기 위해 ng-repeat 를 사용하여 tbody를 채 웁니다. 다음은 HTML입니다. 이것은 내 모듈입니다. angular.module('components', ['ngResource']); 리소스를 사용하여 테이블을 채우고 있으며 컨트롤러 코드는 다음과 같습니다. function Ajaxy($scope, $resource) { //controller which has resource to populate the table } 답변 다음과 같이 directive 을 추가해야합니다. 자바 스크립트 : app.directive('myEnter',..

질문 : CSS 삼각형은 어떻게 작동합니까? CSS Tricks-Shapes of CSS 에는 다양한 CSS 모양이 많이 있으며 특히 삼각형이 궁금합니다. #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } 어떻게 그리고 왜 작동합니까? 답변 alex가 말했듯 이 동일한 너비의 테두리는 45도 각도로 서로 맞대어 있습니다. 상단 테두리가없는 경우 다음과 같이 표시됩니다. 그런 다음 너비를 0으로 지정합니다. ... 그리고 높이 0 ... ... 그리고 마지막으로 두 개의 측면 테두리를 투명하게 만듭니..

질문 : 입력 필드에서 속성을 읽을 때 HTML 인코딩이 손실 됨숨겨진 필드에서 값을 가져 와서 텍스트 상자에 표시하기 위해 JavaScript를 사용하고 있습니다. 숨겨진 필드의 값이 인코딩됩니다.예를 들면 뽑히다 숨겨진 필드에서 값을 가져 오기 위해 jQuery를 통해 (이 시점에서 인코딩이 손실됩니다) :$('#hiddenId').attr('value') 문제는 내가 chalk & cheese , JavaScript는 인코딩을 잃은 것 같습니다. chalk & cheese 가되는 것을 원하지 않는다. 나는 리터럴 amp; 유지됩니다.문자열을 HTML로 인코딩하는 JavaScript 라이브러리 또는 jQuery 메서드가 있습니까?답변편집 : 이 답변은 오래 전에 게시 htmlDecode 기능은 XSS..

질문 : JSON 구조를 어떻게 반복합니까? 다음 JSON 구조가 있습니다. [{ "id":"10", "class": "child-of-9" }, { "id": "11", "classd": "child-of-10" }] JavaScript를 사용하여 어떻게 반복합니까? 답변 jQuery 문서 에서 가져옴 : var arr = [ {"id":"10", "class": "child-of-9"}, {"id":"11", "class": "child-of-10"}]; for (var i = 0; i < arr.length; i++){ document.write(" array index: " + i); var obj = arr[i]; for (var key in obj){ var value = obj[key]; d..

질문 : 고정 헤더에 맞게 조정하기 위해 html 앵커 오프셋 앵커가 작동하는 방식을 정리하려고합니다. 페이지 상단에 고정 된 헤더가 있으므로 페이지의 다른 위치에 앵커에 링크하면 페이지가 점프하여 앵커가 페이지 상단에 있고 고정 헤더 뒤에 콘텐츠가 남습니다. 의미가 있습니다). 헤더 높이에서 25px만큼 앵커를 오프셋하는 방법이 필요합니다. HTML이나 CSS를 선호하지만 Javascript도 허용됩니다. 답변 자바 스크립트없이 CSS 만 사용할 수 있습니다. 앵커에게 수업을 제공하십시오. 그런 다음 앵커를 블록 요소로 만들고 상대적으로 배치하여 앵커가 실제로 페이지에 나타나는 위치보다 높거나 낮은 오프셋에 배치 할 수 있습니다. -250px는 앵커를 250px 위로 배치합니다. a.anchor { d..

질문 : CSS에서 여러 변환을 적용하는 방법은 무엇입니까? CSS를 사용하여 둘 이상의 transform 어떻게 적용 할 수 있습니까? 예 : 다음에서는 회전이 아닌 변환 만 적용됩니다. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); } 답변 다음과 같이 한 줄에 넣어야합니다. li:nth-child(2) { transform: rotate(15deg) translate(-20px,0px); } 여러 변환 지시문이있는 경우 마지막 지시문 만 적용됩니다. 다른 CSS 규칙과 같습니다. 여러 변환 한 줄 지시문이 오른쪽에서 왼쪽으로 적용 된다는 점에 유의하십시오. 이것은 : transform: scale(1,1.5)..

질문 : Node.js를 최신 버전으로 업그레이드 그래서 Node.js를 설치했고 이제 Mongoosejs를 설치하려고 할 때 필요한 Node.js 버전이 없다는 오류가 발생했습니다 (v0.4.11이 있고 v0.4.12가 필요합니다). 이 버전으로 어떻게 업그레이드 할 수 있습니까? 최신 버전으로 다시 설치할 수 있다고 생각하지만 "node"폴더에있는 내 프로젝트 폴더가 삭제되지 않을 것이라는 확신이 있기 전에 설치하고 싶지 않습니다. 답변 모듈 n 은 버전 관리를 쉽게 만듭니다. sudo npm install n -g 안정적인 최신 버전 : sudo n stable 최신 버전 : sudo n latest 노드 웹 사이트 에서 Windows의 .msi에서 노드를 다시 설치하십시오. 출처 : https:/..

질문 : HTML5에 minlength 유효성 검사 속성이 있습니까? 필드의 minlength 속성이 작동하지 않는 것 같습니다. 필드 값의 최소 길이를 설정할 수있는 HTML5에 다른 속성이 있습니까? 답변 pattern 속성을 사용할 수 있습니다. required 속성 도 필요합니다. 그렇지 않으면 빈 값이있는 입력 필드가 제약 조건 유효성 검사 에서 제외됩니다. "empty, or minimum length"에 대한 패턴을 사용하는 옵션을 만들려면 다음을 수행 할 수 있습니다. 출처 : https://stackoverflow.com/questions/10281962/is-there-a-minlength-validation-attribute-in-html5

질문 : CSS 클래스가 하나 이상의 다른 클래스를 상속 할 수 있습니까? 나는 오랫동안 웹 프로그래머로 일하고이 질문에 대한 답을 알지 못해 멍청하다고 느낍니다. 실제로 그것이 가능하기를 바라며 대답이라고 생각하는 것보다 알지 못했습니다 (불가능하다는 것입니다) . 내 질문은 다른 CSS 클래스 (또는 둘 이상)에서 "상속"되는 CSS 클래스를 만들 수 있는지 여부입니다. 예를 들어 다음과 같이 가정합니다. .something { display:inline } .else { background:red } 내가하고 싶은 것은 다음과 같습니다. .composite { .something; .else } ".composite"클래스가 인라인으로 표시되고 배경이 빨간색 인 경우 답변 설명하는 것과 유사한 더 ..