시도해야 할 5가지 Github 요소
내용물
소개
I'm a big fan of web components . 어디서나 작동할 수 있는 재사용 가능한 웹 요소.A는 저에게 Github의 멋진 구성 요소 세트를 보여주었습니다.
전에 그들을 만나본 적이 없다는 것이 믿기지 않아 최고의 몇 가지를 여러분과 공유해야겠다고 생각했습니다!
이것들은 모든 최신 브라우저에서 작동하며 브라우저 지원이 문서화되어 있습니다.
종속성이 거의 없으므로 이러한 문제 중 일부에 대한 다른 솔루션과 달리 엄청나게 빠릅니다.
더 중요한 것은 Github가 자체적으로 사용하는 요소이기 때문에 전투 테스트를 거쳤습니다!!
TLDR; Checkout the repository
시간 요소
Displaying Times can be hard! Figuring out how long ago something was to display in a human friendly format, or how long it is until an event.
Github have solved this for you, all with 0 dependencies!!
These are the same components you will have seen on Github itself where it displays times for example:
이것은 시간을 표시해야 할 때 모든 프로젝트에 정말 편리합니다. 또한 시간이 사용되었음을 알고 있습니다.
few different types of time display available이 있습니다.
그들은 심지어 demo page도 사용할 수 있습니다!
이미지 자르기 요소
Image cropping can be a nightmare, and getting a library that handles it also can be difficult to setup and use. Github to the rescue!
RepositoryDemo Page
이것은 정말 멋진데, 특히 서버로 보낼 수 있는 입력의 값을 자동으로 업데이트하는 것을 포함하여 Github에서 이것을 사용할 수 있는 다양한 방법이 있습니다.
그리고 다시 말하지만 종속성이 없으므로 매우 빠릅니다!
파일 첨부 요소
File uploads, I'm pretty certain everyone will have had to develop one of these in their career! Well now it's just an element away.
RepositoryDemo Page
요소 복사
With the Clipboard API 이제 일부 텍스트를 사용자 클립보드에 복사하는 일부 논리를 작성하는 것이 매우 쉽습니다. 그러나 Github는 예를 들어 링크에서 URL을 복사하는 것과 같이 요소와 값에 바인딩할 수 있도록 하여 이 작업을 더 잘 수행합니다.<clipboard-copy for="blob-path">Copy full URL</clipboard-copy>
<a id="blob-path" href="/path/to#my-blob">Link text will not be copied</a>
이보다 쉬울 수는 없습니다!
Repository
Demo Page
텍스트 확장기 요소
Ever wondered how Github looks up users or issues as you type? Wonder no more as you can do it exactly like they do with another really simple element!
This would be super useful for anyone building social sites for example.
Demo Page
요약
Github have done amazing work here, and I cannot thank the engineers who wrote them enough.
I've already started using these elements in projects I work on, and it has saved me plenty of time already!
당신이 가장 좋아하는 것입니다!
행복한 건물!
Reference
이 문제에 관하여(시도해야 할 5가지 Github 요소), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/jordanfinners/5-github-elements-you-have-to-try-2jdc텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
