[프론트엔드 취업 필독] 프론트엔드 개발 면접 질문과 답변_개요

프론트엔드 개발 인터뷰 지식 포인트 개요: 1. HTML&CSS: 웹 표준, 브라우저 커널 차이점, 호환성, 해킹, 기본 CSS 기술 이해: 레이아웃, 상자 모델, 선택기 우선 순위 및 사용, HTML5, CSS3, 모바일 터미널 적응 2. 자바스크립트: 데이터 유형, 객체 지향, 상속, 클로저, 플러그인, 범위, 도메인 간, 프로토타입 체인, 모듈화, 자동

天蓬老师 2017-11-13 12:02:37 1  3  1618

javascript - 웹사이트 로드 속도가 느림

http://cqwind.chinacloudapp.c... 이 웹사이트의 로딩 속도가 매우 느립니다. 변경해야 할 큰 그림이 변경되었습니다(아직 웹페이지가 이전 버전임). 인터페이스 하나는 5개의 데이터를 수신해야 합니다. 이 5개의 데이터는 데이터베이스의 서로 다른 테이블에 있을 수 있습니다.

怪我咯 2017-06-12 09:25:45 0  4  924

2018년 9월 20일 교육 과정 미리보기: 부트스트랩 프레임워크 기초 및 실습

1. 교육 주제: Bootstrap 프레임워크 기본 및 실습 Bootstrap은 반응형 레이아웃, 모바일 장치 우선 웹 프로젝트를 개발하는 데 사용되는 가장 널리 사용되는 HTML, CSS 및 JS 프레임워크입니다. Bootstrap은 모든 개발자와 모든 애플리케이션 시나리오를 위해 설계되어 프런트 엔드 개발을 더 빠르고 간단하게 만듭니다. 부트스트랩에 대해 더 자세히 알고 싶으시다면 오늘 밤 라이브 수업에 시간 맞춰 집중해주세요! 강사 : Peter Zhu 2. 수업 시간 : 20:00 ~ 22:00 3. 수업

藏色散人 2018-09-20 10:43:11 0  0  1463

nginx - 서버 로드 밸런싱 및 고가용성에 대한 질문

서버 고가용성에 대한 몇 가지 질문에 답변해 주세요! 예를 들어 중간 서버로 ngnix를 사용하고 로드 밸런싱을 위해 리버스 프록시 웹 서버(tomcat)를 사용한다면 고가용성으로 간주되나요? 그러다가 ngnix가 끊길까봐 걱정해서 고가용성을 구현하기 위해 미들웨어로 lvs+keepalived를 사용했는데, lvs도 끊길 수도 있을 것 같은데...

漂亮男人 2017-06-29 10:09:13 0  2  1105

화면의 어떤 것도 중앙 정렬할 수 없습니다.

