简单的前端语言

最新推荐文章于 2024-11-05 22:47:34 发布
最新推荐文章于 2024-11-05 22:47:34 发布
阅读量421 收藏 4
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_65852978/article/details/134076725
版权
本文介绍了前端和后端的基本概念，强调了学习前端的重要性，包括HTML、CSS和JavaScript等内容，并详细讲解了HTTP协议，如请求方法、响应状态码和HTML标签结构。
摘要由CSDN通过智能技术生成

目录

一.介绍

1.什么是前端

2.什么是后端

3.为什么要学习前端

4.前端学习哪些内容

二.HTTP协议

1.HTTP协议的四大特性：

2.响应状态码

三.HTML介绍

1.什么是html标签

2.html文档介绍

3.如何打开html文档

4.head标签中常用的标签

5.body中常用的标签

一.介绍

1.什么是前端

前端是所有跟用户直接打交道的都可以称之为是前端语言

例如：网页

2.什么是后端

就是一堆代码，用户不能够直接看到，不直接与用户打交道的称之为是后端语言

常见的后端：python，java等

3.为什么要学习前端

学了前端以后我们就可以做全栈工程师（会后端，会前端，会DB，会运维等）

我们只需要学习写一些简单的页面、会调试别人写的页面和看懂别人写的页面代码即可

4.前端学习哪些内容

  1. HTNL：网页骨架，只是负责显示一些内容，但是显示出来的内容不好看，没样式
  2. CSS：对页面骨架的美化，让页面变得好看
  3. JavaScript：html、css都是静态的，JS能够让网页动起来，变得更加美观
  4. bootstrap、jQuery

称之为三剑客

二.HTTP协议

1.HTTP协议的四大特性：

  1. 基于请求和响应的（有请求，有响应）
  2. 它是基于TCP协议之上的应用层协议
  3. 无状态：就是这个协议他不能够在浏览器里保存数据，现在使用的像是淘宝、京东之类的网站都需要登录，这些数据是靠cookie、session、token、jwt等保存的
  4. 短链接

请求数据

请求首行（请求方式、协议和版本号）

请求头（一大堆的K:V键值对）

换行符（\r\n）

响应数据

响应首行（响应状态码）

响应头（一大堆K:V键值对）

换行符（\r\n）

请求方式

有很多种，现在只学两种

get
    	"""当朝服务端索要数据的时候，一般使用get请求方式"""
        https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?spm=a21bo.jianhua.201867-main.1.5af92a89NWpkvM&wh_pid=dailyAct-257518
        
        https://huodong.taobao.com/index/v1/?k=v&k1=v1&k2=v2
        https://huodong.taobao.com/func
        def index()
        	# 需要参数?
        def func()
        
        
    post
    	"""当朝服务端提交数据的时候，一般采用post请求"""
        post请求，参数在哪里传递?
   面试题：get和post的区别?
		1. get:
        	索要数据的时候使用
            传参方式：在网址栏的问号后面：key=value的键值对方式
            数据传递不安全
            数据传递的时候，携带的数据量是有限制的，大概4KB左右的数据
         2.post：
        	提交数据的时候使用
            在请求体里面
            数据传递更加安全
            数据传递没有限制，想传多少传多少

2.响应状态码

使用一个特殊的数字代表一串复杂的描述性信息

1XX：代表的是请求数据成功，但是这个时候还可以继续往服务端提交数据

2XX：200 OK         代表的是请求成功

3XX：301  302       代表的是重定向

4XX：404 Not Found 代表的是资源找不到

5XX：500   502      和404差不多，代表的是服务器内部错误

三.HTML介绍

1.什么是html标签

你在网页中所能够看到的东西都是HTML标签

<h1>hello python</h1>
<h5>hello python</h5>
<a href='http://baidu.com'>click me</a>
<img src=''>

2.html文档介绍

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  
</head>
<body>

</body>
</html>

<head> 标签里面写的内容一般不是让用户看的，给程序员看的
<body> 标签才是用户看的，在body里面写什么，浏览器就显示什么，head里面写的代码是对body中的代码做控制

3.如何打开html文档

1. 直接点击pycahrm右上角的浏览器图标
2. 直接找到文档所在的位置，右键选择使用浏览器打开即可
"""浏览器就是前端的解释器，所有的前端代码都是有浏览器来翻译的"""

