최고 오스트 : 사용자 알림의 이름이없는 영웅

토스트 알림은 조용하지만 영향력있는 커뮤니케이터입니다.

성공적인 수술을 축하하든 친근한 오류 메시지를 보여 주 든 토스트는 해결책입니다.

다음은 사용자가 좋아하는 (Stars)로 분류 된 구현을 산들 바람으로 만드는 인기있는 JavaScript 라이브러리를 살펴 봅니다.

4. 토스티피 .js

Github Stars :

2.3k 더 나은 알림 메시지를위한

정보 :

순수한 JavaScript 라이브러리.
• 위대한 이유 : 단순성과 사물을 가볍게 유지한다면 Toastify.js는 훌륭한 선택입니다. 멋진 의존성이나 복잡한 설정이 없으므로 여분의 부풀지 않고 우아한 솔루션을 원하는 개발자에게 적합합니다.
• 특징 :
• 최소하고 간단합니다. 토스트에 그라디언트 또는 배경 이미지를 쉽게 추가하십시오 화면의 어느 곳에서나 알림 위치 는 클릭 가능한 링크와 같은 작업을 지원합니다 ? 시작하기 :
Toastify.js demo



Apvarun / 토스티시 -JS 더 나은 알림 메시지를위한 순수한 JavaScript 라이브러리

토스트
토스트는 가벼운 바닐라 JS 토스트 알림 라이브러리입니다

데모 여기를 클릭하십시오


특징
다중 스택 알림 사용자 정의 가능 실행 스레드 차단 없음

사용자 정의 옵션

알림 텍스트

기간 토스트 배경색

아이콘 디스플레이를 닫습니다

디스플레이 위치 오프셋 위치

설치

Toastify는 이제 최고 오스트 : 사용자 알림의 이름이없는 영웅 를 통한 설치를 지원합니다

기존 또는 새 프로젝트에 Toastify-JS를 추가하려면 아래 명령을 실행하십시오.

또는

최고 오스트 : 사용자 알림의 이름이없는 영웅 install --save toastify-js

Toastify-JS를 모듈로 가져 오려면 사용을 시작하십시오

yarn add toastify-js -S

당신은 아래와 같이 Toastify의 기본 CSS를 사용하고 나중에 재정의하거나 자신의 CSS를 작성하도록 선택할 수 있습니다.

• 기존 메소드
를 사용하여 html 페이지에 Toastifyjs를 추가합니다

토스트 사용을 시작하려면 다음 CSS를 페이지에 추가하십시오.

import Toastify from 'toastify-js'

전체 화면 모드로 들어갑니다

import "toastify-js/src/toastify.css"

전체 화면 모드 종료

및 페이지 하단의 스크립트

전체 화면 모드로 들어갑니다

<link rel="stylesheet" type="text/css" href="https://cdn.%EC%B5%9C%EA%B3%A0%20%EC%98%A4%EC%8A%A4%ED%8A%B8%20:%20%EC%82%AC%EC%9A%A9%EC%9E%90%20%EC%95%8C%EB%A6%BC%EC%9D%98%20%EC%9D%B4%EB%A6%84%EC%9D%B4%EC%97%86%EB%8A%94%20%EC%98%81%EC%9B%85.net/%EC%B5%9C%EA%B3%A0%20%EC%98%A4%EC%8A%A4%ED%8A%B8%20:%20%EC%82%AC%EC%9A%A9%EC%9E%90%20%EC%95%8C%EB%A6%BC%EC%9D%98%20%EC%9D%B4%EB%A6%84%EC%9D%B4%EC%97%86%EB%8A%94%20%EC%98%81%EC%9B%85/toastify-js/src/toastify.min.css">

전체 화면 모드 종료

Github 스타 : 10k

정보 :

흡연 뜨거운 반응 알림?

대단한 이유 :

 React를 위해 특별히 구축 된이 라이브러리는 REACT 앱과 완벽하게 조화를 이루는 뜨거운, 사용자 정의 가능하며 가벼운 알림을 제공합니다.
