前端项目练习(练习-001-纯原生)

先创建一个空文件夹,名字为web-001,然后用idea开发工具打开,如图:

可以看到,这是个彻底的空项目,创建 index.html index.js index.css三个文件,如图:

其中,html文件内容如下:

js文件内容如下:

css文件内容如下:

这是一个最简单的前端结构,纯静态的,点击idea右上角可以直接在浏览器中打开:

效果如下:

可以看到,字体颜色和控制台打印的效果都很正常。

这就是第一个项目的搭建,是从我们熟悉的老模式开始的。

相关推荐
空&白7 分钟前
css元素的after制作斜向的删除线
前端·css
海盐泡泡龟7 分钟前
“组件、路由懒加载”,在 Vue3 和 React 中分别如何实现? (copy)
前端·javascript·react.js
coding随想16 分钟前
深入浅出WebGL:在浏览器中解锁3D世界的魔法钥匙
javascript
_揽39 分钟前
html如何在一张图片上的某一个区域做到点击事件
前端·html
踢足球的,程序猿42 分钟前
从 Vue 2.0 进阶到 Vue 3.0 的核心技术解析指南
前端·javascript·vue.js·前端框架·html
冷凌爱44 分钟前
Fetch与Axios:区别、联系、优缺点及使用差异
前端·node.js·js
袁煦丞1 小时前
跨平台终端王者Tabby:cpolar内网穿透实验室第632个成功挑战
前端·程序员·远程工作
Sailing1 小时前
Grafana-mcp-analyzer:基于 MCP 的轻量 AI 分析监控图表的运维神器!
前端·node.js·mcp
阿山同学.1 小时前
AWS 亚马逊 S3存储桶直传 前端demo 复制即可使用
前端·javascript·aws
Jolyne_2 小时前
grid 实现完美的水平铺满、间隔一致的自适应布局
前端·css