前端页面第一次学习

1.学习前端的第一天
用时:3小时 学习内容:零基础学院-第一天 学习目标:完成 2.完全用前端做的网页 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/(推荐戴耳机)
3.首先要理解什么是前端 ,下面是基本概念的理解
Web 建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么? https://www.zhihu.com/question/22689579 W3School的HTML教程 http://www.w3school.com.cn/html/index.asp W3School的HTML5教程 http://www.w3school.com.cn/html5/index.asp MDN Web开发入门 https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web
4.AJAX (Asynchronous Javascript And XML)
xml是可扩展标记语言,通常用于传输和储存数据,相似的还有json.前端和服务器之间通常需要一种双方都认可的格式进行数据的传递和存储。 .xml/json或其他格式指定了数据内容的存储格式,使用该数据的双方只需按照规定的格式写入/读出内容即可完成数据的传输和存储.以json为例,其基本格式为:{标题:内容},根据这个格式,后台从json文件中读出需要的内容,例如{我是标题:我是要被读出的内容},并按照这种格式发送给前端,前端通过js等语言对这些内容进行解析即可。前端的一些配置信息,如用户登录名称、性别、网页底色等信息都可以暂存在xml/json文件中,根据需要随时读取. 服务器后台也可将前端需要的数据内容,以xml/json的格式发送给前端,达到数据交互的目的。 异步JavaScript和XML这不是一个全新的技术,而是利用已有的js/css/xml等技术达到前端数据及时更新的效果.对用户而言,前端页面的刷新就是点击页面刷新按钮 或者F5实现页面内容的刷新。甚至有很多人不知道页面刷新这个概念…… 页面刷新的目的是让页面从新从服务器获取数据,通常是在页面长时间未更新数据,至于多长时间算长,没有定论,几分钟、半小时、n小时都可以说是长时间。例如,门户网站的新闻列表,可能1个小时之内,服务器后台已增加了很多条新的新闻,前端可以通过刷新,从新获取最新的新闻展示在页面上。 再如,网页文字直播NBA篮球比赛,可能后台服务器每几秒就会有一条新的动态,需要用户连续刷新页面内容来获取最新动态。以上的刷新方法是用户手动对整个页面内容进行刷新,针对以上的需求,明显是不合理的,AJAX就是实现了自动更新需要刷新的数据的效果。其基本思路是前端js与后台不断通讯,及时获取前端某部分数据的变化信息,及时进行自动数据获取更新,使用户无需刷新网页即可保持页面数据最新的状态。例如,球赛文字直播、股票实时信息等。
5.小结
重新安装学习Git了解了Codepen(虽然是国外的软件全英文好多都看不懂) 进一步加深了对前端的了解才知道之前学习的HTML+CSS+Javascript是很基础的东西 了解了AJAX
欢迎下方留言一起学习
原文地址:https://www.cnblogs.com/xing--/p/12669813.html