web前端概述

最新推荐文章于 2024-08-18 21:40:26 发布

小慌写代码

最新推荐文章于 2024-08-18 21:40:26 发布

阅读量3.2k

点赞数 3

分类专栏：前端学习文章标签：前端 javascript ui css react.js

本文链接：https://blog.csdn.net/Xiaohuang777/article/details/128026385

版权

本文介绍了web前端的基本概念，包括HTML、CSS和JavaScript，以及前端开发在不同设备的应用，如响应式网站、移动网页、H5-app等。文章还提到了前端开发的常用工具和浏览器，以及前端学习路线。此外，还概述了前端的历史，从HTML的诞生到现代前端框架如React.js的出现，以及动态页面技术的发展，如PHP、JSP、ASP和AJAX。最后，文章讨论了浏览器内核的演变和前端框架的发展，如Node.js和Vue.js。

摘要由CSDN通过智能技术生成

web前端概述

web前端:网站的前台部分，是运行在电脑，移动端等浏览器上展示给用户浏览的网页。

前端开发: 用代码根据UI设计实现网站前台页面、内容以及交互效果

UI: 用户界面 UI设计: 设计师运用设计软件(PhotoShop等)设计的用户名界面，一般是图片居多，没有交互效果。

web(world wide web ): 缩小为WWW，万维网，全球广域网。互联网的总称，他是一种基于超文本和http，全球性的，动态交互的，跨平台的分布式图形信息系统。 web主要是通过网页传递信息。

web前端三大件：

. HTML 超文本标记语言,编写网页的结构。可以理解为像人的骨头一样，决定网页的结构。不是编程，主要是记住常用的标记即可。.html结尾的文件——F12 可以弹出开发工具(或者右键,选择检查)
css 层叠样式表: 给html编写的网页添加样式，如添加背景颜色，字体颜色等等。可以理解为人的衣服。不是编程语言，和html一样，记住常用的样式即可。.css结尾的文件
JavaScript(简称js),脚本语言，也是一种编程语言。为网页添加交互效果和特效。可以理解为人的动作。学习js的需要一定的逻辑思维，不能硬背，要靠理解。js是前端的核心技术，js学的好，前端就好。.js结尾的文件——在开发工具HTML代码中找到以.js结尾的就是js代码，可以复制文件地址粘贴到浏览器中打开文件查。

浏览器常规操作：

前端开发常用浏览器: 谷歌浏览器(兼容性好)，fireFox(火狐浏览器),(Edge,IE主要用于查看兼容性)
f12打开浏览器开发工具(或者浏览器里右键，点击检查)
设置浏览器语言：点击设置图标，在Language选项中选择中文，点击蓝色按钮Reload DevTools
开发工具(DevTool)的常用选项:Elements->查看网页元素 Console->控制台，JS调试使用 Sources->源代码，网页源文件，可看代码文件和图片等 Network->网络，网页发送的网络请求
ctrl+f 搜索html标记
网页截图方法 ctrl+shift+p(windows)