<div>

<div>  <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24">

<title>  특징 :  </title>

<path d="M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z">
</path>? 기본적으로 뜨겁다. <ault ault>
</ault></svg>? 약속을 기반으로 자동 로더에 대한 API를 약속합니다
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24">? 쉽게 사용자 정의 할 수 있습니다. <able>
<title>? 경량 - 5KB보다 (스타일 포함)
</title>

<path d="M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z">?  시작하기 :  </path>
뜨거운 토스트 데모 </able></svg>에 반응합니다


</div>
  </div>
    

티몰 린스 / 반응-토스트

흡연 뜨거운 반응 알림?





반응에 대한 뜨거운 알림 흡연 기본적으로 가벼우면서도 사용자 정의 가능하며 아름답습니다


웹 사이트 · 선적 서류 비치 · 지저귀다

Timo Lins에 의해 요리 된? ‍?




특징


_{? 기본적으로 hot}


? 쉽게 사용자 정의 할 수 있습니다

약속 약속 약속

• ? 경량 스타일을 포함하여 5kb보다 작습니다
• ✅ 액세스 가능
? Headless Hooks
• - usetoaster ()로 자신의 것을 만듭니다
설치
• p최고 오스트 : 사용자 알림의 이름이없는 영웅 와 함께

• 전체 화면 모드로 들어갑니다
• 전체 화면 모드 종료

최고 오스트 : 사용자 알림의 이름이없는 영웅

전체 화면 모드로 들어갑니다

최고 오스트 : 사용자 알림의 이름이없는 영웅 install --save toastify-js

전체 화면 모드 종료

시작하기

정보 :

간단한 JavaScript 토스트 알림.

위대한 이유 :

toast는 수년간 있었으며 강력한 사용자 정의 옵션으로 유명합니다. 유연성과 높은 구성 가능성이 필요한 경우 Toast는 가장 친한 친구입니다.

• 특징 : 는 색상, 애니메이션 및 위치에 대한 광범위한 사용자 정의 옵션을 지원합니다 매우 유연한 API. 는 바닐라 JavaScript 및 jQuery와 같은 프레임 워크와 함께 작동합니다
• ? 시작하기 : Demo
• Codeseven / Toast
간단한 자바 스크립트 토스트 알림



toast

toast 는 비 블로킹 알림을위한 JavaScript 라이브러리입니다. jQuery가 필요합니다. 목표는 사용자 정의 및 확장 할 수있는 간단한 핵심 라이브러리를 만드는 것입니다. Browserstack에서 제공 한 브라우저 테스트

현재 버전
• 2.1.4
• 데모
• 데모는 http://codeseven.github.io/toast/demo.html에서 찾을 수 있습니다
toasts 를 사용하여 fontawesome 아이콘을 사용한 데모

cdns

Toast는 최고 오스트 : 사용자 알림의 이름이없는 영웅 및 최고 오스트 : 사용자 알림의 이름이없는 영웅 에서 호스팅됩니다

디버그

미니딩

