首页技术文章正文

什么是客户端渲染？

更新时间:2021年08月20日16时10分来源:传智教育浏览次数:

客户端渲染，即传统的单页面应用(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命令来别断页面便能更新更改的模块，并且将政来及时展示出果这极大地提高了开发效率。

猜你喜欢：

前端必会框架：VUE2.0+3.0全套教程

网站性能优化的10种方法

什么是URL？URL是怎么组成的？

jQuery选择器基本语法格式和jQuery选择器的优势

传智教育web前端高级软件工程师课程

上一篇：什么是服务器端渲染？它有哪些优点和不足？ 下一篇：怎样实现服务器端渲染？