세상과 연결

AngularJS Filters 사용자 입력을 기반으로 배열 필터링 사용자 입력을 기반으로 배열 필터링ng-model입력 필드에 지시문을 설정하여 입력 필드의 값을 필터의 표현식으로 사용할 수 있습니다. 입력 필드에 문자를 입력하면 목록에 따라 일치 / 축소됩니다. {{ x }} [전체소스] Type a letter in the input field: {{ x }} The list will only consists of names matching the filter. 이미지와 같은 화면에서 input box에 목록에 있는 단어를 입력하게 되면 그 단어만 필터링해서 실시간으로 찾아주게 됩니다.

AngularJS Filters 필터 필터filter필터 어레이의 서브 세트를 선택한다. filter필터는 어레이에 사용될 수 있고, 그것은 단지 일치를 포함하는 배열을 반환한다. currency필터는 통화로 숫자를 포맷 : 예문자 "i"가 포함 된 이름을 반환합니다. {{ x }} [전체소스] {{ x }} This example displays only the names containing the letter "i".

AngularJS Filters 통화 필터currency필터는 통화로 숫자를 포맷 : 예 Price: {{ price | currency }} [전체소스] Price: {{ price | currency }} The currency filter formats a number to a currency format.

CSS3 그라디언트 그래디언트 방향을보다 잘 제어하려면 미리 정의 된 방향 (아래에서 위쪽, 오른쪽에서 왼쪽, 오른쪽 아래 등) 대신 각도를 정의 할 수 있습니다. 통사론background: linear-gradient(angle, color-stop1, color-stop2);각도는 수평선과 그라데이션 선 사이의 각도로 지정됩니다. 다음 예제는 선형 그래디언트에서 각도를 사용하는 방법을 보여줍니다.#grad { background: red; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(-90deg, red, yellow); /* For Safari 5.1 to 6.0 */ background: -..

CSS3 그라디언트 CSS3 그래디언트를 사용하면 둘 이상의 지정된 색상 간 부드러운 전환을 표시 할 수 있습니다. 이전에는 이러한 효과를 위해 이미지를 사용해야했습니다. 그러나 CSS3 그래디언트를 사용하면 다운로드 시간과 대역폭 사용을 줄일 수 있습니다. 그라디언트가 브라우저에서 생성되기 때문에 확대 / 축소하면 그라디언트가있는 요소가 더 잘 보입니다. CSS3는 두 가지 유형의 그라디언트를 정의합니다. 1. 선형 그라디언트 (아래 / 위 / 왼쪽 / 오른쪽 / 대각선으로 이동)2. 방사형 그라디언트 (중심에 정의 됨) CSS3 선형 그라디언트선형 그래디언트를 만들려면 적어도 두 개의 색상 정지 점을 정의해야합니다. 색상 멈춤은 자연스러운 장면 전환을 렌더링하려는 색상입니다. 그래디언트 효과와 함께 ..

CSS3 Colors CSS는 색상 이름, 16 진수 및 RGB 색상을 지원합니다. 또한 CSS3에서는 다음을 소개합니다. 1. RGBA 색상2. HSL 색상3. HSLA 색상4. 불투명 다음 예제에서는 서로 다른 RGBA 색상을 정의합니다. 예#p1 {background-color: rgba(255, 0, 0, 0.3);} /* red with opacity */#p2 {background-color: rgba(0, 255, 0, 0.3);} /* green with opacity */#p3 {background-color: rgba(0, 0, 255, 0.3);} /* blue with opacity */ HSL 색상HSL은 색조, 채도 및 밝기를 나타냅니다. HSL 색상 값은 hsl (색조, 채도,..

제이쿼리 jQuery( ":button" ) 설명 : 버튼 요소의 모든 요소와 버튼 유형의 요소를 선택합니다. $( ":button" )유효한 CSS 를 사용 하는 것과 동일한 선택자가 $( "button, input[type='button']" )있습니다 Option Button

제이쿼리 .bind( eventType [, eventData ], handler ) 설명 : 요소에 대한 이벤트에 핸들러를 연결하십시오. jQuery 3.0부터는 .bind()더 이상 사용되지 않습니다. 그것은 .on()jQuery 1.7부터 문서에 이벤트 핸들러를 첨부 하는 방법 으로 대체 되었으므로 사용은 이미 권장되지 않았습니다. 이전 버전의 .bind()경우이 메서드는 이벤트 처리기를 요소에 직접 연결하는 데 사용됩니다. 핸들러는 jQuery 오브젝트의 현재 선택된 요소에 연결되므로 호출이 발생 하는 지점에 해당 요소 가 존재해야.bind() 합니다. 보다 유연한 이벤트 바인딩을 보려면에서 이벤트 위임에 대한 설명을 참조하십시오 .on(). 모든 문자열은 적합합니다 eventType. 캐릭터 라..

제이쿼리 .before(content [,content]) 설명 : 일치하는 요소 세트의 각 요소 앞에 매개 변수로 지정된 컨텐츠를 삽입하십시오. .before()및 .insertBefore()방법은 동일한 작업을 수행합니다. 주요 차이점은 구문과 특히 콘텐츠 및 대상의 배치에 있습니다. With를 사용하면 .before()삽입 할 내용은 메서드의 인수에서 가져옵니다 $(target).before(contentToBeInserted). 로 .insertBefore(), 다른 한편으로는, 내용이 방법을 선행하고 차례로으로 전달되는 대상, 전에 삽입 .insertBefore()방법의 주장 : $(contentToBeInserted).insertBefore(target). 다음 HTML을 고려하십시오. Gre..