为什么 Web 前端开发不抛弃 HTML 和 CSS，用纯 JavaScript 开发？

从分析介绍来看，题主的主要工作内容是还是从事游戏方向的工作，前端里面的游戏开发大部分应用在canvas绘图里面，应用前端里面的html结构和css样式是比较低；那么咱们就需要从多角度考虑考虑为什么web前端不抛弃HTML和CSS：
1、网站难易度

如果一个网站主要是为了展示内容的话不涉及到任何的大量的数据交互或者是操作，那么是不是用JavaScript就有些多余了呢，明明可以使用简单的方式实现非要去搞逻辑，那是不是就杀鸡用牛刀，大材小用了呢

2、小白误操作和网络限制

如果用户是一个电脑小白在弹出的窗口或者是误操作点击了不允许任何网站运行JavaScript的话，恰巧这个网站还使用了题主所谓的JavaScript替代HTML和CSS的开发模式，那么是不页面就会变成一排你空白呢？一点页面结构都不会显示呢？

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】每天更新最新技术文章干货。

还有就是我们知道js编译是通过浏览器进行编译的，那么总有一些时候我们的网站会受到网速的限制加载不出来，如果一个网站，显示加载时间过长的话，是不是就会让我们的用户体验度降低。而且浏览器会告诉你：“只要你敢用这样的开发方式，但凡网络受限制，我就黑屏给你看”。

根据这样的情况，我们很明显可以认真的使用HTML和CSS解决基本显示和网络延时加载的问题，为啥非得要偏偏考虑这么极端的方法呢？

3、存在即合理

我一个搞程序的下面一本正经的说哲学了，存在即合理，既然存在HTML和CSS那么就有他存在的道理；万事万物的产生必然有他的道理，先有了结构再去有样式，有了结构样式后才去考虑交互；HTML和CSS就相当于我们的基础设施一样，就算你其他设施再怎么完善的话基础设置都不会被取缔；最简单的例子，最开始的网页布局就是从表格开始写的；但是为了简化出来了div，但是表格布局他也没有退出历史舞台；他就相当于基础设施一样不会被舍弃，遇到对应的布局时候我们照样会使用表格布局；

4、有发展有进步

针对现状来看，不是没有对应的技术来替代，只不过大部分人还是比较偏向于使用html和css来进行开发，而且有一个语言有每一个语言的优势，因人而异。如果你执意的要去使用JavaScript替代的话那也是可以的

所以总结来看吧，个人还是比较偏向于结构样式行为分离的，这样各做各的事情很好，如果执意要这么操作的话，我也拦不住。所以适合自己的才是最好的

为什么 Web 前端开发不抛弃 HTML 和 CSS，用纯 JavaScript 开发？相关推荐

web前端知识总结一（HTMl+CSS）
web前端知识总结一(HTML+CSS) 文章目录 web前端知识总结一(HTML+CSS) 浏览器 HTML基础换行标签水平线标签图片标签绝对路径相对路径视频标签链接标签锚点无序列 ...
【微信小程序开发全流程】篇章0：基于JavaScript开发的校园综合类微信小程序的概览
基于JavaScript开发的校园综合类微信小程序的概览本文仅供学习,未经同意请勿转载一些说明:上述项目来源于笔者我本科大三阶段2020年电子设计课程项目,在这个项目中,我主要是负责的部分有前端, ...
css中如何实现帧布局_浅谈web前端中的表格布局与CSS盒子布局
在web前端设计排版时我们可能会用到表格布局和div+CSS布局,但现在主要使用后者,为何?今天我们来谈一谈两者之间的发展和原理. 话不多说下面来干货发展过程上个世纪Web开发人员流行使用表格进行 ...
web前端技术：学习HTML、CSS、JavaScript
学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript,本文详细为你解答他们都是能实现哪些功能? 1HTML是网页内容的载体内容就是网页制作者放在页面上想要让用户浏览的信息,可以 ...
web前端期末大作业基于HTML+CSS+JavaScript角色管理(带增删改查功能)
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 学生管理系统网页设计 | OA管理系统 | 后台管理模板 | ...
Web前端学习课程笔记之HTML+CSS
课程来源:[千锋教育_Web前端最全教程从入门到精通(HTML+CSS全套)]https://www.bilibili.com/video/BV1p4411T765?vd_source=78a1550 ...
web前端入门到实战：实现CSS形状变换
CSS3的"clip-path",这个"clip-path"看起来有点眼熟,因为它原本就存在于SVG里头,利用掩码(剪裁)的方法,连接坐标绘制掩码区域,就可以做 ...
Web前端基础回顾（HTML、CSS）
目录 Web开发 HTML 常用标签介绍表单 CSS 样式及选择器分类标签分类及嵌套尺寸及颜色表示盒模型布局方式背景属性 CSS文本属性 Web开发网页,交由浏览器运行的程序组成:HT ...
网页开发基础，HTML、CSS技术、JavaScript基础
一.学习目标 1.HTML技术 2.CSS技术 3.JavaScript基础二.重要知识点 1.HTML技术超文本标记语言(英语:HyperText Markup Language,简称:HTML ...

为什么 Web 前端开发不抛弃 HTML 和 CSS，用纯 JavaScript 开发？

为什么 Web 前端开发不抛弃 HTML 和 CSS，用纯 JavaScript 开发？相关推荐

最新文章

热门文章