>  기사  >  웹 프론트엔드  >  일부 경험 추천_javascript 기술

일부 경험 추천_javascript 기술

WBOY
WBOY원래의
2016-05-16 19:26:47762검색

다음은 개발 중 겪은 문제와 경험입니다. 우회를 피하기 위해 시간을 들여 게시했습니다. 잘못된 부분이 있으면 수정하고 계속 업데이트해 주세요.
xml 파일을 utf-8로 인코딩해 보세요. , gb2312 ©와 같은 일부 단어는 저장할 수 있지만 여전히 변환해야 하며 이는 UTF-8도 국제 표준을 준수합니다.
CSS의 :hover 의사 클래스. :visited
태그에 href 속성이 없으면 :hover와 같은 모든 CSS 의사 클래스가 유효하지 않습니다.
js 파일에서는 document.wirte("<script>" "script>" 형식의 참조가 사용되며 해당 파일 상대 경로는 모두 <br><br>입니다. 예를 들어 a.htm이 xb.js를 참조하고 b.js가 참조하는 경우 xc.js의 경우 파일은 b.js.js에 대한 직접 경로 c 대신 xc.js여야 하지만 CSS의 @import, url() 참조에는 이 문제가 없습니다<br><br> 페이지의 경우 탈베 너비가 100%로 설정되어 오른쪽 스크롤바가 공백으로 남을 경우가 있으니 설정해 주세요. <body style="overflow:auto"> <BR>자주 사용하는 이미지에는 img 태그를 사용하지 마세요. 🎜><span> CSS를 사용하여 배경, 너비 및 높이를 지정합니다. 동적 이미지의 경우(배경을 변경하려면 위로 이동) <a>를 사용하는 것이 가장 좋으며, 추가 코드는 필요하지 않습니다. :hover.css를 사용하면 모든 것을 한 번에 변경할 수 있다는 장점이 있습니다. <a>@font-face { <BR>font-family: comic; url(http://valid_url/some_font_file.eot); <BR>} <BR>로컬에서 사용할 수 없는 글꼴 이름을 정의하고 <BR>aa<BR> <span style="font-family:comic;font-size:18pt> 여러 CSS div { 오버플로: Hidden; text-overflow:ellipsis; } <BR>td { Vertical-align : middle; <BR>오버플로를 강제로 발생시키고 줄임표 값을 적용하려면 작성자가 개체의 공백 속성을 설정해야 합니다. 값은 nowrap 입니다. 줄 바꿈의 기회가 없는 경우(예: 개체 컨테이너의 너비가 좁고 적절한 줄 바꿈 없이 긴 텍스트가 있는 경우) 줄임표 값을 만들기 위해 nowrap을 사용하지 않고도 오버플로가 가능합니다. 응용 프로그램에서 이 속성은 보이지 않는 영역이 있는 개체로 설정되어야 합니다. 가장 좋은 옵션은 오버플로 속성을 숨김으로 설정하는 것입니다. <BR> Firefox의 document.createElement는 콘텐츠에서 HTML 태그를 지원하지 않으며 innerText도 지원하지 않습니다. innerHTML을 사용하여 내용을 지정할 수 있습니다. <BR>Firefox에서는 .net 컨트롤의 DropDownList 너비가 색상으로 표시되지 않습니다. <BR>CSS 커서는 Firefox는 손을 지원하지 않습니다. 대신 포인터를 사용하세요. <BR>iframe의 스크롤 막대는 iframe 태그에 style='overflow:hidden'을 설정해야 합니다. Firefox에서는 문제가 발생합니다. <BR>onpropertychange 이벤트에서 속성 변경 이벤트를 필터링하기 위해 event.propertyName을 사용하는 것에 주의하세요. 이 이벤트를 설정할 때 onpropertychange 속성이 실제로 변경되었으므로 자동으로 실행됩니다. <BR>에 대한 지원 버전입니다. js5.6의 XSL은 문서 기능이 지원되지 않는 등 낮은 수준입니다. <BR>슬라이스 기능은 배열 조각을 얻기 위한 루핑보다 더 직접적입니다. <BR>nextSibling이 다음 객체를 얻을 때 주의해야 할 점은 다음과 같습니다. 두 노드 사이에 공백이 없으면 올바른 개체를 얻는 데 실패하기 쉽습니다. <BR>CreateTextFile은 중국어가 true인 경우 세 번째 매개변수를 지정해야 합니다. 그렇지 않으면 중국어를 쓸 수 없으며 쓰기 시 성능이 오류가 발생합니다. <BR>중국어 텍스트를 저장할 때 ADODB.stream을 사용하고, FSO는 utf-8 형식을 지원하지 않으므로 fso를 사용하지 마세요. <BR><BR>2. 앵커 의사 클래스 <BR> <BR>가장 일반적으로 사용되는 클래스입니다. 동적 링크의 네 가지 다른 상태인 링크, 방문, 활성, 호버(방문하지 않은 링크, 방문한 링크, 링크 활성화 및 링크 위로 마우스 이동)를 나타내는 (앵커) 요소의 네 가지 의사 클래스가 사용됩니다. 각각에 대해 서로 다른 효과를 정의합니다. <BR>a:link{color:#FF0000;text-decoration:none}/*Unvisited link*/ <STRONG>a:visited{color:#00FF00;text-decoration :none} /*방문한 링크*/ a:hover{color:#FF00FF;text-decoration:underline}/*링크 위에 마우스를 올려 놓으세요*/ <BR>a:active{color:#0000FF;text -decoration:underline}/ *링크 활성화*/ <BR> (위 예에서 링크 색상은 접속되지 않은 경우 빨간색 밑줄, 접속된 경우 녹색 밑줄, 링크가 활성화된 경우 파란색 밑줄 , 링크 위에 마우스를 올려놓으면 보라색으로 밑줄이 그어짐) <BR>참고: 링크에 접속하기 전에 마우스가 링크를 가리키면 효과가 있는 경우가 있지만, 링크를 마우스로 가리키면 효과가 없는 경우가 있습니다. 링크에 액세스한 후 다시. 이는 a:visited 앞에 a:hover를 배치했기 때문입니다. 이 경우 후자가 더 높은 우선순위를 가지므로 링크에 액세스할 때 a:hover의 효과가 무시됩니다. 따라서 이러한 링크 스타일을 정의할 때 스택 순서에 따라 a:link, a:visited, a:hover, a:actived 순서로 작성해야 합니다.</script>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.