> 웹 프론트엔드 > JS 튜토리얼 > [프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

青灯夜游
풀어 주다: 2022-10-10 19:04:05
앞으로
1988명이 탐색했습니다.

[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

프런트엔드 필수 실용툴 16개와 웹사이트를 추천합니다. 일상 업무에서 실용적인 소프트웨어와 웹사이트를 요약하고 공유하세요. 유용하다고 생각되면 좋아요를 누르고 수집해 보세요.

GitHub Desktop

git 명령이 너무 많아서 기억하기 어려울 수 있습니다. 초보자는 git 시각화 도구를 사용하는 것이 훨씬 더 편리합니다

[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유2.

온라인 이미지 압축

tinypng

은 완전 무료이며 압축률이 높은 온라인 이미지 압축 웹사이트는 일반적으로 이미지 압축에 대한 대부분의 일상적인 요구를 충족할 수 있습니다. 5M보다 큰 이미지를 압축해야 하는 경우 이 웹사이트는 대용량 이미지 압축 및 이미지 압축 품질 사용자 정의를 지원합니다.

큰 이미지를 압축하려면 여기를 클릭하세요. :

squoosh[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

3

온라인 코드 편집2-[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

많은 사람들이 codePen 또는

CodeSandbox

등을 사용할 수 있습니다. 내 생각엔 너겟츠' Nuggets의 코드도 사용하기 매우 쉽고 Nuggets 계정에 로그인하면 볼 수 있어 매우 편리합니다

4

JSON 형식화[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

온라인 JSON 형식화 웹사이트가 많이 있습니다. 기본적으로 우리 요구 사항을 충족하려면 Json을 사용하세요. cn이 기억하기 쉽기 때문입니다. 하하~

또한 매우 쉬운 프런트 엔드 도구 모음이 있는 웹사이트

smalldev[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유도 있습니다. to use

5. 코드 생성 사진

carbon 예 멋진 코드 조각 생성 및 사진 내보내기 지원

위 코드 스타일이 마음에 들지 않으면

ray.so[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유를 사용할 수도 있습니다. .생성된 코드 다이어그램은 다음과 같습니다.

6.

이모티콘 5-[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

이 웹사이트에는 많은 이모티콘이 있으며, 국내외 많은 블로그에서 이모티콘을 사용하고 있습니다. 7.

Vector icon-iconfont

Alibaba Library에서 출시한 글꼴 아이콘으로 대부분의 아이콘을 찾을 수 있으며 프로젝트[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

8과 결합하여 자신의 프로젝트의 글꼴 아이콘 라이브러리를 사용자 정의할 수 있습니다. .

css3 animation

우리는 일상적인 개발에서 몇 가지 CSS 애니메이션 요구 사항에 직면하게 됩니다. 그러나 때로는 하나 또는 두 개의 애니메이션에 대한 일부 라이브러리를 도입하여 이득보다 더 큰 것처럼 느껴집니다. 조각 코드를 포함합니다. cv를 직접 사용하세요[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

8-[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

9. 표지 템플릿-canva

기사를 쓰거나 때로는 표지 사진을 직접 만들어야 할 때도 있습니다. canva무료 자료와 템플릿이 많아 사용하기 매우 편리합니다.

[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유10

HD Pictures-UnSplash

해외 고화질 사진 다운로드 웹사이트에는 무료로 다운로드할 수 있는 4K 고화질 사진이 많이 있으므로 더 이상 어디서나 고화질 사진을 찾을 필요가 없습니다

[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유11.

온라인 그리기

일상 작업 흐름도나 마인드맵 등을 그려야 합니다.

boardmix

개인적으로 ProcessOn 등을 사용하는 것을 좋아하는 사람도 있습니다. 선호도

1[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유12.

빠른 배포 및 웹 사이트 구축

프런트 엔드가 있습니다. 때로는 웹 사이트를 직접 배포해야 할 때도 있고,

surge와 같은 무료 배포 웹 사이트도 있습니다.

1[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유13.

온라인 성능 평가

pagespeed

다양한 지표를 바탕으로 우리 웹사이트가 어떤 측면에서 최적화될 수 있는지 알 수 있습니다.

1[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유14

멀티 플랫폼 테스트

저희 웹사이트는 다양한 기기에서 효과를 확인해야 하는 경우가 많지만, 휴대폰을 사용하여 브라우저를 통해 스크린샷을 하나씩 액세스하는 것이 번거롭습니다.

반응형

이 소프트웨어는 주류 휴대폰, PAD를 지원합니다. , 및 컴퓨터 장치를 사용하여 웹사이트에 액세스하고 내보낼 수 있습니다.

15.

Chrome 확장 프로그램1[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

일부 학생들은 이를 읽을 수 없습니다. Google 계정에 로그인한 후 Google 스토어로 이동하여 확장 프로그램을 다운로드하세요. 미니멀리스트 플러그인 Google 확장 프로그램을 벽을 거치지 않고 직접 다운로드할 수 있고 웹사이트가 중국어로 되어 있어 매우 좋습니다

16

온라인 이력서

1[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유

이것을 다시 시작하세요. 인터넷에 무료 이력서 템플릿 웹사이트도 많이 있습니다. 저는 개인적으로 이 500D 웹사이트를 추천합니다. 멋진 이력서 템플릿이 많이 있어서 매우 편리합니다. 추신: 이 웹사이트는 유료이지만 영구적입니다. 멤버십은 39.9 괜찮아요 만료 걱정하지 마세요 결국 한 번 이상 사용했거든요 (정말 39.9 쓰고 싶지 않다면 저한테 사달라고 하시면 됩니다~)

The 위의 내용은 일상 업무에 더 실용적인 도구와 웹사이트로 공유할 수 있습니다. 유용하다고 생각되면 저장할 수 있습니다.

[관련 권장사항:

웹 프론트엔드 개발1[프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유]

위 내용은 [프론트엔드 필수사항] 16가지 실용적인 도구/웹사이트 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