Web标准与前端开发| 青训营笔记

Blender点云渲染实战:用Geometry Nodes快速搞定论文配图(附Cycles渲染技巧) 本文详细介绍了如何利用Blender的Geometry Nodes系统,高效地将三维点云数据转化为高质量的科研论文配图。通过实战步骤,从数据导入、节点化几何处理、材质赋予到Cycles渲染引擎的优化设置,手把手教你制作出专业、美观的可视化图像,助力科研成果展示。 阅读详情


这是我参与「第四届青训营」笔记创作活动的的第6天。

一、关于前端开发

起源、架构、变迁

Web起源于1989年,由3种技术构成:

  1. HTML
  2. HTTP
  3. URL

CSS和JavaScript是几年之后才出现的。

Web的架构:
在这里插入图片描述

Web的变迁:

在这里插入图片描述

前端应用的领域

按应用对象区分:

  1. 商业
  2. 用户
  3. 开发者

按浏览器区分:

  1. 桌面端:Google Chrome,Microsoft Edge等浏览器
  2. 移动端:Android,iOS

按服务器区分:

  1. node.js
  2. Express JS
  3. koa

Web标准

Web 标准也称网页标准,它由一系列标准组成,这些标准大部分由 W3C 负责制订,也有一些标准由其他标准组织制定的,如 ECMA 的 ECMAScript 标准等。 狭义的 Web 标准是指网页设计的 DIV+CSS 化,广义的 Web 标准是指网页设计要符合 W3C 和 ECMA 规范。 Java Script 负责开发网页的交互效果。 W3C 是 World Wide Web Consortium 的缩写,中文译为“万维网联盟”,是一个 Web 标准化组织。

为什么需要Web标准

遵守指定的标准更有利于 Web 更好地发展。

开发人员按照 Web 标准制作网页,这样对于开发者来说就更加简单了,因为他们可以很容易了解彼此的编码。使用Web标准,将确保所有浏览器正确显示您的网站而无需费时重写。

遵守标准的Web页面可以使得搜索引擎更容易访问并收入网页,也可以更容易转换为其他格式,并更易于访问程序代码。

提示: 你可以使用网页验证服务器验证页面的标准性。

简单的来说Web标准好处拥有以下6点:

  1. 让Web的发展前景更广阔
  2. 内容能被更广泛的设备访问
  3. 更容易被搜索引擎搜索
  4. 降低网站流量费用
  5. 使网站更易于维护
  6. 提高页面浏览速度

Web标准的构成

HTML、CSS、JavaScript和Web标准。
在这里插入图片描述

保姆级教程:用YOLOv5s训练PCB缺陷检测模型(附北大公开数据集) 本文提供了一份基于YOLOv5s的PCB缺陷检测模型从零开始的完整实战教程。详细解析了如何使用北大公开数据集,涵盖环境搭建、数据处理、模型训练、性能评估及优化部署全流程,并针对工业场景中常见的类别不均衡问题给出了具体解决方案,旨在帮助开发者快速构建高精度的自动化质检系统。 阅读详情

相关推荐

Codex驱动AEDT完成无线充电仿真——从双线圈建模到三维电磁场动画

本文介绍了一个利用Codex、PyAEDT和Ansys Electronics Desktop 2025 R2实现双线圈无线充电系统自动建模与仿真的案例。通过简化模型(平面线圈+铁氧体磁芯),完成了从参数化建模、电磁场求解到后处理的全流程自动化,获得了耦合系数(k=0.17)、三维电磁场分布及多周期动态可视化效果。研究发现:线圈间距对传输效率影响最大(10-30mm间距时效率从40.2%降至5.57%),横向偏移15mm会使效率下降35%,而磁芯厚度增加带来的效率提升有限(3→7mm仅提高1.67%)。该框

sjjsjjsjjsjjsjj的博客 448

Web前端技术发展简史

原文地址:博客园-格一 1、静态页面阶段 那是1990年的12月25日,恰是西方的圣诞节,Tim Berners-Lee在他的NeXT电脑上部署了第一套“主机-网站-浏览器”构成的Web系统,这标志BS架构的网站应用软件的开端,也是前端工程的开端。 1993年4月Mosaic浏览器作为第一款正式的浏览器发布。1994年11月,鼎鼎大名的Navigator浏览器发布发布了,到年底W3C在Berners-Lee的主持下成立,标志着万维网进入了标准化发展的阶段。 这个阶段的网页还非常的原始,主要以HTML为主

小百的博客 1135

设备树实践:从零构建一个嵌入式板级的设备树描述

本文详细介绍了如何从零开始为嵌入式Linux系统构建设备树(Device Tree),以i.MX6ULL处理器为例,涵盖硬件分析、设备树语法、外设配置及调试技巧。通过实践指导,帮助开发者掌握设备树编写,实现硬件与软件的高效对接,提升嵌入式开发效率。

plum99的博客 307

Web标准及构成

