码迷,mamicode.com
首页 > 其他好文 > 详细

前端工程化

时间:2021-01-01 11:38:44      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:复用   --   索引   优化工具   视觉   http   软件工程   请求   http请求   

一、前端工程化
    1、开发规范-- 制定好开发、部署的目录规范、编码规范。
    2、模块化-- 针对JavaScript、CSS,以及功能或业务为单元组织代码。
    3、组件化--将页面拆分成多个组件,每个组价依赖的CSS、JavaScript、模块、图片等资源放在一起开发和维护
    4、组件库--将非常通用的组件或者JavaScript模块放到一个公共的地方,供团队共享,方便新项目的复用。
    5、性能优化
    6、项目部署
    7、开发流程--完整的开发流程包括本地开发调试、视觉检查、前后端联调、测试、上线等环节
    8、工程工具--包括构建与优化工具、开发-调试-部署等流程工具、组件获取和提交工具等。

为什么前端工程化?
    ---复杂web应用,规模大,工程量非常庞大,需要我们从软件工程的角度思考前端开发,用工程化的手段来解决问题,提高团队的开发效率,这就是前端工程化。
    

二、服务器端渲染

    1、首屏渲染速度更快
    2、SEO--服务端渲染可以让搜索引擎更容易读取页面的meta信息、SEO相关信息,加大网站在搜索引擎中的可见度。
    3、减少HTTP请求--将一些动态数据首次渲染的时候同步输入到页面,而客户端渲染的时候需要AJAX等异步手段获取数据,这样就相当于多了一次HTTP请求。

Vue2.0
    1、普通服务端渲染
    2、流氏服务端渲染
    
   

前端工程化

标签:复用   --   索引   优化工具   视觉   http   软件工程   请求   http请求   

原文地址:https://www.cnblogs.com/qianqiang0703/p/14197284.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!