현재 위치: > 기술 기사 > 웹 프론트엔드

  • 커피 스크립트는 무엇입니까?
    커피 스크립트는 무엇입니까?
    커피 스크립트 : 자바 스크립트에 대한 간결한 대안? 커피 스크립트가 무엇인지 알고 싶으십니까? 이 비디오는 당신을 위해 그것을 신속하게 해석 할 것입니다! Sitepoint의 수석 개발자 인 Paul Annesley는 저와 함께이 비디오를 만들었습니다. Coffeescript의 탄생은 JavaScript 구문에 지친 사람들과 유래 한 것으로 알려져 있으며 JavaScript로 컴파일하는 프로세스가 있기 때문에 JavaScript가보다 효율적인 코드를 작성하는 방법을 이해하지 못하는 사람들에게 도움이 될 수도 있습니다. 공연에서 꽤 좋은 일입니다. 동의하십니까? 비디오를보고 의견을 남겨주세요! 열려 있는
    JS 튜토리얼 849 2025-02-24 10:51:09
  • jQuery/html5 입력 초점 및 커서 위치
    jQuery/html5 입력 초점 및 커서 위치
    이 문서는 jQuery 및 HTML5를 사용하여 커서 입력 초점 및 위치를 관리하는 방법을 보여주는 코드 스 니펫 및 예제를 제공합니다. 피드백과 제안을 환영합니다. jQuery 입력 초점 Focus () 함수를 사용하여 초점을 입력 요소로 설정하십시오.
    JS 튜토리얼 1082 2025-02-24 10:49:10
  • Gulp 이하의 맞춤형 Uikit 테마를 만듭니다
    Gulp 이하의 맞춤형 Uikit 테마를 만듭니다
    주요 테이크 아웃 Uikit의 커스터마이저는 웹 사이트에 고유 한 테마와 테마 변형 (스타일)을 만드는 데 사용될 수있어 군중에서 눈에 띄게 할 수 있습니다. 프로세스는 간단하지만 합병증을 최소화하기 위해 적절한 워크 플로우가 필요합니다.
    CSS 튜토리얼 638 2025-02-24 10:47:14
  • 팝업 창을 열기위한 JS 코드 스 니펫
    팝업 창을 열기위한 JS 코드 스 니펫
    팝업 창을 열기 위해 일부 JavaScript 코드 스 니펫 만 특별한 것은 없습니다. w = 창, d = 문서; // 창을 위젯 크기로 설정합니다 var winh = 400, // 윈도우 패딩 및 헤더 허용 winw = 400, wint = 400,
    JS 튜토리얼 624 2025-02-24 10:46:10
  • jQuery에서 쿠키 작업
    jQuery에서 쿠키 작업
    핵심 요점 jQuery.Cookie, jQuery 플러그인은 쿠키를 작성, 읽기 및 삭제하는 과정을 단순화합니다. GitHub의 코드 기반에서 다운로드하고 jQuery 라이브러리 다음 페이지에 포함되어야합니다. 쿠키 () 메소드는 쿠키를 만들고 읽는 데 사용됩니다. 쿠키 생성에는 이름과 값이라는 두 가지 매개 변수가 필요합니다. 옵션 세 번째 매개 변수는 경로, 도메인, 만료 및 보안과 같은 추가 옵션을 포함하는 객체 문자 그럴 일 수 있습니다. 쿠키를 읽으려면 이름 매개 변수 만 필요합니다. 쿠키가있는 경우 removecookie () 메소드를 사용하여 쿠키를 삭제하십시오
    JS 튜토리얼 956 2025-02-24 10:40:11
  • CSS를 사용한 재생 버튼 오버레이 이미지
    CSS를 사용한 재생 버튼 오버레이 이미지
    이 기사는 CSS를 사용하여 재생 버튼 이미지를 다른 이미지에 중앙에 오버레이하는 기술을 탐구합니다. 각각 다양한 브라우저 호환성이있는 여러 접근 방식이 제시됩니다. 가장 효과적인 방법 이 접근법은 Excel을 제공합니다
    JS 튜토리얼 884 2025-02-24 10:36:11
  • CSS의 길이 단위를 살펴 봅니다
    CSS의 길이 단위를 살펴 봅니다
    CSS 길이 단위에 대한 자세한 설명 : 절대에서 뷰포트 관련에 이르기까지 정확한 측정은 웹 디자인의 중요한 부분입니다. CSS에서 적어도 10 개의 다른 길이 단위의 존재만으로도 이것을 설명하기에 충분합니다. 각 장치에는 고유 한 특정 목적이있어 웹 페이지가 다양한 장치에 더 잘 적응할 수 있습니다. 이 장치를 마스터하면 요소 크기를보다 정확하게 조정할 수 있습니다. 이 튜토리얼은 CSS에서 사용 가능한 다양한 장치를 탐색하고 어떤 상황에서 사용되는지와 사용 방법에 대해 논의합니다. 핵심 요점 CSS는 각각 특정 목적을 가진 다양한 길이 단위를 제공하므로 웹 페이지가 다른 장치에 더 잘 적응할 수 있습니다. 이 단위는 대략 절대 길이 단위, 상대 길이 단위 및 뷰포트 상대 길이 단위로 나눌 수 있습니다. 절대 길이 단위 (예 :
    CSS 튜토리얼 893 2025-02-24 10:35:11
  • HTML5 데스크탑 알림 예제
    HTML5 데스크탑 알림 예제
    HTML5 데스크탑 알림 데모 및 자세한 설명 여러분, 안녕하세요! 오늘은 간단한 데모를 통해 HTML5와 소량의 JavaScript 코드를 사용하여 데스크탑 알림을 구현하는 방법을 보여 드리겠습니다. Github 프로젝트 HTML5 데스크탑 알림 배경 정보 알림을 통해 사용자는 이메일 배송과 같은 웹 페이지의 컨텍스트 외부에서 상기시킬 수 있습니다. 알림을 표시, 대기열 및 교체 할 수 있습니다. 메시지 본문의 왼쪽에 나타나는 왼쪽의 메시지 본문에 아이콘을 추가 할 수도 있습니다. 다중 인스턴스화에 TAG 멤버를 사용할 수도 있습니다 (이 경우 결과는 알림입니다. 두 번째 알림은 첫 번째 알림을 동일한 태그로 대체합니다). [W3C 웹에 대해 자세히 알아보십시오
    JS 튜토리얼 823 2025-02-24 10:34:13
  • HTML5 WebSockets API 소개
    HTML5 WebSockets API 소개
    HTML5는 WebSocket을 포함한 많은 새로운 API를 소개합니다. WebSocket을 통해 개발자는 브라우저와 서버간에 소켓 연결을 설정하여 강력한 실시간 응용 프로그램을 만들 수 있습니다. 다시 말해, 지속적인 연결이 존재하기 때문에 클라이언트와 서버는 언제든지 데이터를 교환 할 수 있습니다. 이 자습서는 WebSocket을 사용하여 실시간 웹 응용 프로그램을 만드는 방법을 설명합니다. 핵심 요점 HTML5에 도입 된 WebSocket API를 통해 개발자는 브라우저와 서버간에 지속적인 소켓 연결을 설정하여 클라이언트와 서버가 언제든지 데이터를 교환 할 수 있도록 실시간 응용 프로그램을 만들 수 있습니다. WebSocket 연결을 열면 매우 간단합니다. 웹을 호출하면됩니다.
    JS 튜토리얼 1049 2025-02-24 10:33:11
  • 깨진 CSS의 예
    깨진 CSS의 예
    2013 년에는 온라인 세계에서 많은 우수한 CSS 코드가 등장하여 방문객들에게 고품질 경험을 가져 왔으며 사람들의 웹 디자인에 대한 인식을 뚫고 플래시없이 놀라운 결과를 얻었습니다. Sitepoint 크리스마스 프로모션은 좋은 예입니다. 당시 페이지 효과를 잊어 버리면 여기를 클릭하여 Alex Walker가 어떻게 구축했는지 확인할 수 있습니다. 그러나 웹에 웹 경험이 깨지고 지저분 해지고 심지어 사용자가 특정 웹 사이트와 전체 네트워크에 실망하게 느낄 수있는 많은 나쁜 CSS 코드가 있다는 것을 인정해야합니다. 우리가 문제가있는 모든 CS를 찾아 고칠 수 있다면 얼마나 좋을까요? 인터넷을 소중히 여기는 사람들로서 우리는 인터넷이
    JS 튜토리얼 990 2025-02-24 10:32:11
  • 커피 스크립트 수업
    커피 스크립트 수업
    핵심 포인트 JavaScript 자체는 그렇지 않지만 Coffeescript는 전통적인 클래스 시스템을 구현합니다. 이를 통해 초보자는 숙련 된 프로그래머를위한 프로토 타입의 유연성을 유지하면서 쉽게 이해할 수 있습니다. Coffeescript 클래스는 상속을 지원하여 부모 클래스의 속성과 방법을 자동으로 상속하는 서브 클래스를 생성 할 수 있습니다. 서브 클래스는 "상원 의원"및 "학생"서브 클래스의 "걱정"및 "이익"기능에 표시된 것처럼 부모 클래스 기능을 무시할 수 있습니다. Coffeescript는 편리하고 구문이 간결하지만 "::"AS "PR 사용을 포함하여 JavaScript를 구현하는 프로토 타입 시스템이 여전히 허용됩니다.
    JS 튜토리얼 710 2025-02-24 10:31:14
  • NetBeans 7.3의 새로운#x27;
    NetBeans 7.3의 새로운#x27;
    Visual Studio에서 Vim에 이르기까지 수년 동안 수많은 IDE와 텍스트 편집기를 사용했습니다. 대부분은 불필요한 기능으로 더 많은 것을 원하거나 부담을주었습니다. 메모장은 단순성과 사용자 정의 가능성에 대한 나의 노력으로 남아 있습니다. 역사적으로 HTML 편집자
    JS 튜토리얼 356 2025-02-24 10:29:10
  • 서버에 대한 이벤트를 사용하여 푸시 기술 구현
    서버에 대한 이벤트를 사용하여 푸시 기술 구현
    핵심 포인트 SSE (Server-Sent Events) API는 푸시 기술을 구현하며 데이터는 지속적인 열기 연결을 통해 클라이언트에게 스트리밍되어 새로운 연결을 반복적으로 설정하는 오버 헤드를 피합니다. 양방향 통신을 허용하는 WebSocket과 달리 SSE를 사용하면 서버가 클라이언트에게 메시지를 푸시 할 수 있습니다. 그러나 SSE에는 사용자 정의 메시지 유형 지원 및 자동 재 연결 및 연결이 끊김과 같은 특정 장점이 있습니다. 클라이언트는 명명 된 이벤트를 구현하여 이벤트 스트림의 다양한 이벤트 유형을 처리 할 수 ​​있습니다. 또한 EventSource의 OnError 이벤트 처리기는 오류를 처리하는 데 사용될 수 있으며 클라이언트는 언제든지 Close ()을 호출 할 수 있습니다.
    JS 튜토리얼 759 2025-02-24 10:28:12
  • 효과적인 JavaScript 모듈로드를 위해 JS가 필요합니다
    효과적인 JavaScript 모듈로드를 위해 JS가 필요합니다
    모듈 식 프로그래밍은 대규모 응용 프로그램을 작고 관리하기 쉬운 코드 블록으로 분류합니다. 모듈 기반 코딩은 유지 보수를 단순화하고 코드 재사성을 향상시킵니다. 그러나 관리 모듈 간의 종속성은 개발자가 애플리케이션 개발 프로세스 전반에 걸쳐 직면하는 주요 문제입니다. requirejs는 모듈 간의 종속성을 관리하는 데 가장 인기있는 프레임 워크 중 하나입니다. 이 튜토리얼은 모듈 식 코드의 요구 사항을 탐색하고 요구 사항이 어떻게 도움이 될 수 있는지 보여줍니다. 핵심 요점 requirejs는 JavaScript 모듈 간의 종속성을 관리하기위한 인기있는 프레임 워크로, 특히 대규모 프로젝트에서 코드의 속도와 품질을 향상시킵니다. 필요합니다
    JS 튜토리얼 593 2025-02-24 10:27:24
  • jQuery를 사용하여 상단으로 스크롤 (설정 시간 : 2 분)
    jQuery를 사용하여 상단으로 스크롤 (설정 시간 : 2 분)
    웹 사이트를 최상위로 다시 스크롤링 함수로 빠르게 만듭니다 (시간 설정 : 2 분) 이 안내서는 웹 사이트에서 Back to Top 기능을 설정하는 방법을 단계별로 안내합니다. 이 페이지를 아래로 스크롤하여 데모를보십시오. Scrollto 플러그인을 다운로드하고 포함하십시오. 이미지를 얻습니다 (화살표 또는 이와 유사). 다음 HTML 코드가 포함되어 있습니다. Window 스크롤을 캡처하고 이미지 표시를 처리하기 위해 다음 jQuery/JavaScript 코드를 포함합니다. 그렇게 간단합니다! HTML jQuery 이 jQuery 코드는 사용자가 아래로 스크롤 할 때 이미지를 표시하고 스크롤 할 때 이미지를 숨기고 이벤트를 클릭합니다. $ (Document). Ready (funct
    JS 튜토리얼 719 2025-02-24 10:26:09

도구 권장 사항

jQuery 기업 메시지 양식 연락처 코드

jQuery 기업 메시지 양식 연락처 코드는 간단하고 실용적인 기업 메시지 양식이자 문의 소개 페이지 코드입니다.
양식 버튼
2024-02-29

HTML5 MP3 뮤직 박스 재생 효과

HTML5 MP3 뮤직 박스 재생 특수 효과는 귀여운 뮤직 박스 이모티콘을 만들고 전환 버튼을 클릭하는 HTML5+css3 기반의 MP3 뮤직 플레이어입니다.

HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과

HTML5 멋진 입자 애니메이션 탐색 메뉴 효과는 탐색 메뉴를 마우스로 가리키면 색상이 변경되는 특수 효과입니다.
메뉴 탐색
2024-02-29

jQuery 시각적 양식 드래그 앤 드롭 편집 코드

jQuery 시각적 양식 드래그 앤 드롭 편집 코드는 jQuery 및 부트스트랩 프레임워크를 기반으로 하는 시각적 양식입니다.
양식 버튼
2024-02-29

유기농 과일 및 야채 공급업체 웹 템플릿 Bootstrap5

유기농 과일 및 채소 공급업체 웹 템플릿-Bootstrap5

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus
백엔드 템플릿
2023-02-02

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

간단한 이력서 정보 웹 템플릿 Bootstrap4

간단한 이력서 정보 웹 템플릿 Bootstrap4

귀여운 여름 요소 벡터 자료(EPS+PNG)

이것은 태양, 태양 모자, 코코넛 나무, 비키니, 비행기, 수박, 아이스크림, 아이스크림, 차가운 음료, 수영 반지, 슬리퍼, 파인애플, 소라, 조개, 불가사리, 게를 포함한 귀여운 여름 요소 벡터 자료입니다. , 레몬, 자외선 차단제, 선글라스 등 자료는 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공됩니다.
PNG 소재
2024-05-09

4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)

이것은 빨간색 2023년 졸업 배지 벡터 자료로, 총 4개이며 JPG 미리보기를 포함하여 AI, EPS 및 PNG 형식으로 사용할 수 있습니다.
PNG 소재
2024-02-29

노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)

노래하는 새와 꽃이 가득한 수레로 디자인된 봄 배너 벡터 자료입니다. JPG 미리보기를 포함하여 AI 및 EPS 형식으로 제공됩니다.
배너 그림
2024-02-29

황금 졸업 모자 벡터 자료(EPS+PNG)

이것은 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공되는 황금 졸업 모자 벡터 자료입니다.
PNG 소재
2024-02-27

가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿

가정 장식 청소 및 유지 관리 서비스 회사 웹 사이트 템플릿은 가정 장식, 청소, 유지 관리 및 기타 서비스 조직을 제공하는 홍보 웹 사이트에 적합한 웹 사이트 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

신선한 색상의 개인 이력서 가이드 페이지 템플릿

신선한 컬러 매칭 개인 구직 지원 이력서 가이드 페이지 템플릿은 신선한 컬러 매칭 스타일에 적합한 개인 구직 이력서 작업 표시 가이드 페이지 웹 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

디자이너 크리에이티브 작업 이력서 웹 템플릿

디자이너 크리에이티브 작업 이력서 웹 템플릿은 다양한 디자이너 직위에 적합한 개인 작업 이력서 표시를 위한 다운로드 가능한 웹 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

현대 엔지니어링 건설 회사 웹사이트 템플릿

현대 엔지니어링 및 건설 회사 웹 사이트 템플릿은 엔지니어링 및 건설 서비스 산업 홍보에 적합한 다운로드 가능한 웹 사이트 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.