기술나눔

대규모 프런트엔드 핫스팟 기술

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

머리말

2018년 이후에는 주요 주류 프레임워크의 기능이 줄어들고 새로운 휠이 줄어들면서 전체 프런트엔드의 개발이 안정화되었습니다. 그러나 다중 터미널 통합, 업스트림 및 다운스트림 효율성 개선, 일부 하위 부문에서는 여전히 볼 만한 가치가 많이 있습니다. . 예상되는.

지난 1년간 웹, 노드, 멀티터미널, IoT, 인텔리전스 등 5개 분야의 대형 프런트엔드 방향 개발을 바탕으로 이 기사에서는 주목할만한 몇 가지 대형 프런트엔드 최신 기술을 정리합니다. 22년.

1 웹 도메인

여기서 언급하는 웹 분야는 주로 HTML/CSS/JS의 세 가지 기본 프론트엔드 기술, 현대 프론트엔드 개발 프레임워크 등을 포함하여 전통적인 PC 측 애플리케이션이나 미드엔드 및 백엔드 시스템의 프론트엔드 관련 기술을 말합니다. React 및 Vue, 온라인 IDE 및 플러그인은 물론 미드 및 백엔드 로우 코드 개발 플랫폼 등.

PC의 대규모 웹 애플리케이션은 항상 많은 기업의 생명선이었습니다. 이제 브라우저 성능이 향상되면서 C/S 아키텍처에서 B/S 아키텍처로 점차 웹 기반으로 전환되기 시작했습니다. PS는 작년에 온라인 버전을 제공했고, 다양한 다양한 IDE도 웹 기반으로 전환하고 있으며, 많은 대규모 데스크톱 게임도 WebAssembly 기술의 도움으로 웹 기반으로 자리 잡았습니다.

1.1 HTML/CSS/JS

2014년 HTML5가 출시된 이후 브라우저는 새로운 표준을 지원하는 데 점점 더 많은 인기를 얻었지만 HTML은 여기서 멈추지 않습니다. 기본 모드 지원, JS 단일 페이지 앱 없음 등 일부 새로운 기능은 HTML6으로 명명됩니다. , 사용자 정의 메뉴, 사용자 개인 정보 보호 강화, 통합 카메라 등이 있습니다.

2021년에 CSS는 CSS 컨테이너 쿼리, CSS 상위 선택기, CSS 계단식 제어 규칙, CSS 하위 그리드 등과 같은 많은 새로운 기능을 추가했습니다. CSS는 웹 개발에 없어서는 안될 부분이며 오늘날 프런트엔드의 지속적인 발전과 함께합니다. 엔지니어링, 한편으로는 사양이 업그레이드됨에 따라 CSS 기능이 점점 더 풍부해지고 있는 반면, 프런트엔드 비즈니스의 복잡성 증가로 인해 대규모 프로젝트가 발생하여 개발자는 끊임없이 최고의 솔루션을 찾게 되었습니다. CSS 엔지니어링 사례 Tailwind는 엔지니어링 분야에서 매우 눈부신 새로운 스타로, flex, pt-4, text-center 및 Rotate-90과 같은 클래스를 통합합니다. .0은 Just-in-Time 모드가 내장되어 12월 21일에 출시되었습니다.

JavaScript는 10년마다 변경됩니다. JS의 첫 번째 시대인 1997년부터 2007년까지 ES4는 JS의 두 번째 시대인 2009년부터 2019년까지 npm, Node.js, ES5 및 ES6가 탄생했습니다. 현재 JS의 세 번째 시대에 진입했으며 TypeScript는 오랫동안 주류가 될 것입니다. 대부분의 대규모 프런트엔드 오픈 소스 프로젝트는 TS를 완전히 수용했거나 수용하고 있습니다. 동시에 JS와 TS의 핵심 인프라는 swc, rome, deno와 같이 Rustized되어 있습니다.

1.2 프레임워크-Angular