对于使用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.数据持久化。

相关推荐
im_AMBER20 小时前
高并发下的列表乱序与文档同步
前端·react.js·架构
游戏开发爱好者820 小时前
React Native iOS 代码如何加密,JS 打包 和 IPA 混淆
android·javascript·react native·ios·小程序·uni-app·iphone
前进的李工20 小时前
LangChain使用之Model IO(提示词模版之ChatPromptTemplate)
java·前端·人工智能·python·langchain·大模型
漫随流水21 小时前
旅游推荐系统(login.html)
前端·html·旅游
1024小神21 小时前
记录xcode项目swiftui配置APP加载启动图
前端·ios·swiftui·swift
CHU72903521 小时前
社区生鲜买菜小程序前端功能版块设计及玩法介绍
前端·小程序
尤山海21 小时前
深度防御:内容类网站如何有效抵御 SQL 注入与脚本攻击(XSS)
前端·sql·安全·web安全·性能优化·状态模式·xss
前端小趴菜0521 小时前
Windi CSS
前端·css
榴莲omega21 小时前
第7天:网络进阶——TCP/UDP、WebSocket、长连接
javascript·网络·tcp/ip·udp·八股
xuankuxiaoyao21 小时前
VUE.JS 实践 第二章
前端·javascript·vue.js