웹사이트의 경우 머리글, 바닥글, 사용자 열 등과 같이 여러 페이지 간에 공유되는 모듈이 많이 있습니다. 백엔드 뷰 엔진이 있는 프레임워크의 경우 이러한 공유는 상대적으로 쉽게 추출할 수 있습니다. 예를 들어 asp.net mvc에는 통합 레이아웃 MasterPage, @Section 및 뷰 템플릿 기능을 공유할 수 있는 기타 기능이 있습니다. 하지만 H에게는
대화 상자(모달 상자 및 플로팅 레이어라고도 함)는 웹 프로젝트에서 사용자 상호 작용의 중요한 부분입니다. 우리가 가장 일반적으로 사용하는 것은 js에서 경고() 및 확인()입니다. 스타일을 맞춤 설정할 수 있으므로 개발 과정에서 일반적으로 자체 요구 사항에 따라 휠을 제작하거나 타사 휠을 사용합니다. 대화 상자
눈 깜짝할 사이에 두 달간 인턴을 하게 됐는데, 회사에서 매달 회원데이 행사를 하는군요. 이번 달의 과제는 가샤폰 기계 추첨 행사를 하는 것인데, 데이터 등이 있습니다. 프론트 엔드에 남았나요? 가장 큰 과제는 바로 가샤폰 기계의 애니메이션을 구현하는 것이었습니다. 배경은 인터넷에서 가샤폰 기계 애니메이션을 찾아서 신났는데, CSS를 사용하여 직접 애니메이션을 만든 것을 발견했습니다.
1. 적응형과 반응형의 차이점 적응형은 모든 터미널에 적용되는 템플릿 집합이지만 각 장치에 표시되는 레이아웃은 동일하며 일반적으로 너비 적응형이라고 합니다. 반응형 템플릿 세트는 모든 터미널에 적용되지만 각 장치에 표시되는 레이아웃은 다를 수 있습니다. 반응형/적응형 웹 디자인은 다양한 디바이스와 호환되기 위해 많은 작업이 필요하지만, 번거로운 코드와 긴 로딩 시간이 필요합니다.
예전에 MOOC에서 Canvas 영상을 몇 편 봤는데, 늘 글쓰기 연습을 하고 싶었어요. 저는 Snake가 비교적 단순하다고 생각합니다. 대학에 다닐 때에도 C 언어의 문자 버전을 작성했지만 여전히 많은 문제에 직면했습니다. 최종 효과는 다음과 같습니다. (사진이 너무 크면 시간이 너무 오래 걸립니다. gif 녹화 소프트웨어에는 시간 제한이 있습니다...) 먼저 게임 영역을 정의합니다. 뱀
오늘날에는 iPhone 시리즈는 물론이고 수많은 종류의 휴대폰이 있고 Android 휴대폰의 종류도 셀 수 없이 많기 때문에 모든 휴대폰에 대해 일련의 레이아웃 스타일을 작성하는 것은 불가능하지만 프런트엔드의 경우에도 마찬가지입니다. 점점 더 우수성을 위해 노력하고 있는 것은 물론 합리적인 해결책을 찾기 위함이라고 합니다. rem은 적응형 레이아웃에 사용됩니다. 달성을 위한 적응
때로는 프런트엔드 싱글 로그인과 같은 어리석은 요구 사항이 발생할 수도 있습니다. 필요한 경우 솔루션을 생각해야 합니다. 여기에서는 postMessage 도메인 간 정보 전송 및 스토리지 모니터링을 사용하는 간단한 프런트 엔드 단일 로그인 솔루션을 제공합니다. 이 기사에서 사용된 지식 포인트는 Koa의 정적 리소스 서비스 설정, 크로스 도메인, p입니다.
지난번에 우리는 localStorage에 이미지와 파일을 저장하는 방법에 대해 썼는데, 그것은 오늘날 우리가 사용할 수 있는 실용주의에 관한 것이었습니다. 그러나 localStorage는 성능에 몇 가지 영향을 미칩니다. 이에 대해서는 이후 블로그에서 논의할 예정이며, 앞으로 원하는 접근 방식은 IndexedDB를 사용하는 것입니다.
최근 프로젝트를 진행하면서 사진 콜라주 기능을 접하게 되었는데, 여기에 캡슐화된 캔버스 콜라주 기능을 공유하겠습니다. 궁금한 점이 있거나 더 나은 방법이 있으면 저에게 개인적으로 채팅을 하셔도 됩니다. 또는 구현 아이디어에 감사하다는 댓글이 있었습니다. 실제로는 매우 간단합니다. 주로 서버를 통해 이미지 링크, 이미지 너비 및 이미지 높이를 얻습니다.
최근 프로젝트에서는 작은 픽셀 격자를 지울 수 있고, 프레임 선택의 색상을 변경하며, 다양한 그래픽을 지울 수 있는 픽셀 스타일의 드로잉 보드를 구현하고 싶습니다. 이러한 작은 프로젝트는 단순해 보일 수 있지만 많은 내용을 포함하고 있습니다. 것들. 픽셀 그리드를 그리려면 먼저 픽셀 그리드 하위 클래스 Pixel = function (option) { this를 정의합니다.
최근에 저는 외부 네이티브 및 내부 webview 중첩 H5 페이지가 있는 하이브리드 개발인 webapp 프로젝트를 진행했습니다. 프론트엔드는 vue를 사용하여 개발하고, Adaptive는flexible+rem을 사용하여 만들어졌습니다. 원래는 모든 것이 괜찮았지만, 리더는 고객 중 일부가 나이가 많아 글꼴을 명확하게 볼 수 없다고 말했습니다. 그는 웹 글꼴이 시스템을 따르기를 바랐습니다.
모바일 브라우저가 현재 페이지를 스크롤할 때(그리고 페이지를 확대/축소할 수도 있음) 기본 동작이 차단되어 페이지가 강제로 정지 상태로 유지되므로 사용자 경험이 저하되고 페이지를 스크롤할 때 일시 중지되는 느낌이 들게 됩니다. 좀 더 구체적인 설명: touchstart 이벤트 객체의 cancelable 속성이 true이므로, 즉 기본값입니다.
