세상과 연결

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..

AngularJS Filters에 디렉 티브에 필터 추가 [디렉 티브에 필터 추가] 필터는 ng-repeat파이프 문자 |와 필터 를 사용하여 지시문에 추가됩니다 예orderBy필터 배열을 정렬한다 : {{ x.name + ', ' + x.country }} 전체소스 Looping with objects: {{ x.name + ', ' + x.country }} [예제결과]Looping with objects:Joe, DenmarkBirgit, DenmarkMargareth, EnglandMary, EnglandJani, NorwayHege, NorwayKai, NorwayCarl, SwedenGustav, Sweden

AngularJS Filters에 lowercase (소문자변환) AngularJS는 데이터를 변환하는 필터를 제공합니다. 1. currency 숫자를 통화 형식으로 포맷하십시오.2. date 날짜를 지정된 형식으로 형식화하십시오.3. filter 배열에서 항목의 하위 집합을 선택하십시오.4. json 객체를 JSON 문자열로 포맷합니다.5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.6. lowercase 문자열을 소문자로 포맷하십시오.7. number 숫자를 문자열로 지정하십시오.8. orderBy 표현식으로 배열을 정렬합니다.9. uppercase 문자열을 대문자로 포맷하십시오. [표현식에 필터 추가] 필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 ..

AngularJS Filters AngularJS는 데이터를 변환하는 필터를 제공합니다. 1. currency 숫자를 통화 형식으로 포맷하십시오.2. date 날짜를 지정된 형식으로 형식화하십시오.3. filter 배열에서 항목의 하위 집합을 선택하십시오.4. json 객체를 JSON 문자열로 포맷합니다.5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.6. lowercase 문자열을 소문자로 포맷하십시오.7. number 숫자를 문자열로 지정하십시오.8. orderBy 표현식으로 배열을 정렬합니다.9. uppercase 문자열을 대문자로 포맷하십시오. [표현식에 필터 추가] 필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 . uppercase대문자..

제이쿼리 Attribute Starts With Selector [name^=”value”] 설명 : 주어진 문자열로 정확하게 시작하는 값으로 지정된 속성을 갖는 요소를 선택합니다. jQuery ( "[attribute ^ = 'value']") attribute : 속성 이름. value : 속성 값. 유효한 식별자 또는 따옴표 붙은 문자열이 될 수 있습니다 . 이 선택기는 체계적인 요소 ID로 HTML을 생성하는 서버 측 프레임 워크에서 생성 된 페이지의 요소를 식별하는 데 유용 할 수 있습니다. 그러나 클래스 선택기를 사용하는 것보다 느려질 수 있으므로 가능한 경우 클래스를 활용하여 유사한 요소를 그룹화하십시오. 예:속성 이름이 'news'로 시작하고 텍스트를 입력 한 모든 입력을 찾습니다.

제이쿼리 Attribute Not Equal Selector [name!=”value”] 설명 : 지정된 속성을 갖지 않거나 지정된 속성을 갖지만 특정 값을 갖지 않는 요소를 선택하십시오.jQuery ( "[attribute! = 'value']") attribute : 속성 이름. value : 속성 값. 유효한 식별자 또는 따옴표 붙은 문자열이 될 수 있습니다 . 이 선택자는 다음과 같습니다 :not([attr='value']). 추가 참고 사항 : [name!="value"]CSS 사양의 일부가 아닌 jQuery 확장 이기 때문에 사용하는 쿼리 [name!="value"]는 기본 DOM querySelectorAll()메서드 에서 제공하는 성능 향상을 이용할 수 없습니다 . 최신 브라우저의 성능을 ..