Software Architecture
C / S structure
concept:
C refers to the Client , the client, the client, for users
S means the server logic, server, processing software
For example: QQ , Office and other software
Features:
Users need to install client software, through the Client Access server
When software updates, server and clients need to be updated
C / S architecture can not be a cross-platform software
The client and server communication protocol using the free, relatively safe
B / S structure
concept:
B refers to the brower, browser, can be seen as a special client
For example: the official website Jingdong, know almost net official
Features:
Users access the server through a browser to access the web form
Only need to update server
Cross-platform (only system with a browser)
The client and server communicate using a common HTTP protocol, relatively insecure ( HTTPS than http safer site)
Website is to return a series of documents in accessing the server, the server, the client (browser) to receive and parse the results presented to the user
You can use python development services side, the html and other documents sent to the user via the network
Full stack development
Development Process
Learning Path recommendation
| HTML |
structure |
With elements describing the page |
| CSS |
which performed |
Setting an element's style |
| JS |
behavior |
The user operation |
Related organizations
The W3C ( world WID Web Consortium , World Wide Web Consortium)
To define a special web page set up by the relevant standards
WHATWG (Web Hypertext Application Technology Working Group)
A network to promote the HTML5 standards organization established for the purpose of
Coding problems
Ary
Binary
Octal
Decimal
Hex: . 1 .. 2. 4. 3. 11. 9 ABCD .. 12 is F.
coding
According to certain rules, the character into a binary ( 01 ) in the process
decoding
According to certain rules, the binary code into the process of character
character set
Concept: Rules for encoding and decoding is followed by the character set
Common Character Set
ASCII , American-made, 7 -bit binary number, 128 -character encoding
8859-1-ISO , European-made, 8 -bit binary number
GBK , Chinese Internal Code Specification upward support ISO 10646.1 international standards, downwardly GB 2312 compatible encoding
GB2312 , the default encoding information exchange with Chinese character coded character set, Chinese system
Unicode , two bytes ( 16 represented by a character, the original binary) the ASCII code zero padding high
8-UTF , UTF ( Unicode Transformation the Format ) a resolve Unicode space high up zero caused by enlargement. Unicode support global text
ANSI refers to the automatic default coding system to save the file
Simplified Chinese Windows operating systems, ANSI coded representation of GBK coding;
In Traditional Chinese Windows operating systems, ANSI coding representatives Big5 ;
In the Japanese Windows operating system, ANSI coded representation of Shift_JIS encoding
Garbled
root cause:
Encoding and decoding of the character set used inconsistent
In the browser Chinese system, used by default GB2312 decode
Solution
Using a uniform set of characters
For example, in html settings < Meta charset = "UTF-. 8" />
development tools
text editor
notebook
Notepad++
IDE Integrated Development Environment
Dreamweaver (surcharge)
WebStorm (surcharge)
HBuilder
Photoshop
hot key
| Set the scale and character in pixels |
Edit - Preferences - Units & Rulers |
| Staff |
Ctrl + 2 |
| Enlargement / reduction |
Alt + pulley |
| 100% size |
Ctrl + 1 |
| Fit to Screen |
0 + Ctrl (zero) |
| View information |
F8 |
| Hide / View guides |
Ctrl + H |
| Continuous withdrawal |
Ctrl + Alt + Z |
Production Sprite diagram (picture integration technology)
ps adjust the size of the canvas extension direction; dragged to the canvas element; save as web format used, usually PNG ;
Can be used in the picture, logo were placed in a sprite map
Pictures of integration technology is applicable to the background image on the img element is not available
Screenshot skills
ps hold down the alt , click on the layer of the eye, can only see the picture on that layer, then cut
Three-dimensional effect of the image, and then ps will leave its shaded png
For background gradient, intercept 1px , image - cut - is stored as a web format used, the background-image repeatedly, the gradient effect achieved
Taken difficult logo , mobile tools, automatically select the selected layer, and then the auxiliary line taken logo . logo generally transparent background, so intercept logo , the background hidden, shown as transparent background and then saved as a web format used