对于使用html去进行前端开发的全面认识,以及过度到vue开发

核心解决的问题:

1.前端写好的文件是什么

2.如何部署在nginx上

3.在此基础上,为什么还要发展出框架

我们这以一个极简demo来认识这个html文件。

1.如何把静态资源html发布到公网上供访问。

假如我们要在公网ip上,有服务器,装了linux系统,以及nginx,配置了nginx,还有一个html文件。

那么,我们就可以把整个html发布到网上,谁都可以访问这个静态资源。因为这个html,需要依赖css文件,或者其他的html,所以是一整个文件夹。

nginx只要指定index,就是一个html作为主页,然后主页能找到其他的静态资源就可以。

2.对于这个极简demo,内部实现原理。实现思路

1.设计html以及css

我们写一个html。先规划好正整个整体页面,要长什么样子。从上到下,从左到右。应该是什么样子的。

这个页面的主题是什么

基本架子,网页结构是什么

给谁用

2.设计动态交互效果。

那些需要点击,需要实现什么效果。网络传输

3.企业级前段工程化需要解决什么问题。

1.登陆校验

2.数据通讯

3.多套生产环境,一键切换

4.数据持久化。

相关推荐
天平10 小时前
油猴脚本创建webworker踩坑记录
前端·javascript·typescript
原则猫12 小时前
前端基础大厦
前端
陈随易13 小时前
编程语言级别的Skill市场,AI Agent 的未来形态
前端·后端·程序员
SoaringHeart14 小时前
Flutter进阶:基于 EasyRefresh 的下拉刷新封装 n_easy_refresh_mixin.dart
前端·flutter
IT_陈寒16 小时前
Vite的热更新突然不香了,排查三小时差点砸键盘
前端·人工智能·后端
子兮曰16 小时前
Agency-Agents 深度解析:400+ AI 专家的"梦之队"如何重塑开发工作流
前端·后端·vibecoding
山河木马16 小时前
渲染管线-计算得到gl_Position(顶点着色器)之后续GPU流程
javascript·webgl·图形学
竹林81817 小时前
用 The Graph 查询链上数据实战:从手搓 RPC 到 Subgraph,我的 NFT 项目数据加载快了 10 倍
前端·javascript
妙码生花17 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十九):点选验证码代码逐行目检
前端·后端·go
Awu122718 小时前
⚡从零开发 Agent CLI(五)实现一个可治理、可扩展的工具系统
前端·人工智能·claude