网站开发的项目总结,centos 7.3 wordpress,零一云主机,网页设计于制作课程标准前端知识栈
前端三要素#xff1a;HTML、CSS、JS HTML 是前端的一个结构层#xff0c;HTML相当于一个房子的框架#xff0c;可类比于毛坯房只有一个结构。CSS 是前端的一个样式层#xff0c;有了CSS的装饰#xff0c;相当于房子有了装修。JS 是前端的一个行为层#xff…前端知识栈
前端三要素HTML、CSS、JS HTML 是前端的一个结构层HTML相当于一个房子的框架可类比于毛坯房只有一个结构。CSS 是前端的一个样式层有了CSS的装饰相当于房子有了装修。JS 是前端的一个行为层有了JS就让房子通了水电燃气让房子能够有各种资源。 在前端为了简化开发于是有了各种的框架 JavaScript框架 JQuery 框架简化了DOM操作但是对DOM的操作太频繁的时候会影响前端性能Angular框架将后端的MVC模式搬到前端增加模块化开发理念。缺点是迭代不合理React框架提出了【虚拟DOM】概念减少DOM操作。在内存中虚拟DOM提升前端渲染效率。Vue框架渐进式JavaScrip框架实现模块化路由状态管理。综合了Angular(模块化)和React(虚拟DOM)的优点Axios框架前端通信框架。 UI框架 Ant-Design基于React的UI框架ElementUI基于Vue的UI框架 JavaScript构件工具 BabelJs编译工具WebPack:模块打包器主要用于打包、压缩、合并及加载
前后端分离
在web1.0阶段浏览器上的页面都是固定的。需要在页面上写好所有的内容包含结构。后来丰富了页面的展示再然后就有了一些简单的页面交互。这些都是通过一次请求返回到页面的页面的内容发布之后每个人都能看到相同的东西。后来有了动态页面技术。页面上的内容可以根据后端的数据进行动态变化。如JSP阶段这个时候前端的代码和后端的代码是混在一起的。页面的跳转通过后端的ModelAndView来转发或重定向。基于AJAX通过接口商定可以前后端分别独立开发。提高开发效率。通过NodeJS实现了前端也可以作为一个服务来独立启动前端可以只专注于页面内容样式和行为代码。