Web 前端主要用哪些语言?（web前端一般用什么软件）
sinye56 2024-10-25 16:19 5 浏览 0 评论
html+css+js，最基础的是这三种；
然后现在开发中一般会使用现成的前端框架来开发，比如vue\react等等；
最后是组件库的使用，比如web端的element-UI，移动端的vant-UI等组件库，学会使用开发框架和组件库之后，很多前端页面的实现效果就变得十分简单，取之即用；
一、前端基础
html是超文本标记语言，组成了网页的框架，HTML 运行在浏览器上，由浏览器来解析。下面是最简单的一段代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
html的学习不需要什么基础，基本上把菜鸟教程过一遍就能大概写出一两个复杂点的页面，搭好框架之后，再往里面填充内容；
css是层叠样式表，是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
粗略地说，就是用来控制网页的样式和布局，控制字体、图片的大小颜色等等。举例如下，给网页上的body标签的内容加上某背景颜色：
body
{
background-color:#d0e4fe;
}
js全称JavaScript，是 Web 的编程语言，用来实现一些动态的效果，比如常见的网页图片的轮播
、页面表单数据输入的校验、页面数据的加载和使用等等。
它是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。
总的来说：
- HTML 定义了网页的内容；
- CSS 描述了网页的布局；
- JavaScript 控制了网页的行为；
这三部分是学习web前端的基础。
二、前端常用框架
在目前的开发项目中，由于页面较为复杂，实现麻烦，一般会引入开发框架，使用现有组件开发，常见的开发框架主要有三种，Vue、React、Angular，其中应用最广泛的是Vue框架；
vue.js的入门可以看菜鸟教程或者官方文档，使用vue开发能够极大地减少开发难度，学习起来也比较简单；
另一方面，web前端还需要掌握一个组件库element-UI的使用，作为UI组件库，基本上涵盖了绝大部分网页常用的目录、搜索框、按钮、动画、表单、弹框、提示等等控件；
三、扩展阅读：前端三种开发框架概要
- Vue
- 两个主要优点:可视化DOM和基于组件。并有广泛和详细的文档 具有javascript背景的简单语法程序员可以很容易地开始使用Vuejs 灵活设计app结构
- VUE流行趋势图=2020
- React
- React性能出众，代码逻辑非常简单。组件的可重用性使得在应用程序的其他部分协作和重用组件变得容易。
- React 最初是 Facebook 为满足其产品需求而开发的，于 2013 年向受众展示并开源。其虚拟 DOM 技术（virtual Document Object Model）大幅提升了页面的渲染性能和表现力。采用的网站：PayPal、Google、Autodesk .
- Angular
- Angular的双向数据绑定特性是独一无二的。这意味着模型和视图之间存在实时同步，模型中的任何更改都会立即反映到视图上。如果项目涉及到构建移动或web应用程序
- Angular 是谷歌支持的用于构建用户界面的开源框架，它的历史最早可以追溯到2010年正式发布的AngularJS。后期开发团队将 AngularJS 基于 TypeScript 重写，于 2016 年 9 月发布了 Angular 2 以适应日益增长的Web需求。为了避免混淆，新框架名称去掉了 "JS"。采用的网站：Gitlab、Behance、Alibaba；
希望能帮到正在学习的你~
相关推荐
- Linux在线安装JDK1.8
-
首先在服务器pingwww.baidu.com查看是否可以连网然后就可以在线下载一、下载安装JDK1.81、在下载安装的同时做好一些准备工作...
- Linux安装JDK，超详细
-
1、了解RPMRPM是Red-HatPackageManager（RPM软件包管理器）的缩写，这一文件格式名称虽然打上了RedHat的标志，但是其原始设计理念是开放式的，现在包括OpenLinux...
- Linux安装jdk1.8(超级详细)
-
前言最近刚购买了一台阿里云的服务器准备要搭建一个网站，正好将网站的一个完整搭建过程分享给大家！#一、下载jdk1.8首先我们需要去下载linux版本的jdk1.8安装包，我们有两种方式去下载安装...
- Linux系统安装JDK教程
-
下载jdk-8u151-linux-x64.tar.gz下载地址：https://www.oracle.com/technetwork/java/javase/downloads/index.ht...
- 干货|JDK下载安装与环境变量配置图文教程「超详细」
-
1.JDK介绍1.1什么是JDK?SUN公司提供了一套Java开发环境，简称JDK(JavaDevelopmentKit)，它是整个Java的核心，其中包括Java编译器、Java运行工具、Jav...
- Linux下安装jdk1.8
-
一、安装环境操作系统：CentOSLinuxrelease7.6.1810(Core)JDK版本：1.8二、安装步骤1.下载安装包...
- Linux上安装JDK
-
以CentOS为例。检查是否已安装过jdk。yumlist--installed|grepjdk或者...
- Linux系统的一些常用目录以及介绍
-
根目录（／）：“／”目录也称为根目录，位于Linux文件系统目录结构的顶层。在很多系统中，“／”目录是系统中的唯一分区。如果还有其他分区，必须挂载到“／”目录下某个位置。整个目录结构呈树形结构，因此也...
- Linux系统目录结构
-
一、系统目录结构几乎所有的计算机操作系统都是使用目录结构组织文件。具体来说就是在一个目录中存放子目录和文件，而在子目录中又会进一步存放子目录和文件，以此类推形成一个树状的文件结构，由于其结构很像一棵树...
- Linux文件查找
-
在Linux下通常find不很常用的，因为速度慢（find是直接查找硬盘），通常我们都是先使用whereis或者是locate来检查，如果真的找不到了，才以find来搜寻。为什么...
- 嵌入式linux基本操作之查找文件
-
对于很多初学者来说都习惯用windows操作系统，对于这个系统来说查找一个文件简直不在话下。而学习嵌入式开发行业之后，发现所用到的是嵌入式Linux操作系统，本想着跟windows类似，结果在操作的时...
- linux系统查看软件安装目录的方法
-
linux系统下怎么查看软件安装的目录？方法1：whereis软件名以查询nginx为例子...
- Linux下如何对目录中的文件进行统计
-
统计目录中的文件数量...
- Linux常见文件目录管理命令
-
touch用于创建空白文件touch文件名称mkdir用于创建空白目录还可以通过参数-p创建递归的目录...
- Linux常用查找文件方法总结
-
一、前言Linux系统提供了多种查找文件的命令，而且每种查找命令都具有其独特的优势，下面详细总结一下常用的几个Linux查找命令。二、which命令查找类型：二进制文件；...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- oracle忘记用户名密码 (59)
- oracle11gr2安装教程 (55)
- mybatis调用oracle存储过程 (67)
- oracle spool的用法 (57)
- oracle asm 磁盘管理 (67)
- 前端 设计模式 (64)
- 前端面试vue (56)
- linux格式化 (55)
- linux图形界面 (62)
- linux文件压缩 (75)
- Linux设置权限 (53)
- linux服务器配置 (62)
- mysql安装linux (71)
- linux启动命令 (59)
- 查看linux磁盘 (72)
- linux用户组 (74)
- linux多线程 (70)
- linux设备驱动 (53)
- linux自启动 (59)
- linux网络命令 (55)
- linux传文件 (60)
- linux打包文件 (58)
- linux查看数据库 (61)
- linux获取ip (64)
- 关闭防火墙linux (53)