• 설치
  너겟 갤러리
  bower

  최고 오스트 : 사용자 알림의 이름이없는 영웅

  최고 오스트 : 사용자 알림의 이름이없는 영웅 install --save toastify-js
  

  yarn
  Ruby on Rails

  yarn add toastify-js -S
  

  전체 화면 모드로 들어갑니다
  전체 화면 모드 종료

  import Toastify from 'toastify-js'
  

  import "toastify-js/src/toastify.css"
  

  전체 화면 모드로 들어갑니다

  전체 화면 모드 종료

  <link rel="stylesheet" type="text/css" href="https://cdn.%EC%B5%9C%EA%B3%A0%20%EC%98%A4%EC%8A%A4%ED%8A%B8%20:%20%EC%82%AC%EC%9A%A9%EC%9E%90%20%EC%95%8C%EB%A6%BC%EC%9D%98%20%EC%9D%B4%EB%A6%84%EC%9D%B4%EC%97%86%EB%8A%94%20%EC%98%81%EC%9B%85.net/%EC%B5%9C%EA%B3%A0%20%EC%98%A4%EC%8A%A4%ED%8A%B8%20:%20%EC%82%AC%EC%9A%A9%EC%9E%90%20%EC%95%8C%EB%A6%BC%EC%9D%98%20%EC%9D%B4%EB%A6%84%EC%9D%B4%EC%97%86%EB%8A%94%20%EC%98%81%EC%9B%85/toastify-js/src/toastify.min.css">
  위키 및 변경 로그

  변경 로그를 포함한 Wiki
  <div>
   파괴 변경 
  
  <div>
  <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24">
   애니메이션 변경 
  
  <title><ations> 다음 애니메이션 옵션은 더 이상 사용되지 않았으며 교체해야합니다.
  <p dir="auto">
  <f> 옵션을 옵션으로 대체하십시오
  </f></p>
  <on> 옵션을 대체하십시오. 온파드 인을 옵션으로 대체하십시오
  <ul dir="auto">
  <f> 옵션을 옵션으로 교체하십시오
  <li>
  <on> 옵션을 바꾸십시오. 온타 아웃은 옵션으로
  </on>
  </li>
  <li>
  </li>
  <li> 빠른 시작 
  
  </li>
  <li>
   3 쉬운 단계 
  
  </li>
  다른 API 호출은 <i i> 데모를 참조하십시오
    </i></f>
  </ul>
    <ith> github에서보기 <div>
  <h2>
  
  
  </h2>
    
    
    1. <reac> 반응 토스트 
  </reac>
  </div>
  
  <div>
  <h3>
  <stars stars> Github 스타 :  13k
  </stars>
  </h3>
  </div>
  <p dir="auto"> 정보 : </p> 많은 사람들이 매우 사용자 정의 할 수 있고 사랑합니다.
  
  </ith></on></ations></title></svg>
  </div>
  <great> 위대한 이유 : </great>
  </div> React Toastify는 사용하기 쉽고 우아함을 디자인하기 위해 왕관을 가져옵니다. 
  알림을 설정하면 10 초 미만이 걸리므로 개발자가 좋아하는 것입니다. <div>
  </div>
  
  

  특징 :

  사용자 정의하기 쉽습니다. 다국어 앱에 대한 rtl 지원 스 와이프-클로스 기능 (사용자 정의 가능한 방향 포함) 는 기본적으로 아름답지만 광범위한 스타일 옵션을 허용합니다
  • ? 시작하기 : Toastify Demo 에 반응합니다
  • fkhadra / 반응을 보인다
  • 반응 알림이 쉽게 만들어 졌습니까? !
  반응-변신

  

  

  ? React-Toastify는 앱에 쉽게 알림을 추가 할 수 있습니다.

  설치

  전체 화면 모드로 들어갑니다

  최고 오스트 : 사용자 알림의 이름이없는 영웅 install --save toastify-js
  

  전체 화면 모드 종료

  yarn add toastify-js -S
  

  특징

  github에서보기

  최종 생각

  단순성을 찾고 있거나 고급 기능을 찾고 있든 상관없이 토스트 라이브러리가 있습니다.
  > 간단하게 유지합니까?
  토스티시로 이동하십시오 .js
  • 반응 애호가? 핫 토스트를 반응하거나 토스트를 반응하십시오 > Customization King?
  Toast
  • 가장 좋아하는 토스트 라이브러리는 무엇입니까? 아래의 의견에서 당신의 생각 (그리고 건배할만한 성공 사례)을 공유하십시오! 나는 Liveapi라는 초보자 도구를 연구하고 있습니다
  • API를위한 문서를 수동으로 만드는 데 지친 경우이 도구는 인생을 더 편하게 만들 수 있습니다.

위 내용은 최고 오스트 : 사용자 알림의 이름이없는 영웅의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!