web前端概述

这篇具有很好参考价值的文章主要介绍了web前端概述。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

web前端概述

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

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

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

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

web前端三大件:

  1. . HTML 超文本标记语言,编写网页的结构。可以理解为像人的骨头一样,决定网页 的结构。不是编程,主要是记住常用的标记即可。.html结尾的文件——F12 可以弹出开发工具(或者右键,选择检查)

  2. css 层叠样式表: 给html编写的网页添加样式,如添加背景颜色,字体颜色等等。 可以理解为人的衣服。不是编程语言,和html一样,记住常用的样式即可。.css结尾 的文件

  3. JavaScript(简称js),脚本语言,也是一种编程语言。为网页添加交互效果和特效。 可以理解为人的动作。学习js的需要一定的逻辑思维,不能硬背,要靠理解。js是前 端的核心技术,js学的好,前端就好。.js结尾的文件——在开发工具HTML代码中找到以.js结尾的就是js代码,可以复制文件地址粘贴到浏览器中打开文件查。

浏览器常规操作:

  1. 前端开发常用浏览器: 谷歌浏览器(兼容性好),fireFox(火狐浏览器),(Edge,IE主要 用于查看兼容性)

  2. f12打开浏览器开发工具(或者浏览器里右键,点击检查)

  3. 设置浏览器语言:点击设置图标,在Language选项中选择中文,点击蓝色按钮Reload DevTools

  4. 开发工具(DevTool)的常用选项:Elements->查看网页元素 Console->控制台,JS调试使用 Sources->源代码,网页源文件,可看代码文件和图片等 Network->网络,网页发送的网络请求

  5. ctrl+f 搜索html标记

  6. 网页截图方法 ctrl+shift+p(windows)文章来源地址https://www.toymoban.com/news/detail-403877.html

  7. </

到了这里,关于web前端概述的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • OCP浸没式液冷基本规范(概述和信号完整性部分)

    数据中心行业主要考虑两种类型的液体冷却技术来推动节能和可持续发展,分别是冷板式和浸没式,每一种技术里的液体又包含单相和双相两种规格: 冷板技术与浸没技术的主要区别之一是,在浸没的情况下,液体与 IT 设备直接接触。目前,有大量液体被用于单相和两相浸

    2024年02月08日
    浏览(30)
  • 【英语】大学英语CET考试,阅读部分1(阅读概述,SectionC仔细阅读140)

    1、阅读概述 1.1 考试概况:大纲解读+备考策略 1.2 做题原则:定位 1.3 标点符号和句子逻辑 1.4 一级词汇 2、细节题(10题占9题) 2.1 逻辑关系(并列和递进,同一方向) 2.2 逻辑关系(转折和让步,相反方向) 2.3 逻辑关系(因果关系,找原因) 3、选项特征 3.1 正确选项(同义

    2024年02月03日
    浏览(26)
  • LitCTF-2023-web部分

             前言: 不得不说, 这比赛目前是接触下来感觉的最顺心的(虽然参加的比赛也很少...), 原因在于这比赛题目量多, 并且难度很流畅, 对新手真的友好!!(因为我就是新手, 真心能以后再多出来点儿这种比赛)帮助很大的!!!!! 查看源代码即可 瞄了一眼发现先这道题是有彩蛋

    2024年02月08日
    浏览(21)
  • 博客系统——前端部分

    目录 一、博客页面介绍 二、实现博客列表页 1、先实现导航栏 2、页面主体 左侧区域的实现:​编辑 右侧页面的实现:​编辑 博客列表页代码汇总: 三、实现博客详情页  代码实现: 四、实现博客登录页​编辑 五、博客编辑页 六、全部代码展示 blog_detail.html blog_edit.html

    2024年02月10日
    浏览(75)
  • 电商独立站的搭建及优势说明

    什么是独立站? 独立站简单就是说自己建议一个属于自己的电商平台,然后上传商品去出售,但是需要我们自己去做营销,做推广。 1、竞争小 首先就是竞争小,现在独立站还没有开始大众化去做,只有一少部分人在做,也有很多人想做,但是找不到门路。 2、没有规则限制

    2024年02月06日
    浏览(26)
  • 5.2 创建个人中心页面-前端部分

    😊如果写的可以帮到你,可以点个赞吗,你的支持就是我写下去的动力。😊 本文阅读大概 10 分钟, 自己写加思考大概 1 ~ 2 小时。建议:代码可以手抄, 但不要复制。 使用 bootstrap 的 grids system 进行布局。页面规划如下: 在 bootstrap 的网址搜索 grids system 。 一行分为12份,左

    2024年02月09日
    浏览(28)
  • 2023前端面试上岸手册——VUE部分

    当 一 个 Vue 实 例 创 建 时 , Vue 会 遍 历 data 中 的 属 性 , 用 Object.defineProperty ( vue3.0 使 用 proxy ) 将 它 们 转 为 getter/setter,并且在内部追踪相关依赖,在属性被访问和修改时通知变化。 每个组件实例都有相应的 watcher 程序实例,它会在组 件渲染的过程中把属性记录为

    2024年02月06日
    浏览(45)
  • 前端八股文(三)—— 性能优化部分

    1、懒加载的概念 懒加载也叫做延迟加载、按需加载,指的是在长网页中延迟加载图片数据,是一种较好的网页性能优化的方式。在比较长的网页或应用中,如果图片很多,所有的图片都被加载出来,而用户只能看到可视窗口的那一部分图片数据,这样就浪费了性能。 如果使

    2024年02月22日
    浏览(37)
  • 2023前端面试上岸手册——JavaScript部分

    JavaScript 共有八种数据类型,分别是 Undefined、Null、Boolean、 Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型: Symbol 代表创建后独一无二且不可变的数据类型,它主要是为了解决可能出现的全局变量冲突的问题。 BigInt 是一种数字类型的数据,它可

    2024年02月02日
    浏览(36)
  • Java Web概述

    (单选题) 下列选项中,可以成功修改Tomcat端口号为80的是() A. Connect port=“8080” protocol=“HTTP/1.1” connectionTimeout=“20000” redirectPort=“8443” / B. Connector port=“8080” protocol=“HTTP/1.1” connectionTimeout=“20000” redirectPort=“8443” / C. Connector port=“80” protocol=“HTTP/1.1” connectionTi

    2024年02月09日
    浏览(20)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包