HTML,CSS,javaScript, Ajax,Json,Python爬虫需要了解的前端知识

1、HTML是编写网页的主体:

       HTML,Hypertext Markup Language超文本标记语言是用于创建web页面和web应用程序的标准标记语言。HTML在语义上描述了web页面的结构,并且包含了文档外观最初的线索。HTML提供了一种方法来创建结构化文档,方法是为文本的结构语义,如标题、段落、列表、链接、引号和其他条目。HTML元素由标签来描述,用尖括号来写,基本网页结构用HTML来表示如下:

<!DOCTYPE html>
<html>
  <head>
    <title>This is a title</title>
  </head>
  <body>
    <p>Hello world!</p>
  </body>
</html>

 

2、CSS相当于装饰品

       它包含定义了内容的外观和布局,Cascading Style Sheet(CSS),层叠样式表是一种样式表语言,用于描述用HTML等标记语言编写的文档的表示。CSS是万维网的三大基础技术之一。CSS的设计目的是实现表示和内容的分离,包括布局、颜色和字体。具有灵活性,使多个web页面通过一个单独的.CSS文件可以指定相关的CSS来共享格式,并减少结构内容中的复杂性和重复性。举个例子,<style>尖框中的style都是CSS的运用

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
    #xyz { color: blue; }
    </style>
  </head>
  <body>
    <p id="xyz" style="color: green;"> To demonstrate specificity </p>
  </body>
</html>

 

 

3、JavaScript作为动态脚本语言

       JavaScript通常缩写为JS,是一种高级的解释编程语言。它是一种被描述为动态的、弱类型的、基于原型的和多范式的语言。它会影响web页面的行为和内容。除了HTML、CSS,JavaScript是万维网的三大核心技术之一。JavaScript支持交互式web页面,因此是web应用程序的重要部分。绝大多数的网站都在使用它。JavaScript常见格式

<script type="text/javascript">
        document.write("Hello World!"); 
</script>

 

4、Ajax是种技术:

       直白的说,就是没用AJAX的网页,你点一个按钮就要刷新一下页面,尽管新页面上只有一行字和当前页不一样,但你还是要无聊的等待页面刷新。用了AJAX之后,你点击,然后页面上的一行字就变化了,页面本身不用刷。AJAX只是一种技术,不是某种具体的东西。全称是Asynchronous javascript and XML,翻译过来就是异步+JavaScript+XML。所谓异步,就是向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果我们可以再来处理这个事。XML只是一种数据格式,现在大部分人其实是用JSON这种格式化的数据可以使我们有条理的去实现更新。因为简洁,解析速度也很快。总结:只要是JS调用异步通讯组件并使用格式化的数据来更新web页面上的内容或操作过程,那么我们用的方法就可算是AJAX

 

5、Json一种轻量级语言

       关于计算机,JavaScript Object Notation或者说JSON是一种开放标准的文件格式,它使用人类可读的文本来传输由属性-----值对和阵列数据类型组成的数据对象。JSON是一种独立于语言的数据格式。它来自于JavaScript,许多编程语言都包含生成和解析json格式数据的代码。JSON文件名使用拓展名JSON。JSON是用JavaScript语法来表示数据的一种轻量级语言。下面的例子展示了描述一个人时的可能用到的JSON表示:

{
  "firstName": "John",
  "lastName": "Smith",
  "isAlive": true,
  "age": 27,
  "address": {
    "streetAddress": "21 2nd Street",
    "city": "New York",
    "state": "NY",
    "postalCode": "10021-3100"
  },
  "phoneNumbers": [
    {
      "type": "home",
      "number": "212 555-1234"
    },
    {
      "type": "office",
      "number": "646 555-4567"
    },
    {
      "type": "mobile",
      "number": "123 456-7890"
    }
  ],
  "children": [],
  "spouse": null
}

用json格式化阅读器查看更清晰: 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章