第4讲：前端基础速成_第1页
第4讲：前端基础速成_第2页
第4讲：前端基础速成_第3页
第4讲：前端基础速成_第4页
第4讲：前端基础速成_第5页
已阅读5页，还剩13页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

趣学Python爬虫前端基础速成本课目录INDEX前端的构成前端三剑客Html

CSS

Javascript浏览器（Chrome）的使用前端的构成和基本原理浏览器（解释器）Python解释器forxin

range(10):print(x)print(‘Hello

world’)HTMLCSSJavascript层叠样式表动态脚本语言<p>hello

world</p>超文本标记语言p

{font-family:"TimesNewRoman";font-size:

20px;}document.getElementById("demo").innerHTML="Hello

World";原生JS$(”#demo").text("Hello

World")Jquery（原生JS封装，类似Py的random）前端的构成和基本原理HTMLCSSJavascript超文本标记语言HMTL决定了高矮胖瘦层叠样式表CSS决定了颜值动态脚本语言Js决定了能力布局样式逻辑前端三剑客Html

CSS

Javascript只有HTML的页面<!DOCTYPE

html><html

lang="en"><head><meta

charset="UTF-8"><title> </title></head><body><h1>我是一只没有颜色的小万军</h1><h2>我喜喜欢学习Python</h2><p>目前正在学习爬虫..

</p><img

src="logoGrey.png"></body></html>有了CSS的页面<!DOCTYPEhtml><html

lang=“en”><head><meta

charset=“UTF-8”><title>小万君</title><style>h1{color:red;}.msg

{color:blue;}#msg_1{color:green;}</style></head><body><h1>Hello

Welcome！</h1><h1>我是一只没有颜色的小万军</h1><h2

class=“msg”>我喜喜欢学习Python</h2><h2

class=“msg”>我喜喜欢学习Python</h2><p

id=‘msg_1’>目前正在学习爬虫...</p><imgid='img_logo'style="width:100px"

src="logoGrey.png"></body></html>看着是不是稍微好一点点了？前端三剑客HtmlCSS

Javascript前端三剑客HtmlCSS

Javascript有了Javascript的页面就有了功能（逻辑）<body><h1>Hello

Welcome！</h1><h1>我是一只没有颜色的小万军</h1><h2

class="msg">我喜欢学习Python</h2><h2

class="msg">我喜欢学习Python</h2><p

id='msg_1'>目前正在学习爬虫...</p><button

onclick="document.getElementById('img_logo').src='logoGrey.png'">灰色</button><imgid='img_logo'style="width:100px"

src="logoGrey.png"><button

onclick="document.getElementById('img_logo').src='logoColor.png'">彩色</button></body>前端三剑客Html

CSS

JavascriptJavascript的封装库JqueryJquery

是一个让你写更少的代码，同样可以完成Js的功能，通俗的说Jquery的执行人还是JS，但是写法改变了，

代码少了，代码更通俗了。接着说

…..那么，我们之前学过random的随机数生成库/包，我们都知道他可以生成各种随机数字，具体生成还是python的代码，但是具体他如何生成我们不用管吧，这个就是封装。看作一个黑盒，具体如何干我不关心，

我只关心结果。注意这个部分跟我们的动态爬虫相关同理可证

，

Jquery也需要满足类似random库的使用条件：引入相关库代码按照Jquery的语法前端三剑客Html

CSS

Javascript第一步

引入

jquery前端三剑客Html

CSS

Javascript第二步

根据Jquery代码写逻辑前端三剑客Html

CSS

Javascript现在我们已经知道，Js可以对页面进行操作，有没有可能通过Js为页面添加内容？两个问题：1.

所谓的内容那里来？1.

如何添加？通过JS构建向服务器的请求，

然后获得数据（内容）这个通常叫异步加载使用JS对特定区域插入信息，完成内容在页面的展示前端三剑客Html

CSS

Javascript注意这两个是跟着页面的html代码注意这两个是通过js加载进来的（异步）前端三剑客Html

CSS

Javascript请求方式GET请求地址数据格式读取数据向HTML页面添加数据前端三剑客Html

CSS

Javascript页面效果页面源码源代码浏览器（Chrome）的使用本课程我们将使用谷歌Chrome浏览器作为爬虫的页面分析工具空白位置点击右键，然后选择检查这里是我们主力分析页面和定位页面元素的工具点击小箭头（变为蓝色）

人人文库> 全部分类> 专业文献 > 工程机械

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论