CSS를 사용하여 HTML에서 반응형 탐색 모음을 만드는 방법에 대한 YouTube 튜토리얼을 따르고 있습니다. 화면 중앙에 텍스트를 추가하려고 시도하고 화면 왼쪽에 나타날 때까지 모든 것이 잘 진행되고 있습니다(해당되는 경우에만). 창 해상도가 너비 952px보다 높습니다.) 저는 CSS를 처음 접했고 수정하려는 모든 것이 작동하지 않는 것 같습니다. 코드는 다음과 같습니다. *{padding:0;margin:0;text-꾸밈:none;list-style:none;box-sizing:border-box;

P粉136356287 2024-04-01 11:51:40 0  2  463

다시 작성된 제목은 다음과 같습니다. Tailwind CSS를 사용하여 높이 조절이 가능한 애니메이션 드롭다운 메뉴를 만들려면 어떻게 해야 합니까?

저는 사이드 프로젝트로 Tailwindcss, React 및 Next.js를 사용하고 있습니다. 화면 크기가 tailwind에서 정의한 "sm" 크기에 도달하면 햄버거 메뉴를 표시하는 반응형 탐색 모음을 만들려고 합니다. 햄버거 아이콘을 클릭하면 메뉴가 높이 0에서 max-h-40으로 전환되기를 원합니다. 아래 코드에서 사소한 것이 빠진 것 같습니다. 이 코드를 보는 다른 사람들이 제가 놓친 부분을 알 수 있기를 바랍니다. navbar.tsx"useclient";importI

P粉667649253 2024-02-17 11:54:04 0  1  566

CSS 그리드 레이아웃 정사각형 셀

CSSGrid-Layout을 기반으로 대시보드 같은 뷰를 만들고 싶습니다. 나는 화면의 전체 길이에 걸쳐 16개의 열을 펼치고 싶습니다(반응성이 있어야 함). 그런 다음 셀을 정사각형으로 만들기 위해 셀의 높이를 셀의 너비에 따라 결정해야 합니다. 문제는 일부 셀이 여러 셀에 걸쳐 있기를 원한다는 것입니다. 예를 들어, 2x1 셀을 차지하는 요소를 원합니다. 그래서 기본 그리드 레이아웃이 있습니다. .grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32 0  1  520

WooCommerce 회원 쿼리 속도를 향상시키는 팁: MySQL 인덱스 최적화

Teams for WooCommerce 멤버십 확장을 사용하는 WooCommerce 멤버십 기반 웹사이트가 있습니다. 거대한 사용자 기반(70,000명 이상의 사용자)을 보유하고 있음에도 불구하고 95%의 시간 동안 매우 우수한 성능을 발휘합니다. 우리는 하루에 약 10,000명의 방문을 받고 있으며 응답 시간은 1초 미만입니다. 사용자가 교육을 완료해야 하는 성수기에는 캐시되지 않은 동시 요청 로드로 인해 웹 사이트가 중단될 수 있습니다. QueryMonitor 도구를 사용하여 한 쿼리가 우리의 관심을 끌었습니다: 0.0375초(...

P粉333186285 2023-08-26 11:09:08 0  1  644

마지막 행에 항상 최소 2개의 항목이 있도록 항목을 포장하는 방법은 무엇입니까?

이미지 질문 물론 제 고객은 반응형 방식으로 자신의 웹사이트에 차량 목록을 올리기를 원합니다. 그러나 알려진 모든 기술(Flex, Grid)은 마지막 항목을 다음 행으로 래핑합니다. 내가 사진으로 하려고 했던 것은 영웅에게는 매우 추악한 일이었습니다. 클라이언트는 다음을 원합니다. 행당 최대 5개 항목 행당 최소 2개 항목 까다로운 부분은 항목 수가 동적이어야 한다는 것입니다. 일반적으로 자동차 4~6대 사이에서 다음과 같이 마지막 두 항목을 선택할 수 있다는 것을 알고 있습니다.item:nth-last-child(-n+2){ord...

P粉023650014 2023-09-11 16:49:22 0  1  671

이미지를 자르고 이동합니다. 그리드 레이아웃

이미지를 올바른 위치에 놓고 위쪽과 아래쪽을 자르는 데 어려움을 겪고 있습니다. 다음은 다음과 같습니다(영웅 부분): https://www.behance.net/gallery/161732057/CozyMornings-online-store 전체 프로젝트는 그리드 위에 구축됩니다. 컨테이너보다 크고 왼쪽으로 이동하고 위쪽과 아래쪽이 잘린 원형 이미지가 필요합니다. 게다가 반응성이 좋아야 합니다. 패키지에 이미지를 넣으려고 합니다. 이 래퍼에 상대 위치를 지정하고 오버플로를 숨깁니다. 이것은 아니다

P粉548512637 2023-09-15 19:18:46 0  1  643

가변 열에 반응형 블록 배치

머리글, 보드, 바닥글이 있는 게임 웹사이트가 있습니다. 뷰포트 안에 들어가려면 세 개가 모두 필요합니다. 이를 달성하려면 보드가 더 작아야 합니다. 축소가 내가 겪고 있는 문제입니다. 너비는 반응적으로 얻을 수 있었지만 높이는 제한적으로 얻을 수 없었습니다. 보드는 정사각형을 유지하고 사용되지 않는 공간을 차지하거나 넘침을 방지하기 위해 축소되어야 합니다. 아래 내용에 따라 뭔가를 하고 있는데 보드가 부모의 키를 초과하게 됩니다. 실제 코드에서는 줄 바꿈으로 인해 헤더 높이를 알 수 없습니다. 바닥글에는 다양한 양의 텍스트가 있습...

P粉545682500 2023-09-03 19:51:51 0  2  618

Bootstrap 5의 탐색 모음 드롭다운 메뉴(축소)에 기능적 문제가 있습니다.

Bootstrap5를 사용하여 반응형 메뉴나 드롭다운 버튼을 만드는 동안 문제가 발생했습니다. 모든 것이 괜찮은 것 같습니다. 탐색 아이콘과 드롭다운 아이콘이 모두 표시됩니다. 그러나 그들은 작동하지 않습니다. 탐색 아이콘이나 드롭다운 버튼을 클릭하면 드롭다운 메뉴가 나타나지 않습니다. jquery 파일도 포함했다는 점을 구체적으로 언급하고 싶습니다. 그러나 그것은 작동하지 않았습니다. 누군가 여기서 무슨 일이 일어나고 있는지 말해 줄 수 있습니까? 마지막으로 mr-auto, ml-auto 등과 같은 다른 부트스트랩 클래스를 사용하...

P粉322319601 2023-08-22 20:42:45 0  1  765

핸들바를 사용하여 배열을 반복할 때 반응형 Flex 속성 유지

다음 코드가 있습니다(JSFiddle의 작업 코드인 핸들바 사용). <divclass="cards-container">{{#eachthis.cards}}<divclass="card-containercontainer-col-innercol-12col-md-6col- lg-3"><divclass=&quo

P粉098417223 2023-09-02 23:45:35 0  1  573

앱을 배포할 때 앱 높은 방어 서버가 선호되는 이유는 무엇입니까?

HTML5 코드가 성숙해지면서 앱 서버를 구축하는 사용자가 늘어나고 있습니다. 앱은 모바일 기기에 공통 자료와 캐시를 설치한 후 서버의 콘텐츠를 읽기 때문에 모바일 웹사이트보다 로딩 속도가 빠르고 사용자 끈적임이 있습니다. 또한 상대적으로 강력하므로 구성 선택이 기존 웹 서버와 다릅니다. 그렇다면 앱 서버를 배포하는 방법은 무엇입니까? 배포 시 앱 높은 방어 서버를 선택해야 하는 이유는 무엇입니까? 여기서 170yun 편집자는 다음과 같이 설명합니다. 1. 회선: 모바일 APP 서버를 선택할 때 사용자가 사용하는 휴대폰을 고려해야 ...

纵横数据** 2020-03-16 14:46:27 0  0  1214

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  895

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  778

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  656

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  626

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  1047

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  532