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 要在您的应用中接入支付宝…...
益达App：5分钟打造你的跨平台全能媒体聚合神器
益达App：5分钟打造你的跨平台全能媒体聚合神器 【免费下载链接】yidaRule 益达规则仓库 项目地址: https://gitcode.com/gh_mirrors/yi/yidaRule 还在为手机里装满了各种视频、音频、阅读App而烦恼吗？每天在不同应用间切换，只为找到想…...
2026最权威AI论文写作工具榜单：这些被高校和导师悄悄推荐的软件你还不知道？
AI论文写作工具正在重塑学术研究的效率与质量。依托权威检测平台、高校实测数据及广大师生的真实反馈，这些工具已逐步成为科研工作者不可或缺的助手。本文基于多维测评与实际应用效果，盘点2026年最受高校和导师推荐的AI论文写作软件，带你了解…...
Qwen3-4B-Instruct-2507部署避坑指南：从vLLM到Chainlit，新手必看
Qwen3-4B-Instruct-2507部署避坑指南：从vLLM到Chainlit，新手必看 1. 环境准备与快速部署 1.1 系统要求检查 在开始部署前，请确保您的环境满足以下最低要求： 操作系统：Ubuntu 20.04/22.04 或兼容的Linux发行版GPU&a…...
Linux服务器卡死？5分钟定位hung task与soft lockup的实战技巧
Linux服务器卡死？5分钟定位hung task与soft lockup的实战技巧 凌晨三点，服务器监控突然告警——核心业务节点失去响应。作为运维工程师，这种场景往往意味着不眠之夜。但不同于新手的手足无措，经验丰富的系统管理员知道：…...
Qwen3.5-4B-Claude-GGUF效果展示：同一问题在不同Temperature下的推理差异
Qwen3.5-4B-Claude-GGUF效果展示：同一问题在不同Temperature下的推理差异 1. 模型介绍 Qwen3.5-4B-Claude-4.6-Opus-Reasoning-Distilled-GGUF是一个基于Qwen3.5-4B的推理蒸馏模型，特别强化了结构化分析、分步骤回答、代码与逻辑类问题的处理能力。这个…...
P1122 最大子树和
题目描述 小明对数学饱有兴趣，并且是个勤奋好学的学生，总是在课后留在教室向老师请教一些问题。一天他早晨骑车去上课，路上见到一个老伯正在修剪花花草草，顿时想到了一个有关修剪花卉的问题。于是当日课后，小明就向老…...
Stable Diffusion像素艺术工作站实战：Pixel Fashion Atelier Forge Scale调优指南
Stable Diffusion像素艺术工作站实战：Pixel Fashion Atelier Forge Scale调优指南 1. 像素时装锻造坊简介 Pixel Fashion Atelier是一款基于Stable Diffusion与Anything-v5的图像生成工作站，专为像素艺术创作而设计。与传统AI工具不同，它采…...
DAMOYOLO-S保姆级教学：Gradio自定义组件添加‘清空缓存’按钮实操
DAMOYOLO-S保姆级教学：Gradio自定义组件添加‘清空缓存’按钮实操 1. 引言：为什么需要“清空缓存”按钮？ 如果你用过DAMOYOLO-S这个目标检测模型，可能会发现一个不大不小的问题：连续上传多张图片进行检测后ÿ…...
WuliArt Qwen-Image Turbo科研部署：计算机视觉课题组可控图像生成基线
WuliArt Qwen-Image Turbo科研部署：计算机视觉课题组可控图像生成基线 1. 项目概述 WuliArt Qwen-Image Turbo是一款专为计算机视觉课题组和科研人员设计的轻量级文本生成图像系统。这个项目基于阿里通义千问Qwen-Image-2512文生图底座，深度融合了Wuli…...
教育场景实践：OpenClaw+GLM-4.7-Flash自动批改作业与生成评语
教育场景实践：OpenClawGLM-4.7-Flash自动批改作业与生成评语 1. 为什么选择OpenClaw做教育自动化 去年冬天，当我连续第三周熬夜批改学生提交的Python作业时，突然意识到这种重复劳动正在吞噬我的创造力。直到在GitHub偶然发现OpenClaw&#…...