idea开发网页

发布日期：2025-11-07 12:38浏览次数：

最近突然想自己捣鼓个网页出来试试，说干就干。直接打开电脑，摸到Idea那个绿油油的图标就点了进去。这东西之前写Java倒是常用，搞网页还真是头一回。

一、开局摸瞎全靠点

新建项目的时候，看着一堆选项眼都花了。什么Spring Boot、Maven，根本搞不明白有啥区别。心一横，闭着眼睛选了静态Web那个选项，反正就是瞎试呗。建完项目一看傻眼了，空荡荡的，就一个孤零零躺在那里。

硬着头皮双击打开这个html文件，对着空白页面发了几分钟呆。突然想起来以前看别人写代码要写<html><body>这些玩意儿，赶紧照着敲进去。手一抖还把标签打反了，显示不出来，又折腾半天找错，急得抓耳挠腮。

琢磨着整个标题放最顶上，用<h1>标签糊了行大字"欢迎来到我的破站"。看着光秃秃的实在难受，想弄个蓝底白字。结果颜色代码根本记不住，偷摸打开百度搜"蓝色十六进制"，复制了#0000FF粘进style标签里。完事儿刷新一看，嚯，整个屏幕蓝得晃眼，差点闪瞎。

接着想分两栏，左边放菜单右边放内容。听说用<div>能分区，吭哧吭哧写俩div。结果这俩玩意儿上下摞着跟叠罗汉似的。搜了半天才知道得加float:left，加完又发现右边那栏被挤到下面去了。气得捶桌子，用display:flex才勉强搞定，累出一身汗。

想加点花样，搞个按钮跳转。写了行<button onclick="*='#'">，点完屁反应没有。查了半小时发现单引号打成了中文的引号，破编译器也不报错。改完测试终于蹦了下页面，成就感还没捂热乎，发现点完按钮地址栏多个井号，页面根本没动地方。

不服气又想传张图。把猫照片拽进项目文件夹，img标签src写成"猫.jpg"。死活加载不出来，F12打开浏览器控制台一看报错，路径乱套。折腾到快放弃才搞懂要写"./猫.jpg"，图片跳出来那刻差点老泪纵横。

七拼八凑搞了两天，搞出来个四不像。点按钮会闪一下，图片大小没调好被压成扁猫，左边菜单栏宽度还随内容乱蹦。但好歹能从本地浏览器打开了！跟同事炫耀，人家问我为啥不用现成框架。我嘴硬："自己写的才叫真功夫"，转头立马去搜VUE教程了。

这回折腾完算是明白了，开发工具再好使也架不住人菜！下次再搞网页，高低得备个保温杯泡枸杞，省得气急攻心。