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 要在您的应用中接入支付宝…...
网络六边形受到攻击
大家读完觉得有帮助记得关注和点赞！！！ 抽象 现代智能交通系统 （ITS） 的一个关键要求是能够以安全、可靠和匿名的方式从互联车辆和移动设备收集地理参考数据。Nexagon 协议建立在 IETF 定位器/ID 分离协议 （…...
五年级数学知识边界总结思考-下册
目录 一、背景二、过程1.观察物体小学五年级下册“观察物体”知识点详解：由来、作用与意义**一、知识点核心内容****二、知识点的由来：从生活实践到数学抽象****三、知识的作用：解决实际问题的工具****四、学习的意义：培养核心素养…...
sqlserver 根据指定字符 解析拼接字符串
DECLARE LotNo NVARCHAR(50)A,B,C DECLARE xml XML ( SELECT <x> REPLACE(LotNo, ,, </x><x>) </x> ) DECLARE ErrorCode NVARCHAR(50) -- 提取 XML 中的值 SELECT value x.value(., VARCHAR(MAX))…...
汇编常见指令
汇编常见指令 一、数据传送指令 指令功能示例说明MOV数据传送MOV EAX, 10将立即数 10 送入 EAXMOV [EBX], EAX将 EAX 值存入 EBX 指向的内存LEA加载有效地址LEA EAX, [EBX4]将 EBX4 的地址存入 EAX（不访问内存）XCHG交换数据XCHG EAX, EBX交换 EAX 和 EB…...
智能仓储的未来：自动化、AI与数据分析如何重塑物流中心
当仓库学会“思考”，物流的终极形态正在诞生 想象这样的场景： 凌晨3点，某物流中心灯火通明却空无一人。AGV机器人集群根据实时订单动态规划路径；AI视觉系统在0.1秒内扫描包裹信息；数字孪生平台正模拟次日峰值流量压力…...
selenium学习实战【Python爬虫】
selenium学习实战【Python爬虫】 文章目录 selenium学习实战【Python爬虫】一、声明二、学习目标三、安装依赖3.1 安装selenium库3.2 安装浏览器驱动3.2.1 查看Edge版本3.2.2 驱动安装 四、代码讲解4.1 配置浏览器4.2 加载更多4.3 寻找内容4.4 完整代码 五、报告文件爬取5.1 提…...
Redis：现代应用开发的高效内存数据存储利器
一、Redis的起源与发展 Redis最初由意大利程序员Salvatore Sanfilippo在2009年开发，其初衷是为了满足他自己的一个项目需求，即需要一个高性能的键值存储系统来解决传统数据库在高并发场景下的性能瓶颈。随着项目的开源，Redis凭借其简单易用、…...
React从基础入门到高级实战：React 实战项目 - 项目五：微前端与模块化架构
React 实战项目：微前端与模块化架构 欢迎来到 React 开发教程专栏 的第 30 篇！在前 29 篇文章中，我们从 React 的基础概念逐步深入到高级技巧，涵盖了组件设计、状态管理、路由配置、性能优化和企业级应用等核心内容。这一次&…...
游戏开发中常见的战斗数值英文缩写对照表
游戏开发中常见的战斗数值英文缩写对照表 基础属性（Basic Attributes） 缩写英文全称中文释义常见使用场景HPHit Points / Health Points生命值角色生存状态MPMana Points / Magic Points魔法值技能释放资源SPStamina Points体力值动作消耗资源APAction…...
深入解析光敏传感技术：嵌入式仿真平台如何重塑电子工程教学
一、光敏传感技术的物理本质与系统级实现挑战 光敏电阻作为经典的光电传感器件，其工作原理根植于半导体材料的光电导效应。当入射光子能量超过材料带隙宽度时，价带电子受激发跃迁至导带，形成电子-空穴对，导致材料电导率显著提升。…...