1.
Learning the front end of the first day
2.
The front page entirely done
http://2014.artsy.net/
https://codepen.io/Yakudoo/full/rJjOJx
https://codepen.io/pissang/full/geajpX
https://codepen.io/tsuhre/full/BYbjyg
HTTPS : //wangyasai.github.io/Stars-Emmision/
https://pissang.github.io/papercut-box-art/
https://demo.marpi.pl/biomes/
https://pissang.github.io / voxelize-Image /
http://echarts.baidu.com/examples/index.html#chart-type-globe
https://tympanus.net/Development/AudioVisualizers/ (headphones recommended)
3.
We must first understand what a front-end, the following is to understand the basic concepts
Web station technology, what HTML, HTML5, XHTML, CSS, SQL, JavaScript, PHP, ASP.NET, Web Services that?
https://www.zhihu.com/question/22689579
W3School HTML tutorial
http://www.w3school.com.cn/html/index.asp
W3School of HTML5 tutorial
http://www.w3school.com.cn/ html5 / index.asp
the MDN Web development portal
https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web
4.
AJAX (Asynchronous Javascript And XML)
xml is the Extensible Markup Language, commonly used for transmission and storage of data, both generally recognized a need for a similar format as well as between JSON. front end server and the data transfer and storage. .xml / json or other data storage format specifies the format of the content, using the data in both formats simply follow a predetermined writing / reading the content to complete the data transfer and storage. json to an example, the basic format is : {Subject:}, according to this format, the content needs to read back from json file, such as {I title: I is to be read out} content and format according to a distal tip through the js these and other language content can be parsed. The front of some configuration information, such as user login name, gender, background pages and other information can be temporarily stored in xml / json file required to read at any time. The front-end server may also require background data content to xml / json of format sent to the front end, the purpose of data exchange.
Asynchronous JavaScript and XML This is not a new technology, but to use the existing js / css / xml technology to achieve the effect of front-end data up to date. For users, the front page is to click the refresh button or F5 to refresh the page to achieve page refresh content. There are a lot of people do not even know the concept ...... page refresh page refresh page from the new goal is to get the data from the server, usually for a long time did not update the data in the page, as to how long count long, inconclusive, a few minutes, half an hour , n h can be said for a long time. For example, a list of news portal, may within one hour, the back-end server has been added a lot of new news article, the front end can refresh, get the latest news from the new show on the page. Again, the text on the page live NBA basketball game, probably back-end server every few seconds will have a new dynamic, requires the user to continuously refresh the content of the page to get the latest developments. The above method is to manually refresh the entire page to refresh content, for the above needs, obviously unreasonable, AJAX is to achieve the effect of automatic updating need to refresh the data. The basic idea is the front end and back-end js continue communication, timely access to information about a change in the front part of the data, automatic data acquisition and timely updates, so users do not need to refresh the page to page to keep up to date data. For example, game characters live, real-time stock information.
5
summary
2020--4-9 21:35 two hours when using
only seen those English words are not aware of what it means before or server framework or language
have a general understanding today, the first day of the basis of comparison is relatively simple