DAY 1

1 core technology

page

Mall Home
Sign in
Mall Product Station
Mall details
shopping cart
Order Confirmation
Order payment (WeChat/Alipay)
Order list
component
NavHeader (navigation component)
NavFooter (bottom component)
ServiceBar (service bar component)
ProductParam (product parameter component)
OrderHeader (Order header component)
Loading (loading components)
Model (bullet component)
NoData (No data component)
ScanPayCode (payment component)
technology stack
Node environment installation Omit
Git installation Omit
Git configuration
git config -list View the current git configuration
git config -global user.name "hello" Set the current user name to xxx and configure it globally
git config -global user.email “[email protected]” Set the current mailbox to xxx, and it is global configuration
git config -global credential.helper store set up credential, help vscode remember account password
ssh-keygen -t rsa -C "[email protected]" Configure the public key, put the public key on the server, and put the private key on the local to
build a warehouse- git clone http://xxxx

slightly

Cross-domain is a restriction strategy made by browsers for security
Browser requests must follow the same-origin policy: same domain name, same port, and same protocol

Three cross-domain methods

CORS cross-domain
server settings, direct call from the front-end
Description: The back-end allows access to a certain front-end site
JSONP cross-domain
front - end adaptation, back - end cooperation
Note: simultaneous transformation of front - end and back - end
Agent cross-domain
front - end adaptation, back - end cooperation
Note: simultaneous transformation of front - end and back - end

Demand combing

Familiar with documents, view prototypes, understand requirements
Understand the front-end design draft-design front-end business architecture
Understand the back-end interface documentation-formulate relevant docking specifications
Coordinate resources
Build front-end architecture