4.head标签中常用的标签

  <title>Title</title> 就是浏览器标签页上显示的内容
        <title>Title</title>
<!--    <style>-->
<!--        /*写css样式的*/-->
<!--        a {-->
<!--            color:  red;-->
<!--        }-->
<!--    </style>-->
    <link rel="stylesheet" href="my.css">
<!--    <script>-->
<!--        alert(123)-->
<!--    </script>-->
    <script src="my.js"></script>

5.body中常用的标签

# 基本标签:
    <b>加粗</b>
    <i>斜体</i>
    <u>下划线</u>
    <s>删除</s>
    <p>段落标签</p>

    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>

    <!--换行-->
    <br>

    <!--水平线--><hr>
# 特殊字符
	内容	对应代码
    空格	&nbsp;
    >	&gt;
    <	&lt;
    &	&amp;
    ¥	&yen;
    版权	&copy;
    注册	&reg;

老登，快爆金币
关注
前端语言除了html,前端需要学什么语言
weixin_39939276的博客
05-30 765
1、学习html (HTML5)HTML是网页的核心，web应用的基石。HTML是目前web领域应用最广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列。2、CSS(CSS3)CSS是程序员的画笔，实现网页外观的重要一点，可以将网页外观做得更加美观。它可以为html标签自定义样式，通过设置html标签的样式，来改变其外观，达到美化与排版web页面的目地。3、Jav...
前端开发语言大盘点
宋志辉的博客
04-02 2084
前端开发语言日新月异，不断推陈出新。但万变不离其宗，HTML、CSS、JavaScript仍然是前端开发的三驾马车，是每个前端开发者必须掌握的基础技能。其他语言和框架则是在此基础上的延伸和补充，选择合适的技术栈，能够极大地提高开发效率和代码质量。作为前端开发者，了解和学习不同的前端语言和框架，有助于开阔视野、提高技能、应对变化。但同时也要避免盲目追新，根据实际需求和项目特点，选择成熟、稳定、适合的技术方案。保持持续学习和实践，跟上前端技术的发展步伐，才能成为一名优秀的前端开发者。
如何处理前端多语言支持？
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
07-09 1001
","welcome": "欢迎","greeting": "你好，%s！","today": "今天是%s。通过本文，我们不仅探讨了多语言支持的基本概念，还深入介绍了几种实现策略及其具体应用。多语言支持是一项复杂但至关重要的任务，它要求我们具备细致入微的思考能力和对细节的高度敏感。希望本文能为你在实际项目中遇到的多语言挑战提供有价值的指导和启发。记住，优秀的多语言支持不仅仅是翻译那么简单，它还涉及到对不同文化的尊重和理解。欢迎来到我的博客，很高兴能够在这里和您见面！
前端开发的主要语言有哪些?
Rcain_R的博客
04-01 3188
每种语言和技术都有其特定的应用场景和优缺点，开发者需要根据项目需求、团队习惯和未来发展来选择最合适的技术栈。
为什么前端语言只有JavaScript?
m0_70931358的博客
05-25 727
有几个原因： 一、web对象模型抽象程度很高。 尽管当前 HTML5/CSS3 已经非常复杂，并不能称为简单，但从编程语言的角度来看，这是一种高度抽象的对象模型，以至于编程语言本身并不需要为对象模型增加额外的语言特性。 二、浏览器很强大。 浏览器本身足够强大，它制定了大量的本该由程序员开发的、与UI（实际上是渲染）相关的实现（对象管理），那么剩下的留给语言需要解决的问题并不多。甚至你可以理解为，语言除了调用对象模型接口外，并不需要额外创造什么，因此也就不需要再定义一个非常复杂的语言。 ..
Web前端：6种基本的前端编程语言
yueqian_edu的博客
03-20 5073
如果你想在前端web开发方面开始职业生涯，学习JavaScript是必须的。它是最受欢迎的编程语言，它功能广泛，功能强大。但JavaScript并不是你唯一需要知道的语言。HTML和CSS对于前端开发至关重要。他们将帮助你开发用户友好的网站和应用程序。
前端发展史与优秀编程语言
m0_59328104的博客
03-09 473
前端开发是互联网技术领域中的一个重要分支，负责构建用户直接交互的网页和应用程序界面。随着互联网的发展，前端技术经历了多个阶段的演变，从最初的简单静态页面到如今的复杂交互式应用，不断推动着用户体验的提升和网页功能的丰富化。
前端实现多语言
xyfwang的博客
02-05 812
首先，创建一个 Vue 项目并安装。这样前端就实现多语言的功能。
前端不使用 i18n，如何优雅的实现多语言？_前端多语言方案
2401_84138835的博客
04-19 907
在 uniapp 里面我们不能写的像我们上面那样，因为 uniapp 是不支持的，那么这个时候我们如何去确保页面加载完成时，多语言可以全部返回呢？实现步骤就像上面写的步骤一样，那么注意点是什么呢( 本文用的是uniapp去开发的微信小程序，也是基于 vue 的语法 )？因为小程序有 Tabbar 所以我们的 VFrame.js 需要多一个方法；经过上面一番操作我们已经可以在管理系统中成功的调用当前多语言了；// 重要的就是这一步，VFrame 的执行时机。新建 preload.vue。
前端开发语言概览
qq_70814008的博客
04-01 697
前端开发涉及多种编程语言和技术，每种语言都有其特点和适用场景。HTML、CSS和JavaScript是前端开发的基础知识，必须熟练掌握；而React、Vue和Angular则是目前热门的前端框架，可以根据个人兴趣和需求进行选择学习。无论选择哪种语言或框架，都需要不断学习和实践，不断提升自己的技术水平，以适应不断变化的前端开发行业的需求。
简易微博系统，利用html+css+js作为前端语言和php作为后台语言.zip
01-18
简易微博系统，利用html+css+js作为前端语言和php作为后台语言，采用前端与后台分离的设计方式，主要实现新用户注册，用户登录，发微博（包括文字，表情，音乐，视频），评论微博，转发微博，关注用户，私信等功能。...
前端ocr.js 识别图片器，简单有效，不用后端实现，前端直接实现
04-27
JavaScript作为一种广泛应用于Web开发的脚本语言，具有良好的跨平台性和易用性，使得这个OCR库非常适合前端应用场景。 "源码软件"标签表明这个OCR工具包提供了源代码，开发者可以深入理解其工作原理，进行定制化...
JavaScript前端开发的核心语言前端开发的核心语言
04-29
### JavaScript：前端开发的核心语言 #### 一、引言 在现代互联网技术发展中，JavaScript 已成为不可或缺的一部分，尤其在前端开发领域更是扮演着核心角色。作为一种高级编程语言，JavaScript 被广泛应用于网页的...
web前端之HTML语言简易入门教程.pdf
06-20
Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名>标志名>来表示标志的开始和结束(例如<html></html>标志对)，因此在Html文档中这样的标志对都必须是成对使用的。 当我们畅游Internet时，我们...
高考志愿填报平台vue简易前端
02-27
【标题】"高考志愿填报平台vue简易前端"是一款基于Vue.js技术栈开发的前端应用，主要功能包括用户登录、退出以及实现数据的增删改查等基础操作。它结合了JavaScript语言和Bootstrap前端框架，旨在为高考生提供一个...
Webserver(3.3)生产者消费者模型
学习历程记录和分享
11-05 370
解决该问题需要用互斥量确保线程同步，用条件变量或者信号量去解决生产者和消费者之间同步的问题，生产者把数据生产满了要通知消费者去消费。会产生数据安全问题，比如生产者还未生产出来，就去消费。
vxe-grid ，增加新行，并且定位到新增的行
花花鱼的专栏
11-05 239
vxe-grid新增空行，并且定位到空行位置。
Web前端第二次作业
nixiaoge的博客
11-05 346
作业要求：制作带有下拉悬停菜单的导航栏。
WPF+MVVM案例实战与特效（二十五）- 3D粒子波浪效果实现
最新发布
lingshuangcanxue
11-05 351
使用WPF的3D控件以及动画效果实现3D粒子波浪的特效
前端语言访问后端数据库案例
05-18
前端语言（如JavaScript）一般无法直接访问后端数据库，需要通过后端服务器来进行数据交互。以下是一个简单的案例： 1. 后端服务器使用Node.js和Express框架搭建，同时使用MongoDB作为数据库。 2. 前端页面中通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值