客户端渲染是什么？【前端技术文章】

更新时间:2021-08-20 来源:黑马程序员浏览量:

IT培训班

客户端渲染，即传统的单页面应用(SPA)模式，Vue.js 构建的应用程序默认情况下是-个HTML模板页面，只有一个id为app的<div>根容器，然后通过webpack打包生成CSs、js等资源文件，浏览器加载、解析来渲染HTML。

在客户端渲染时，一般使用的是webpack-dev-server插件，它可以帮助用户自动开启一个服务器端，主要作用是监控代码并打包，也可以配合webpack-hot-middleware来进行热更替(HMR),这样能提高开发效率。

注意：

webpack-dev-middleware一般和wbpack-hot-middleware配套使用，前者是一个express中间件，主要实现两种效果，一是提交编译计举读取速度，二是监听watch变化，完成动态编译。虽然完成了监听变化并动态编译，但是在浏览器上不能动态刷新。webpack-hot-middleware弥补了这一不足之处，实现了浏览器的动态刷新。

在wehpack中使用模块热替换(HMR).能够使得应用在运行时无须开发者重新运行npm nuna命令来别断页面便能更新更改的模块，并且将政来及时展示出果这极大地提高了开发效率。

猜你喜欢：

JavaScript面向对象修改标签页详解

什么是AngularJS？它有哪些特性？

3D变形能实现怎样的效果？示例代码演示变形操作

黑马程序员web前端高级软件工程师培训

上一篇：什么是服务器端渲染？服务器端渲染简介 下一篇：Java模块开发—5分钟学会模拟订单数据