JavaWeb--前端--01HTML和CSS
文章目录
- 1 前端开发介绍
- 2 开发工具
- 3 文档查阅
- 4 VSCode的插件
1 前端开发介绍
Web标准也称为网页标准，由一系列的标准组成，大部分由W3C（ World Wide Web Consortium，万维网联盟）负责制定。由三个组成部分：
-
HTML：负责网页的结构（页面元素和内容）。
-
CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）。
-
JavaScript：负责网页的行为（交互效果）。
2 开发工具
Visual Studio Code（简称 VS Code ）
百度搜索下载
3 文档查阅
点击进入:W3School的HTML文档
点击进入:W3School的CSS文档
4 VSCode的插件
| VSCode插件名称 | 功能 |
|---|---|
| Chinese (Simplified) Language Pack | 汉化 |
| Code Spell Checker | 拼写检查器 |
| HTML CSS Support | 自动补全CSS样式表代码 |
| JavaScript (ES6) code snippets | 支持ES6语法提示 |
| Mithril Emmet | 补全代码 |
| Path Intellisense | 路径提示插件 |
| Vue 3 Snippets | 提供代码片段，语法高亮和格式化 |
| VueHelper | 代码提示插件 |
| Auto Close Tag | 自动闭合HTML/XML标签 |
| Auto Rename Tag | 自动完成另一侧标签的同步修改 |
| Beautify | 格式化 html ,js,css |
| Bracket Pair Colorizer | 给括号加上不同的颜色 |
| open in browser | 快速在浏览器中打开html文件 |
| Vetur | Vue多功能集成插件 |
| File Utils | File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。 |
| IntelliJ IDEA Keybindings | 安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。 |
相关文章：
JavaWeb--前端--01HTML和CSS
文章目录 1 前端开发介绍2 开发工具3 文档查阅4 VSCode的插件 1 前端开发介绍 Web标准也称为网页标准，由一系列的标准组成，大部分由W3C（ World Wide Web Consortium，万维网联盟）负责制定。由三个组成部分：…...
Oracle SQL中的DECODE函数与NVL函数：区别与应用场景详析
Oracle SQL中的DECODE函数与NVL函数：区别与应用场景详析 引言1. NVL函数简介与使用示例2. DECODE函数简介与使用示例3. NVL与DECODE函数的区别4. 使用场景举例结论 引言 在Oracle数据库开发和数据分析过程中，DECODE函数和NVL函数都是非常实用且常见的工具…...
)
算法设计与分析实验报告c++实现(N皇后问题、卫兵布置问题、求解填字游戏问题、图的m着色问题)
一．N皇后问题 基本原理和思路： 从一条路往前走，能进则进，不能进则退回来，换一条路再试。在包含问题的所有解的解空间树中，按照深度优先搜索的策略，从根结点出发深度探索解空间树。当探索到某一…...
深入探索Linux中的libgdbus：GDBus库的应用和实现
引言 在Linux系统中，DBus是一种高效的进程间通信（IPC）机制，广泛应用于桌面环境和系统服务之间的通信。GDBus是基于GLib库的DBus实现，作为libgdbus的一部分提供。它旨在提供一种简洁、高效的方式来实现DBus通信。通过深…...
MacOS下Qt 5开发环境安装与配置
最近笔者在MacOS中使用Qt Creator开发Qt程序时遇到了一些问题，在网上查了不少资料，都没有找到解决方案，只有自己进行研究摸索了，今天晚上终于将目前遇到的问题全部解决了，特记录下来分享给大家。 笔者使用的是MacOS 1…...
jquery 实现倒计时
$(".tableText").click(function () { var time 60; var timer setInterval(function(){ time--; $(".tableText").text("（"time"秒）重发"); if(time0){ clearI…...
MYSQL 5.7重置root密码
Mysql 5.7重置root密码 如果您忘记了MySQL 5.7的root密码，可以通过以下步骤重置： 停止MySQL服务。在命令行中输入以下命令： systemctl stop mysqld启动MySQL服务并跳过授权表。在命令行中输入以下命令： mysqld_safe --skip-gra…...
博客永久链接与计数
概述 工欲善其事，必先利其器。 对自己的博客不好用不满意很久了，但是这几年太懒。想趁着放假弄一下吧，发现几年没动，版本升级后很多东西变了，折腾了一下午效果不太理想。先记录一下。 问题 博客链接中有中文&#x…...
基于 RisingWave 和 ScyllaDB 构建事件驱动应用
概览 在构建事件驱动应用时，人们面临着两大挑战：1）低延迟处理大量数据；2）实现流数据的实时摄取和转换。 结合 RisingWave 的流处理功能和 ScyllaDB 的高性能 NoSQL 数据库，可为构建事件驱动应用和数据管道…...
mysql8.0高可用集群架构实战
MySQL :: MySQL Shell 8.0 :: 7 MySQL InnoDB Cluster 基本概述 InnoDB Cluster是MySQL官方实现高可用读写分离的架构方案,其中包含以下组件 MySQL Group Replication,简称MGR,是MySQL的主从同步高可用方案,包括数据同步及角色选举Mysql Shell 是InnoDB Cluster的管理工具,用…...
GRE/MGRE详解
GRE GRE：通用路由封装，是标准的三层隧道技术，是一种点对点的隧道技术； 该技术可以实现不同的网络之间安全的访问； 如上：可以使用该技术搭建一条专线，实现公司A与分公司A1之间相互通信…...
蓝桥杯（填空题）
十四届 B组 日期统计（暴力枚举） 数据 5 6 8 6 9 1 6 1 2 4 9 1 9 8 2 3 6 4 7 7 5 9 5 0 3 8 7 5 8 1 5 8 6 1 8 3 0 3 7 9 2 7 0 5 8 8 5 7 0 9 9 1 9 4 4 6 8 6 3 3 8 5 1 6 3 4 6 7 0 7 8 2 7 6 8 9 5 6 5 6 1 4 0 1 0 0 9 4 8 0 9 1 2 8 5 0 2 5 3…...
vim快捷指令
Vim是一款强大的文本编辑器，它提供了许多快捷指令来提高编辑效率。以下是一些常用的Vim快捷指令： 移动光标： h 向左移动一个字符j 向下移动一行k 向上移动一行l 向右移动一个字符w 跳到下一个单词的开头b 跳到前一个单词的开头e 跳到当前单词…...
LINUX 下IPTABLES配置详解
-t<表>：指定要操纵的表； -A：向规则链中添加条目； -D：从规则链中删除条目； -i：向规则链中插入条目； -R：替换规则链中的条目； -L：显示规则链中…...
CentOS 网卡ifcfg-eth0 ping不通外网（www.baidu.com）
1、如果确认好就直接激活网卡！ ifup eth0 2、慢慢找： cd /etc/sysconfig/network-scripts/ ls 找到你的网卡是啥，这里网卡是 ifcfg-eth0 执行1就好了！...
【C++】类和对象②（类的默认成员函数：构造函数 | 析构函数）
🔥个人主页：Forcible Bug Maker 🔥专栏：C 目录 前言 类的6个默认成员函数 构造函数 概念 构造函数的特性及用法 析构函数 概念 析构函数的特性及用法 结语 前言 本篇主要内容：类的6个默认成员函数中的构造函…...
【ZZULIOJ】1063: 最大公约与最小公倍（Java）
目录 题目描述 输入 输出 样例输入 Copy 样例输出 Copy 提示 code 题目描述 输入两个正整数，输出其最大公约数和最小公倍数。 输入 输入两个正整数n和m（n,m<1000000)。输入保证最终结果在int范围内。 输出 输出两个整数，用空格…...
遍历列举俄罗斯方块的所有形状
以前玩俄罗斯方块的时候，就想过一个问题，为什么俄罗斯方块就这7种形状，还有没有别的形状？自己也在纸上画过，比划来比划去，确实就这几种形状。 继续思考一下，那假如是3个块组合的形状࿰…...
将Visio绘图导出PDF文件，使其自适应大小，并去掉导入Latex的边框显示
问题描述 将Visio绘图导成pdf文件，首先在Visio绘图如下： 如果直接导出或者另存为pdf文件，则会发现pdf文件是整个页面大小，而不是图片大小。而且在导入latex等排版工具现实时，会显示边框。 问题解决 1.调整Visio中的页…...
android支付宝接入流程
接入前准备 接入APP支付能力前，开发者需要完成以下前置步骤。 本文档展示了如何从零开始，使用支付宝开放平台服务端 SDK 快速接入App支付产品，完成与支付宝对接的部分。 第一步：创建应用并获取APPID 要在您的应用中接入支付宝…...
别再死记PCA步骤了！用Python手推一遍协方差矩阵与特征值，真正搞懂降维本质
从协方差矩阵到特征值分解：用Python彻底理解PCA的数学本质 主成分分析（PCA）作为数据降维的经典算法，在实际应用中常被简化为"标准化→协方差矩阵→特征分解→降维"的固定流程。但真正理解其数学本质的开发者却寥寥无几—…...
JavaScript 遍历 JSON 所有 Key 的方法
1️⃣ for…in 循环（最常用） const json {name: "张三",age: 25,city: "北京" };for (let key in json) {console.log(key); // name, age, cityconsole.log(json[key]); // 张三, 25, 北京 }2️⃣ Object.keys()&am…...
5分钟搞定VRoid Studio中文界面：汉化插件完全使用指南
5分钟搞定VRoid Studio中文界面：汉化插件完全使用指南 【免费下载链接】VRoidChinese VRoidStudio汉化插件 项目地址: https://gitcode.com/gh_mirrors/vr/VRoidChinese 你是否因为VRoid Studio的全英文界面而感到困扰？作为一款功能强大的3D角色设…...
开源网络过滤工具librefang：DNS与代理混合部署实战指南
1. 项目概述：一个开源网络过滤与内容管理工具最近在折腾家庭网络和自建服务时，经常遇到一个核心需求：如何在不依赖商业方案或复杂硬件的前提下，对网络流量进行透明、高效且可定制的内容过滤与管理。无论是想给孩子一个更纯净的上网…...
检索增强生成（RAG）实战：Spring AI 集成向量数据库实现知识问答
系列导读 你现在看到的是《Spring AI 企业级集成与场景实践：从零搭建智能应用》的第 4/10 篇，当前这篇会重点解决：从零搭建一个可工作的 RAG 系统，解决 LLM 知识陈旧和幻觉问题。 上一篇回顾：第 3 篇《对话记忆与上下文管理：Spring AI 实现多轮会话与持久化存储》主要聚…...
Windows平台即时通讯防撤回技术深度解析与企业级应用方案
Windows平台即时通讯防撤回技术深度解析与企业级应用方案 【免费下载链接】RevokeMsgPatcher :trollface: A hex editor for WeChat/QQ/TIM - PC版微信/QQ/TIM防撤回补丁（我已经看到了，撤回也没用了） 项目地址: https://gitcode.com/GitHub…...
面向少儿的 AI 背单词 APP开发
开发一款面向少儿的 AI 背单词 APP，核心在于将“机械记忆”转化为“交互式探索”。结合 2026 年主流的 AI 智能体技术，其主要功能可以归纳为以下几个维度。1. 沉浸式动态语境生成不同于传统的静态例句，AI 会根据孩子的兴趣（如恐龙…...
壹：烧录Linux系统
名词解析：OTG：On-The-Go，含义：OTG 是一种 USB 的扩展功能，允许设备（如手机、开发板）在没有主机（如电脑）的情况下，既可以作为 USB 主机（Host&#…...
从社交推荐到金融风控：动态链路预测在工业界的5个落地场景详解
动态链路预测：从理论到商业价值的五大实战场景 社交平台上那些"可能认识的人"推荐，金融交易中突然拦截的欺诈提醒，电商首页精准推送的"猜你喜欢"——这些看似无关的场景背后，都藏着一个关键技术：动…...
苹果与伊利诺伊大学:四步AI绘图实现媲美五十步生成质量能力提升
这项由苹果公司（Apple）与伊利诺伊大学香槟分校（UIUC）联合开展的研究，于2026年5月以预印本形式发布在arXiv平台，论文编号为arXiv:2605.08078。研究提出了一种名为"正则化轨迹模型"（Nor…...