weixin_42227130-CSDN博客

原创前端架构之路（9） - 服务器端渲染（SSR）与 node 中间层

服务器端渲染（SSR）与 node 中间层1. 什么时候需要“服务器端渲染或 node 中间层”在前后端分离之后，后端语言的模板功能被弱化，整个页面的渲染基本上都由前端 js 动态渲染，但这样对于一些应用来说是有缺陷的。比如需要 SEO 的，需要打开页面不用等待就能看到页面的，这尤其对于电商类应用是必需的。解决这个问题有两个思路：服务器端渲染（SSR）：就是服务器端和前端共用...

2018-06-16 10:37:49 7826

原创前端架构之路（8） - 单页面应用（SPA）、按需加载

单页面应用（SPA）、按需加载1. 多页面应用传统多页面是由后端控制一个 url 对应一个 html 文件，页面之间的跳转需要根据后端给出的 url 跳转到新的 html 上。比如：http://www.example.com/page1 -> path/to/page1.htmlhttp://www.example.com/page2 -> path/to/pa...

2018-06-15 17:05:48 1509

原创前端架构之路（7） - 私有 npm 仓库

私有 npm 仓库1. “私有 npm 仓库” 有何用组件化之后，搭建 “私有 npm 仓库” 是个不错选择。私有 npm 仓库可以让我们使用组件就像 npm 官方仓库里的包一样方便。一般私有 npm 仓库有以下一些特性：私有包托管在内部服务器或者单独的服务器上；可以同步整个官方仓库，也可以只同步需要的；下载的时候，可以让公共包走公共仓库，私有包走私有仓库；可以缓存...

2018-06-15 17:05:21 3024

原创前端架构之路（6） - 组件化

组件化1. 什么是 “组件化”组件化就是将项目中可以共用的代码提取出来，单独成一个组件，以便在多个地方调用此组件，这样便可以做到只维护一份代码，而不需要每次更新都要改多个地方，而且还不能保证都一样。组件化一般分为项目内的组件化和项目外的组件化。2. 项目内组件化项目内的组件化，就是一个项目中可以共用的代码提取出来，独立成组件，供项目其他地方调用。比如像上一节推荐使用的目...

2018-06-15 17:04:50 393

原创前端架构之路（5） - 构建工具 for teamwork

构建工具 for teamwork1. 为什么需要 “构建工具 for teamwork”现在对于构建工具的使用已经非常广泛了，从 grunt 到 gulp，再到 webpack，一个个更加强大工具在不断出现，前端的技术更新节奏之快真的有点让人应接不暇呢（^_-）。但这些构建工具也只是提供了一些基础子集，对于团队来说，还需要把这些子集进行组合，打造适合团队开发的构建工具。2. ...

2018-06-15 17:04:15 285

原创前端架构之路（4） - 前端开发文档

前端开发文档1. 为什么需要 “前端开发文档”上一节讲到开发规范，不以规矩，不成方圆，团队开发离不开规范，这一节讲的开发文档是对开发规范的一个补充。从目的上讲，规范与文档都是为了降低团队的协作成本和维护成本，提高开发效率和质量，保证不会因为开发人员的变动而产生较大的影响。2. 哪些需要形成文档2.1 注释（只讨论 js）随着前端的发展，文档已经慢慢的变得不可或缺...

2018-06-15 17:03:46 5200

原创前端架构之路（3） - 前端开发规范

前端开发规范1. 为什么需要 “前端开发规范”规范不是强制性的，对代码的编写和程序的运行不会有致命的问题，但是没有规范会有一系列的问题，比如：缺乏规范，第一个问题就是团队编码风格不一，增加了成员之间代码的阅读成本，加大了团队协作成本和维护成本；随着团队人员的变化（多人开发一个应用，或者应用更换开发人员），如果缺乏规范，项目可能会变得一团糟，甚至失控；即便是个人开发，规范也是需...

2018-06-15 17:03:16 993

原创前端架构之路（2） - 本地化接口模拟、前后端并行开发

本地化接口模拟、前后端并行开发1. 为什么需要 “本地化接口模拟、前后端并行开发”在前后端分离之前，前后端的数据交流以及页面渲染使用后端的模板（如 java > jsp、php > smarty）是很常见的，所以前端对页面的开发与调试总是依赖后端程序，而不能本地运行，这就导致前端开发很耗时，并且毫无意义。前后端分离之后，前端能够在本地运行服务程序、开发、调试，这让前端开发人...

2018-06-15 17:02:25 934

原创前端架构之路（1） - 前后端分离、web与static服务器分离

前后端分离、web与static服务器分离1. 为什么需要 “前后端分离、web与static服务器分离”web前端的发展历史大致可以分为两个阶段：node 之前与 node 之后。在 nodejs 出现之前，前端的发展一直比较缓慢，主要是因为：html/css/js 从设计之初开始，都只为浏览器服务，并且在整个web程序中，是以后端为主，前端为辅，前端需要配合不同的后端做出调整...

2018-06-15 17:01:19 2496

weixin_42227130的博客