Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript
  • C 프로그래밍
  •   
  • C++
  •   
  • Redis
  •   
  • BASH 프로그래밍
  •   
  • Python
  •   
  • Java
  •   
  • 데이터 베이스
  •   
  • HTML
  •   
  • JavaScript
  •   
  • 프로그램 작성
  •   
  • CSS
  •   
  • Ruby
  •   
  • SQL
  •   
  • IOS
  •   
  • Android
  •   
  • MongoDB
  •   
  • MySQL
  •   
  • C#
  •   
  • PHP
  •   
  • SQL Server
  • JavaScript

    1. Android 4.0.1은 WebView HTML 5 로컬 저장소를 중단합니까?

      이 문제를 해결하려면 다음 단계를 따르십시오 − Android 버전 4.4 미만의 경우 이와 같은 디렉토리로 파일 구성표를 사용하여 webview에 데이터를 로드하면 작동하지 않습니다. browser.loadDataWithBaseUrl("file:///android_asset/", html, "text/html", "UTF-8", null); 파일 이름을 추가하면 이전 Android 버전에서 작동합니다. − browser.loadDataWithBaseUrl("file:

    2. 요청된 URL에 관계없이 하나의 파일만 전달하도록 CDN 구성

      CDN을 사용하여 목적을 달성하십시오. CloudFlare를 사용자와 CDN 간의 역방향 프록시로 사용하여 목적을 달성할 수 있습니다. 원하는 것을 index.html로 리디렉션하는 규칙을 만들 수도 있습니다. 이것이 여러분이 알고 있는 것처럼 CDN이 정적 기존 파일만 제공하도록 구성되어 있다는 점을 고려할 때 원하는 것을 할 수 있는 방법입니다. 콘텐츠 전송 네트워크(CDN)는 얼룩 및 기타 정적 콘텐츠를 캐시에 저장합니다. 이 프로세스에는 전략적으로 선택한 위치에 데이터를 배치하고 캐싱하는 작업이 포함됩니다. 결과적으로 사용

    3. HTML5 SVG로 사인파를 그리는 방법은 무엇입니까?

      SVG로 사인파를 그리려면 사인파의 절반에 가까운 다음을 사용하십시오. 나는 3차 베지어 근사법을 사용했습니다. 요소를 사용하십시오. 예시 <!DOCTYPE html> <html>    <head>       <title>SVG</title>       <meta charset = "utf-8" />    </head>    <

    4. HTML5 SVG를 화면 중앙에 정렬

      SVG는 Scalable Vector Graphics를 나타내며 XML로 2D 그래픽 및 그래픽 응용 프로그램을 설명하기 위한 언어이며 XML은 SVG 뷰어에 의해 렌더링됩니다. 예시 SVG의 예를 살펴보겠습니다 − <!DOCTYPE html> <html>    <head>       <style>          #svgelem {           &nb

    5. 하단 중앙 각도에서 캔버스 HTML5 요소로 이미지를 회전하는 방법은 무엇입니까?

      이미지 크기를 32, 120 −으로 변환 context.translate(32, 120); 이제 캔버스 회전 - context.rotate(90 * Math.PI/180); 이제 이미지 그리기 − context.drawImage(img, -32, -120, 64, 120);

    6. Internet Explorer는 <main> 요소에 대해 어떤 종류의 배경색도 렌더링할 수 없습니다.

      Internet Explorer 11은 요소를 지원하지 않습니다. 다음 JS의 Modernizr를 사용하여 지원 추가 - document.createElement('main'); 위의 요소를 추가해도 브라우저에 대한 요소가 제공되지 않으므로 마지막으로 다음 CSS를 사용해야 합니다. main {    display:block; }

    7. 동일한 페이지에서 HTML 비디오를 반복적으로 다시 로드하는 것을 방지하는 방법은 무엇입니까?

      preload =”auto” 사용 동일한 페이지에서 HTML 비디오를 반복적으로 다시 로드하는 것을 방지하기 위해 - <!DOCTYPE html> <html>    <body>       <video width = "350" height = "200" controls = "controls" preload = "auto">         &n

    8. HTML5에서 웹 작업자를 어떻게 사용할 수 있습니까?

      웹 작업자는 클릭이나 기타 사용자 상호 작용에 응답하는 스크립트에 의해 중단되지 않는 장기 실행 스크립트를 허용하고 페이지 응답성을 유지하지 않고 긴 작업을 실행할 수 있습니다. 웹 워커는 백그라운드 스크립트이며 상대적으로 무겁고 대량으로 사용하도록 의도되지 않았습니다. 예를 들어 4메가픽셀 이미지의 각 픽셀에 대해 하나의 작업자를 시작하는 것은 적절하지 않습니다. 웹 작업자는 작업자가 실행할 코드가 포함된 JavaScript 파일의 URL로 초기화됩니다. 이 코드는 이벤트 리스너를 설정하고 기본 페이지에서 이벤트 리스너를 생성한

    9. 로컬 저장소에 자격 증명 저장

      로컬 저장소는 여러 창에 걸쳐 있고 현재 세션 이후에도 지속되는 저장소용으로 설계되었습니다. 특히, 웹 애플리케이션은 성능상의 이유로 전체 사용자 작성 문서 또는 사용자의 사서함과 같은 메가바이트의 사용자 데이터를 클라이언트 측에 저장하기를 원할 수 있습니다. 로컬 저장소에 자격 증명을 저장하려면 로그인에 성공하면 사용자 자격 증명과 관련이 없는 완전히 임의의 문자열을 생성합니다. 이것을 데이터베이스에 저장해야 합니다. 만료 날짜를 추가하는 것을 잊지 마십시오. 해당 문자열을 JavaScript에 전달하여 로컬 저장소에 저장합니다

    10. 길 잃은 HTML </p> 종료 태그가 빈 단락을 생성하는 이유는 무엇입니까?

      공식 HTML 문서에서는 닫는 p, 즉 가 기존 태그와 일치할 수 없는 경우 요소를 생성해야 한다고 명시하고 있습니다. HTML4 DTD에 따르면 종료 태그 는 p 요소에 대해 선택 사항이지만 시작 태그 는 필수입니다. 그러나 HTML4에 대한 SGML 선언은 시작 태그가 암시될 수 있음을 의미하는 OMITTAG가 YES라고 명시합니다.

    11. HTML5 클라이언트 측 유효성 검사 오류 거품을 표시하는 방법은 무엇입니까?

      HTML5 클라이언트 측 유효성 검사 오류 풍선을 표시하려면 required 속성을 사용하십시오. HTML5에서 다음과 같이 사용되며 값이 있어야 한다고 주장하는 required라는 새 속성이 도입되었기 때문에 빈 텍스트 상자가 제출되지 않는 것과 같은 클라이언트 측 유효성 검사를 위해 JavaScript가 필요하지 않습니다. <!DOCTYPE HTML> <html>    <body>       <form action = "/cgi-bin/

    12. HTML 및 JavaScript로 업로드 전후에 이미지를 미리 보는 방법은 무엇입니까?

      업로드 전후에 이미지를 미리 보려면 다음 코드를 시도해야 합니다. HTML <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <form id = "form1" runat = "server">    <input type ='file' id = "demo" />   &nb

    13. HTML5를 사용하여 반응형 디자인에서 확대/축소 기능을 비활성화하는 방법은 무엇입니까?

      반응형 디자인에서 확대/축소 기능을 비활성화하려면 META 뷰포트 태그를 만들어야 합니다. 이를 사용하여 사용자 확장 가능 속성을 다음과 같이 no로 설정합니다. user-scalable=no 반응형 디자인에서 확대/축소 기능을 비활성화하려면 HTML 코드에 다음을 추가하십시오 - <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    14. Firefox에서 HTML5 비디오가 재생되지 않음

      HTML5 동영상은 Firefox 웹 브라우저에서 작동해야 합니다. 여전히 작동하지 않으면 다음을 시도하십시오 - Firefox 안전 모드 시작 확장 프로그램이 문제를 일으키는지 확인합니다. 확장 프로그램으로 이동하십시오. 하드웨어 가속을 끄십시오. 기본값이 없는 미디어 환경설정을 확인해야 합니다. media.windows-media-foundation.enabled false로 설정되어 있으면 true로 설정하고 다시 시작해야 합니다. 위의 모든 수정 사항이 작동해야 합니다.

    15. 필수 속성이 있는 HTML5 입력의 유효성을 검사하지 않는 방법

      확인을 피하려면 formnovalidate를 사용하세요. HTML5의 속성. 이 예에서는 두 번째 버튼에 대해 유효성 검사가 비활성화되어 있습니다. - 예시 <!DOCTYPE html> <html>    <head>       <title>HTML formnovalidate attribute</title>    </head>    <body>      

    16. CSS 콘텐츠:HTML5 진행률의 attr()이 작동하지 않습니다.

      작동하려면 CSS에 정적 콘텐츠를 추가해야 합니다. 예를 살펴보겠습니다 - HTML <progress max = "100" value = "60" data-value = "5"></progress> 다음 CSS를 추가해야 합니다. HTML5 진행 요소 전후에 CSS 생성 콘텐츠를 추가하기 위한 것입니다 - progress::-webkit-progress-bar:before, progress::-webkit-progress-bar:after {   &

    17. HTML5로 후방 카메라 활성화

      후방 카메라를 활성화하려면 먼저 −를 사용하십시오. MediaStreamTrack.getSources(gotSources); 이제 소스를 선택하고 getUserMedia에 선택 사항으로 전달합니다. 방법. 이 방법은 사용자가 최대 하나의 비디오 입력 장치 사용 권한을 설정하는 데 유용합니다 - var a = {    audio: {       optional: [{sourceId: audioSource}]    },    video: {  

    18. HTML로 모바일 브라우저용 툴팁 얻기

      제목 속성이 있는 요소를 클릭하면 제목 텍스트가 있는 자식 요소가 추가됩니다. 예를 들어 보겠습니다 - HTML용 - <p>    The <span class="demo" title="this is underscore">underlined</span> character. </p> 제이쿼리 - $("span[title]").click(function () {    var $title = $(this)

    19. HTML5 Canvas의 교차 출처 데이터

      캔버스의 원본 간 데이터의 경우

    20. HTML 5로 이동하면서 여전히 다중 브라우저 호환성을 약속할 수 있는 방법이 있습니까?

      예, 이 접근 방식을 따르십시오 − HTML5 문서 유형으로 이동 - 또는 과 같은 새로운 요소 사용 또는 최신 HTML5 태그 또는 의 경우 오래된 태그를 계속 사용할 수 있습니다. 컨트롤에도 이전 버전과의 호환성이 있습니다. 은 지원하지 않는 브라우저에서 와 동일하게 작동합니다. 그러나 기존 Internet Explorer용으로 작업하는 경우 html5shiv를 사용하십시오. 레거시 Internet Explorer에서 HTML5 섹션 요소를 사용할 수 있습니다.

    Total 5927 -컴퓨터  FirstPage PreviousPage NextPage LastPage CurrentPage:215/297  20-컴퓨터/Page Goto:1 209 210 211 212 213 214 215 216 217 218 219 220 221