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

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

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

其中,html文件内容如下:

js文件内容如下:

css文件内容如下:

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

效果如下:

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

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

相关推荐
陈随易6 分钟前
副业搞钱点子之赛事与活动
前端·后端·程序员
电梯界知识分子9 分钟前
景德镇老房重新设计阶段规划楼梯与电梯,1.7m×1.6m空间装400kg观光电梯,棕色框架茶色玻璃适配中式装修
大数据·服务器·前端·网络·家用电梯
Shell运维手记18 分钟前
Shell 脚本入门课堂讲解
前端·chrome
Profile排查笔记21 分钟前
有哪些开源指纹浏览器项目?先核对客户端、内核与许可证
前端·人工智能·后端·自动化
CodeGL26 分钟前
16、Python Web开发
开发语言·前端·python
FRing0333 分钟前
JavaScript入门到精通二十九(内置构造函数(Object、Array))
开发语言·前端·javascript
AAA程序技术39 分钟前
从 DOM 到屏幕:浏览器渲染管线六步拆解
前端·浏览器
zach39 分钟前
useContext 深入讲解:组件透传、原理与最佳实践
前端
张一凡931 小时前
AI 改完代码,人却不知道它改了什么:架构漂移才是真正的成本
前端·后端·agent
sycmancia1 小时前
Qml——Text元素
java·前端·html