一、为什么需要Web标准? 浏览器不同,它们显示的页面或者排版会不同。(不同的浏览器解析代码解析出来的效果可能不同)二、Web标准的构成是什么?1、结构(主要学的是HTML) 我们可以看成是一个身体,但是只有身体没有外表的羽毛来修饰,显得不是很好看,所有有了第二点表现。2、表现(主要指CSS) 有了外表,现在看起来更好看了,当然光有了外表也不太行,看起来没有活力,所以就有了第三点行为。3、行为(主要学的是JavaScript)这时的鹦鹉看起来又有了光鲜亮丽的外表,又有了活力,这才显得生动。...

JokerJJun的博客 984

海康威视门禁考勤设备数据对接实战:从被动推送到主动拉取

本文深入探讨了海康威视门禁考勤设备数据对接的两种核心方案:HTTP推送与SDK主动拉取。文章对比了两种方式的适用场景、技术实现与优缺点,为开发者提供了从设备配置、代码编写到工程化部署的完整实战指南,帮助读者根据项目规模、网络环境及数据稳定性要求,做出最合适的技术选型。

weixin_29284657的博客 673

07RK3568 I2S主模式 FPGA

RK3568与fpga通过i2s0连接,fpga连接音频芯片ES8388,RK为i2s主模式。调试时发现可正常采集来自fpga的数据。不可发送数据至fpga。由于i2s后连接fpga这里用了Rockchip的dummy-codec,一个虚拟的编解码器。

qq_39451352的博客 304

web标准与前端开发 | 青训营笔记

简单介绍了什么是前端,以及一些需要学习的地方,和一些有关web标准的知识方向。

m0_59722204的博客 253

树冠体积计算之体元累加法

因为是自己之前研究的一个方向,就复现了一下论文中的这个方法,在此正好记录一下。 文章目录一、简介二、代码实现(MATLAB)三、小结 一、简介 简而言之,其实就是一句话,即以固定大小的体元模拟不规则的树冠形状。按照论文中的思路主要就是将树冠沿树高方向以 k 为步长进行等距离分段,把每一段树冠的点投影到垂直于树高方向的平面上,再对该平面划分成大小为 k × k 的像元,根据投影到各个像元内点的数量,判断该像元的有效性,统计有效像元的数量 T,则树冠体积为 T 个 k × k × k 的体元之和。如下图所示:

dayuhaitang1的博客 2609

【第二届青训营-寒假前端场】- 「Web 标准与前端开发」笔记

本节课主要讲了前端开发的历程、应用领域,推荐了前端的学习路线图,以及一些Web标准

cos的博客 455

UE5 蓝图节点图文大全(300+蓝图,9万字+)

本文采用虚幻5.2.1版本,以图文的方式对蓝图节点进行介绍,包括蓝图节点的输入输出参数解释,并有中英文节点名称可参考。

一碗清深的博客 2万+

【AI智能体】Claude Code +Superpowers 项目实战操作详解

Claude Code +Superpowers 项目实战操作详解

congge 4055

【青训营】- Web标准与前端开发

1. 关于前端开发 前端开发的时代变迁 只读时代 HTML/CSS/JS 单向发布 静态只读 刷新页面 表格对齐元素 CGI 体验时代 Ajax/web api/Jquery 动态交互 社交媒体 用户生成内容 单页应用 jquery 敏捷时代 Fetch/Nodejs/Webpack 模块化 组件化 转译 打包 React Vue 前端开发的应用领域 Business Customer Developer 前端应用领域之浏览器 客户端 Chrome Edge Firefox Opera S

Always-Learning 501

Spring Boot入门(13):Mybatis-Plus之条件构造器使用手册:精通让你快速提高查询效率的技巧!

化繁为简,MP 中条件构造器的使用,极其详细.

**My Coding Family** 3万+

前端与HTML | 青训营笔记

前端(又称Web前端),是指计算机Web应用程序(网站)的前台页面。在我们打开一个网站所看到网页界面的内容以及交互体验,一般都是由前端工程师进行开发设计的页面,该内容属于前端部分。如使用小程序开发者工具开发的这一部分代码,是属于前端部分。小程序开发是前后端分离的,获取动态数据是通过后端的API进行请求。前端通过GUI界面解决人机交互问题,还需要能够跨终端显示。如PC/移动浏览器、客户端/小程序、VR/AR等。前端由HTML、CSS、JavaScript组成。其中,HTML决定结构和内容表现和样式。.....

ProgramNovice的博客 337

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

听红宝书译者谈Web视角下的前端开发

文章目录【青训营】- 听红宝书作者谈Web视角下的前端开发序言一、关于前端开发1. 起源、架构、变迁(1)起源(2)架构(3)变迁2. 前端应用的领域(1)所面向群体(2)所面向领域3. 语言、框架、工具4. 浏览器、网络、服务器5. 前端学习路线图二、关于Web标准1. 了解Web标准组织(1)四个概念(2)概念细述1)W3C2)Ecma TC393)WHATWG4)IETF2. W3C与Ecma会员3. W3C规范制定流程4. Ecma TC39规范制定流程三、结束语往期推荐 【青训营】- 听红

moandaylab 919

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

2024年最新听红宝书译者谈Web视角下的前端开发,前端开发培训网

