느린 움직임

옛날 옛적에, 나는 네트워크 기술의 빠른 개발로 혼란 스러웠다. 새로운 플러그인, 프레임 워크, 기술 또는 언어 기능이 매일 출시되는 것 같습니다. 나는 프리랜서들 사이에서 생존하고 경쟁하기 위해서는 웹 팩, 반응, 각도, SVGS, Houdini, CSS 그리드 레이아웃, ES6 등을 잘 배워야한다고 확신합니다. 트위터에서 활동하고 다양한 회의에 참석하는 것은 새로운 모든 것에 끊임없이 노출되어 있기 때문에이 문제에 도움이되지 않았습니다.

천천히

어느 시점에서 나는 포기했다. 나는 속도를 따라 잡을 수 없다고 결정했다. 경력의 관점에서 볼 때 이것은 나에 대해 아무것도 바뀌지 않았습니다. 실제로 아무도 내가 모든 것을 알기를 기대하지 않기 때문에, 이전에 내가 가진이 느낌은 내 개인적인 인식에만있었습니다. 속도를 늦추는 것은 정신적 스트레스를 완화시킬뿐만 아니라 내가 배우고 싶은 것에 집중하는 데 도움이 되었기 때문에 현명한 결정이었습니다. 나는 여전히 뉴스 레터, 블로그 및 트위터를 읽고 가끔씩 새로운 것을 시도하는 데 시간을 보내지 만, 나는 나 자신에게 압력 을가하지 않습니다. 나는 최신 상태를 유지하려고 노력하지만 모든 지식을 습득 할 필요는 없다고 생각합니다.

이것이 지난 몇 년간 네트워크 기술 개발을 다루었지만 최근에는 특히 올해는 새로운 것을 배웠습니다. 그것은 틀이나 언어가 아닙니다. 혁신과 진보에 대한 우리의 욕구에서 오늘날 HTML, CSS 및 JavaScript를 활용하는 많은 기능을 무시한다는 통찰력입니다. 다시 말해 : 미래를 바라보지 않고 과거를 되돌아 보면 많은 것을 배울 수 있습니다.

폭포를 쫓지 마십시오

나는 우리가 생각하는 프론트 엔드 언어 지식과 우리가 실제로 알아야 할 지식 사이에 큰 차이가 있다고 생각하기 때문에 이것이 무시하고 있다고 말합니다.

HTML

웹 사이트를 확인하고 프론트 엔드 품질을 평가하는 것은 저의 직업과 취미의 일부입니다. 많은 웹 사이트의 기본 코드를 살펴 보았으며 매일 웹 액세스 전문가가 홍보하는 웹 액세스 전문가가 확인할 수 있습니다. 대부분의 HTML 문서는 상태가 좋지 않습니다. 나를 믿지 않는다면 다음 데이터를보십시오.

• 상위 1,000,000 개의 홈페이지 중, 감지 가능한 WCAG 2 오류의 98.1%가 존재합니다.
• 수천 개의 웹 사이트에 포함되어 있습니다<h7></h7> 그리고<h8></h8> 요소.
• 타이틀과 메타 데이터 후 DIV가 가장 인기있는 요소입니다.
• 평균적으로, 우리는 110 개 이상의 이용 가능한 요소 중 약 30 개만 사용했습니다.

HTML 구문 이해와 올바르게 사용하는 방법을 아는 것에는 큰 차이가 있습니다. 우리는 모두 잘 구조화되고 의미 론적 HTML 문서를 작성할 때 몇 가지를 검토 할 수 있습니다. 2020 년에 나는 HTML을 배우는 데 많은 시간을 보냈으며 내가 만든 웹 사이트 사용자가 내 통찰력을 얻을 수 있기를 바랍니다.

2020 년에 배운 HTML에 대해 내가 가장 좋아하는 두 가지 :

download 속성에서 값을 정의하여 다운로드 가능한 파일의 이름을 변경할 수 있습니다.

 <a download="report.pdf" href="https://www.php.cn/link/4bf2689c42aae35e6924a432e435e0b1">다운로드 (2MB)</a>

value 속성을 사용하여 주문한 목록의 숫자를 변경할 수 있습니다.

<ol>
<li value="3"> 기음</li>
  <li value="2">비</li>
  <li value="1">에이</li>
</ol>

CSS

거의 매번 MDN 또는 CSS- 트릭에서 CSS 속성을 찾을 때마다 새로운 것을 찾습니다. 직접 시도하십시오. margin , list-style-type 또는 color 검색하십시오. 나는 당신이 무언가를 배울 것이라고 확신합니다.

2020 년 CSS에 대해 배운 콘텐츠 목록은 길다. 여기에 내가 가장 좋아하는 두 가지 요점이있다.

content 속성의 값의 일부로 url() 함수를 사용할 수 있습니다.

 div :: 이전 {
  내용 : url ( 'Marker-icon.png');
}

CSS에서 기본 스무드 스크롤을 구현할 수 있습니다.

 /* 애니메이션 스크롤 사용자가 모션 감소를 선호하지 않는 경우에만*/
@Media (선호-감소 모션 : 예비 회의) {
  html {
    스크롤-행동 : 매끄러운;
  }

  /* 대상과 뷰포트 상단 사이에 간격을 추가하십시오*/
  : target {
    스크롤 마진 탑 : 0.8EM;
  }
}

자바 스크립트

나는 JavaScript를 많이 씁니다. 그러나 그것은 내 핵심 강점이 아니므로 그것에 대해 새로운 것을 배우고 있습니다. 올해 제가 가장 좋아하는 두 가지 요점은 다음과 같습니다.

nomodule 속성을 사용하여 JavaScript 모듈을 지원하지 않는 브라우저에서만 JavaScript 코드를 실행할 수 있습니다.

 // nomodule.js
  Console.log ( '이 브라우저는 JS 모듈을 지원하지 않습니다.');

// module.js
  Console.log ( '이 브라우저는 JS 모듈을 지원합니다.');

결론적으로

HTML은 모든 웹 사이트의 중추입니다. 시맨틱 문서를 작성하는 방법을 아는 것이 모든 웹 개발자에게 최우선 과제가되어야합니다. CSS는 어느 정도 매우 복잡하며 새로운 개념을 배우기 위해서는 오래된 기술과의 비교와 그들이 해결하는 문제를 이해해야합니다. JavaScript 프레임 워크와 라이브러리는 끝없는 스트림으로 떠오르고 있지만 모두 공통점이 있습니다. 즉, 원본 JavaScript로 작성되었습니다.

2020 년에 나는 확립 된 요소와 속성에 대한 새로운 지식을 잊고 발견 한 것을 다시 학습했습니다. 당신이 그것을 찾으면, 당신은 많은 숨겨진 지식을 찾을 수 있습니다. 나는 여전히 탐구해야 할 좋은 것들이 많기 때문에 2021 년 에이 주제에 대해 더 확장 할 것입니다.

위 내용은 느린 움직임의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!