建设一个招聘网站,wordpress修改了访问地址,千万不要学电子信息工程,用dw做旅游网站的方法什么是前端
前端是所有跟用户直接打交道的都可以称之为是前端 比如#xff1a;pc页面、手机页面、平板页面、汽车显示屏等等显示出来的都是前端内容
什么是后端#xff1f; 就是一堆代码#xff0c;用户不能够直接看到#xff0c;不直接与用户打交道的都是后端 常见的后端…什么是前端
前端是所有跟用户直接打交道的都可以称之为是前端 比如pc页面、手机页面、平板页面、汽车显示屏等等显示出来的都是前端内容
什么是后端 就是一堆代码用户不能够直接看到不直接与用户打交道的都是后端 常见的后端python、java、go等
为什么要学前端
学了前端以后我们就可以做全栈工程师后端、前端、DB、运维等 咱们学前端不用学的太深入能够写一些简单的页面以及会调试别人写的页面和能够看懂一些别人的页面代码
前端学习那些内容
1.HTML 网页的骨架、只是负责显示一些内容但是显示出来的内容不好看没样式 2.CSS 对网页骨架的美化、让网页变得更加好看 3.JavaScript HTML、CSS都是不能动的静态的js就是让网页能够动起来变得更加美观 4.bootst、jQuery HTML、CSS、JavaScript称为前端三剑客
学习一些前端配套的框架(库):bootst、jQuery、vue、react、angular.js
网址栏中输入地址回车刚看到页面的返回整个过程发生了什么事
1.客户端输入网址向服务端发起请求 2、服务端收到客户端的请求处理请求 3.服务端要给客户端做出响应 4、把服务端返回的内容渲染(显示)到浏览器页面中 我们学习前端谁来翻译前端的代码浏览器就是前端代码的执行环境 学习前端只要一个浏览器即可浏览器就是前端的解释器 浏览器就是一个万能的客户端超级客户端言外之意它可以作为很多服务端的客户端 比如淘宝、京东、腾讯视频等等
我们自己能不能开发一个B/S架构的软件能 开发一个服务端即可浏览器已经存在了让浏览器作为我们的客户端 利用socket写一个服务端让浏览器作为我们的客户端 浏览器是很多服务端的客户端但它是怎么识别是哪个服务端的 很多服务端必须都要遵循浏览器的规则所以浏览器才能够正常的识别他们(数据传出的规则 这个规则是协议(HTTP协议
HTTP协议应用层 TCP/UDP传输层 ip协议网络层
HTTP协议
HTTP协议的四大特性 1、基于请求和响应的(有请求有响应 2.它是基于TCP协议之上的应用层协议 3.无状态 就是这个协议它不能够在浏览器中保存数据现在使用的淘宝、支付宝、京东等这些网络都需要登录。cookie、session、token、jwt等保存的他们才是真正的保存用户数据的 4.短链接、长连接 请求数据 请求首行(请求首行、协议和版本号) 请求头(一大堆的k:v的键值对) 换行符(\r\n) 响应数据 响应首行(响应状态码 响应头(一大堆的k:v的键值对 换行符(\r\n get当朝服务端索要数据的时候一般使用get请求方式 post当朝服务器提交数据的时候一般采用post请求 两者的区别 1、get 索要数据的时候使用 传参方式“在网址栏的问号后面keyvalur的键值对方式 数据传递不安全 数据传递的时候携带的数据是有限制的大概4kb左右的数据 2、post 提交数据的时候使用 在请求体里面 数据传递更加安全 数据传递没有限制想传多少传多少 响应状态码 使用一个特殊的数字·代表一串复杂的描述性信息 1xx: 代表的是请求数据成功但是这个时候还可以继续往服务端提交数据 2xx: 200 OK 代表的是请求成功 3xx301 302 代表的是重定向 4xx: 404 Not Found 代表的是资源找不到 5xx500 502 服务器内部错误(出现网页打不开的情况) HTML介绍
在网页中所能够看到的花里胡哨的东西都是HTML标签
h1hello python/h1
h5hello python/h5
a hrefhttp://baidu.comclick me/a
img src
学习前端在哪里写前端代码 1.pycharm 2.直接在浏览器中写 3.直接在txt文本也可以 4.vscode
HTML文档介绍
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body/body
/htmlhead 标签里面写的内容一般不是让用户看的给程序员看的
body 标签才是用户看的在body里面写什么浏览器就显示什么head里面写的代码是对body中的代码做控制
如何打开一个html文档
1.直接点击pycharm右上角的浏览器图标 2.直接找到文档所在的位置右键选择使用浏览器打开即可 浏览器就是前端的解释器所有的前端代码都是由浏览器来翻译的
head标签中常用的标签 titleTitle/title 就是浏览器标签页上显示的内容titleTitle/title
!-- style--
!-- /*写css样式的*/--
!-- a {--
!-- color: red;--
!-- }--
!-- /style--link relstylesheet hrefmy.css
!-- script--
!-- alert(123)--
!-- /script--script srcmy.js/script
body中常用的标签
# 基本标签:b加粗/bi斜体/iu下划线/us删除/sp段落标签/ph1标题1/h1h2标题2/h2h3标题3/h3h4标题4/h4h5标题5/h5h6标题6/h6!--换行--br!--水平线--hr
# 特殊字符内容 对应代码空格 nbsp; gt; lt; amp;¥ yen;版权 copy;注册 reg;
