소프트웨어 아키텍처
C / S 구조
개념 :
C는 받는 사람을 의미 클라이언트 사용자, 클라이언트, 클라이언트,
S는 수단 서버 로직, 서버 처리 소프트웨어
예를 들면 : QQ , 사무실 및 기타 소프트웨어
특징 :
사용자는 클라이언트 액세스 서버를 통해 클라이언트 소프트웨어를 설치해야
소프트웨어 업데이트, 서버와 클라이언트를 업데이트해야하는 경우
C / S의 아키텍처는 크로스 플랫폼 소프트웨어가 될 수 없습니다
상대적으로 안전, 자유를 사용하여 클라이언트와 서버 통신 프로토콜
B / S 구조
개념 :
B가 받는 의미 브라 우어, 브라우저, 특별한 클라이언트로 볼 수있다
예를 들어 : 공식 웹 사이트 Jingdong, 거의 그물 공식을 알고
특징 :
사용자는 웹 양식에 액세스하기 위해 브라우저를 통해 서버에 액세스
전용 서버를 업데이트해야
크로스 플랫폼 (브라우저 만 시스템)
클라이언트와 서버가 공통 사용하여 통신 HTTP의 프로토콜을, 상대적으로 안전하지 않은 ( HTTPS 이상의 HTTP 안전한 사이트)
웹 사이트는 받아 사용자에게 표시 결과를 분석하기 위해 서버, 서버, 클라이언트 (브라우저) 액세스하는 일련의 문서를 반환하는 것입니다
당신은 파이썬 개발 서비스 측의 HTML과 네트워크를 통해 사용자에게 전송 다른 문서를 사용할 수 있습니다
전체 스택 개발
개발 프로세스
경로 추천 학습
HTML |
구조 |
페이지 기술 요소 |
CSS |
표시 |
요소의 스타일 설정 |
JS |
행동 |
사용자 작업 |
관련 단체
W3C의 ( 세계 WID 웹 컨소시엄 , 월드 와이드 웹 컨소시엄)
관련 표준에 의해 설정 특별한 웹 페이지를 정의하려면
WHATWG (웹 하이퍼 텍스트 응용 기술 워킹 그룹)
네트워크는 HTML5의 촉진 을 목적으로 설립 된 표준 조직
문제를 코딩
아리
진
팔 진법
소수
진수 : . ... 1 2 3 4 11 9 ABCD ... 12이다 F.
코딩
특정 규칙에 따르면, 바이너리 (에 문자 01 과정에서)
디코딩
캐릭터의 과정에 특정 규칙에 따르면, 바이너리 코드
문자 집합
개념 : 인코딩 및 디코딩을위한 규칙은 문자 세트 이어진다
일반적인 문자 세트
ASCII , 미국 제, 7 비트 이진수, (128) - CHARACTER 인코딩
8859-1-ISO , 유럽 만든, 8 진수를 비트
GBK , 중국어 내부 코드 사양 상향 지원 ISO 10646.1 국제 표준, 하향 GB 2312 호환 인코딩
GB2312 , 중국어 문자 코드화 된 문자 세트와 기본 인코딩 정보 교환, 중국어 시스템
유니 (두 바이트의 16 문자, 일본어 진수로 표시) 아스키 제로 패딩 높은 코드
UTF-8 , UTF ( 유니 코드 포맷 변환 )을 해결 유니 확대로 인한 높은 제로 업 공간. 유니 코드 지원 전역 텍스트
ANSI 파일을 저장하기 위해 자동으로 기본 코딩 시스템을 말한다
중국어 간체, 중국어 윈도우 운영 체제, ANSI 의 코딩 표현 GBK 코딩;
중국어 번체에서 윈도우 운영 체제, ANSI는 대표에게 코딩 된 Big5를 ;
일본에서 의 Windows 운영 체제, ANSI 의 표현 코딩 은 Shift_JIS의 인코딩을
왜곡
근본 원인 :
인코딩 및 문자 세트의 복호 일관성 사용
브라우저 중국어 시스템에서 기본으로 사용 GB2312의 디코드
솔루션
문자의 균일 한 세트를 사용하여
예를 들면, HTML의 설정 < 메타 캐릭터 = "UTF-. 8" />
개발 도구
텍스트 편집기
메모장
메모장 ++
IDE 통합 개발 환경
드림위버 (추가 요금)
WebStorm (추가 요금)
HBuilder
포토샵
바로 가기
픽셀 규모와 문자를 설정합니다 |
편집 - 환경 설정 - 단위 및 자 |
직원 |
Ctrl 키 + 2 |
확대 / 축소 |
Alt + 풀리 |
100 %의 크기 |
Ctrl 키 + 1 |
화면에 맞추기 |
Ctrl 키 + 0 (영) |
정보보기 |
F8 |
숨기기 /보기 가이드 |
Ctrl 키 + H |
연속 철수 |
Ctrl + Alt + Z |
생산 스프라이트 다이어그램 (그림 통합 기술)
PS 캔버스 요소에 드래그; 캔버스 연장 방향의 크기를 조정으로 저장 웹 , 일반적으로 사용되는 형식 PNG ;
그림에서 사용할 수 있습니다, 로고 에 넣고 스프라이트 지도
통합 기술의 사진은에 배경 이미지 적용 의 img 요소를 사용할 수 없습니다
스크린 샷 기술
PS 홀드 다운 고도를 절단 한 후, 해당 레이어의 사진을 볼 수 있습니다, 눈의 레이어를 클릭,
입체 영상의 효과, 그리고 PS는 그 음영 떠나 PNG를
배경 그라데이션 인터셉트 들어 1 픽셀 이미지 - 컷 - A와 저장된 웹 사용 형태의 배경 화상 을 반복해서 얻어지는 그라데이션 효과
어려운 촬영 로고 , 모바일 도구를 자동으로 선택된 레이어를 선택하고 보조 라인은 촬영 로고 . 로고 일반적으로 투명한 배경, 가로 챌 수 있도록 로고 , 숨겨진 배경, 투명 배경으로 표시하고 저장된으로 웹 형식이 사용