面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】[外链图片转存中…(img-dRbhQ4vl-1715078512067)][外链图片转存中…(img-QXYkreNm-1715078512067)][外链图片转存中…(img-45dRyp2K-1715078512068)][外链图片转存中…(img-C1Lnuzjd-1715078512069)]

2401_84446548的博客 1042

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

深入学习HTML + CSS基础 | 青训营笔记

本期重新打卡学习HTML+CSS基础部分,进行查漏补缺。

weixin_46248051的博客 402

【前端与HTML|青训营】

解决GUI人机交互问题跨终端 (PC|移动浏览器、客户端|小程序、VR、AR等)web技术栈HTML(Hypertext Markup Language)是一种用于创建网页的标准语言。它使用标签来定义文档的结构和内容。HTML文档是由一系列标签组成的,这些标签可以用来定义文档的标题、段落、列表、链接、图像等元素。HTML标签由尖括号包裹的关键字组成。例如,是文档的根标签,是文档的头部标签,是文档的主体标签。

Fhjkk的博客 220

HTML学习笔记 | 青训营笔记

解决图形界面下的人机交互问题跨终端(PC/移动浏览器、客户端/小程序、VR/AR等)Web技术栈我的理解就是前端就是一个程序面向用户展示的内容的简单的交互,如需要展示哪些内容,以什么格式展示,进行交互时会发生什么.而具体的内容数据来源则交给后端....

kilig_CSM的博客 496

响应式系统与react笔记 | 青训营笔记

react是facebook开发的,facebook在构建instagram网站的时候遇见两个问题:数据绑定的时候,大量操作真实dom,性能成本太高,比较浪费 网站的数据流向太混乱,不好控制 于是facebook起初调研过市场上已存的mvc框架,比如angularjs,发现都不太满意,于是就推陈出新,开发了react框架,并在2013年五月份开源,国内2016年才开始首先在杭州使用。声明式设计 −React采用声明范式,可以轻松描述应用(自动dom操作)高效 −React通过对DOM的模拟(虚拟dom),最

kilig_CSM的博客 264

Web 版翻译者资料库

本项目是桌面版《翻译者资料库》的 Web 移植版,基于 Spring Boot 3.3、Thymeleaf、Bootstrap 5.3 与 MySQL 8.0 构建。它面向翻译写作提供资料、词汇、句库、文本工具、对照制作、查找、备份恢复及旧库迁移等功能,完整继承桌面版核心业务规则,支持一键启动与离线访问。

howard2005的专栏 184

Jackson 序列化 / 反序列化注解 完整版笔记

Jackson 序列化 / 反序列化注解 完整版笔记

handsome_sai的博客 306

MCP 协议会成为前端 AI 工程的标准接口吗?

MCP(Model Context Protocol)正在成为连接 AI 模型与外部工具、数据源的一层通用协议。本文从 MCP 的核心机制出发,分析它在浏览器与前端工程中的落地边界,讨论它能否成为前端 AI 工程的标准接口,并给出当下更务实的架构选择建议。

m0_62937412的博客 387

LangGraph 本地 build 频频翻车,最终在服务器跑通流式对话

先说结论:我本地那个,一次都没成功过。三次,三次,全挂在拉镜像上。而顺得像刚上过油。这就很像我高中那辆自行车:骑着能走,一上锁就坏。那天晚上我盯着终端里那行红字看了很久,想的不是技术方案,想的是——为什么同一个工具,可以一边让我觉得自己很行,一边让我觉得自己不太行。

人工智能AI技术 321

带着小白学习-微服务-6 实战:网关

地址栏输入:http://localhost:8088/goods/index,这时候就不是到8100端口去调用了,而是8088直接通过路由转发,分别到nacos对应的goods对应的服务中区调用。** 可以看出,这里将前面已经正常运行的server-store子工程(库存服务,服务提供方),server-goods子工程(商品服务,服务消费方)。(1)uri: lb://store 代表要到nacos的注册中心的服务列表中找到服务名为store的微服务;,网关是做路由转发,不是服务调用;

wdyan297的博客 242

海外平台频繁弹验证?从 DNS、WebRTC 到浏览器指纹的环境异常排查清单

在运营多地区海外平台账号时,即使代理节点通畅、TCP 握手成功,仍可能遇到频繁人机验证、地区限制、播放失败等异常。核心结论是:这类问题往往不在网络传输层,而在浏览器环境参数与网络出口之间的逻辑自洽性。本文从 DNS 泄漏、WebRTC 穿透、时区与语言匹配、Canvas/WebGL 指纹、TLS 特征五个维度,给出一份可复现的环境异常排查清单,并对比个人手动配置与工程化环境管理方案的适用边界。适用于跨境运营、多账号运维团队。

P1Browser【p1指纹浏览器】的博客 229
上一篇: 前端设计模式应用 | 青训营笔记
下一篇: HTML+CSS实现按钮手风琴效果 | 青训营笔记
UestcXiye
博客等级 码龄8年 9032粉丝 1306原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

UestcXiye

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值