Robust是一档和编程相关的谈话类节目【关注微信公众号：wwwtangshuangnet】【本文受版权保护】，主要聊和编程，特别是web编程相关的话原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net题。改变世界，娱乐自己，编程不单单是写代原创内容，盗版必究。【本文首发于唐霜的博客】码，还有很多乐趣。

【关注微信公众号：wwwtangshua著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】ngnet】【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshu【转载请注明来源】著作权归作者所有，禁止商业用途转载。ang.net【未经授权禁止转载】

一个前端项目在规划的时候，都需要考虑哪些【作者：唐霜】【关注微信公众号：wwwtangshuangnet】问题，关注哪些点？本期 robust 就【访问 www.tangshuang.net 获取更多精彩内容】原创内容，盗版必究。让我们一起去讨论一下，规划一个前端项目都【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号：wwwtangshuangnet】要考虑的那些事。

网易云音乐：点击播放

企鹅 FM：点击播放

喜马拉雅：点击播放

求打赏🙇如果你觉得Rob【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】ust这样一档技术类的谈话节目还不错，希【本文受版权保护】【关注微信公众号：wwwtangshuangnet】望我继续做下去，不妨打赏支持。你可以扫描原创内容，盗版必究。本文作者：唐霜，转载请注明出处。本文下方的二维码打赏，也可以关注我的公众本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。号 wwwtangshuangnet 在本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。对应的文章后面打赏。

规划一个新的前端项目有哪些场景：

• 一个新项目交到你手上，boss对你说，你【作者：唐霜】【本文首发于唐霜的博客】需要帮他们把框架搭起来，后续由他们来维护
【原创不易，请尊重版权】【关注微信公众号：wwwtangshua【关注微信公众号：wwwtangshuangnet】【本文受版权保护】ngnet】
• 在你的项目内，衍生出一个新项目，这个项目转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】的业务和你现在的业务有交集
【版权所有，侵权必究】【本文受版权保护】
• 对老项目做重构
【作者：唐霜】【访问 www.tangshuang.n【转载请注明来源】转载请注明出处：www.tangshuang.netet 获取更多精彩内容】
• 创业了，来，我们讨论一下用哪些技术来搭建【转载请注明来源】原创内容，盗版必究。应用
原创内容，盗版必究。【本文受版权保护】【转载请注明来源】【转载请注明来源】

规划时比较容易犯的错误：

• 这个问题一般不会发生，我们先实现效果再说
原创内容，盗版必究。转载请注明出处：www.tangshua【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】ng.net
• 这种问题等到以后发生了再说（和第一个问题【本文受版权保护】著作权归作者所有，禁止商业用途转载。的区别在于，这个问题是可以预见的，一定可【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net能发生的，只是概率比较小，比如说按照某个本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。操作，一定会进入某个错误，但是比较难解决本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net，而且用户几乎不会走这样一个操作，所以，【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。就说先放一放，但这实际上是一个漏洞）
未经授权，禁止复制转载。【作者：唐霜】未经授权，禁止复制转载。
• 要是真有这种需求，我们估计那会儿已经很有【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。钱了，可以招很多人来做
未经授权，禁止复制转载。【版权所有，侵权必究】原创内容，盗版必究。未经授权，禁止复制转载。
• 这个技术过时了，我们一定要用最新的技术
【版权所有，侵权必究】【转载请注明来源】原创内容，盗版必究。【版权所有】唐霜 www.tangshu转载请注明出处：www.tangshuang.net原创内容，盗版必究。ang.net
• 这个技术太超前了，理解成本太高，新手根本本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】无法上手
原创内容，盗版必究。【作者：唐霜】【原创内容，转载请注明出处】未经授权，禁止复制转载。

规划时不可遗落的考虑点：

• 安全（后期成本极高，必须在最早期的开发阶著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。段拥有安全意识并付诸实践）
原创内容，盗版必究。原创内容，盗版必究。
• 性能（极力反对“用户的机器和网速已经非常原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。好了，不需要考虑”这样的观点）
著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】
• 多语言国际化（不出三年，必定有这个需求）
著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.n【作者：唐霜】【转载请注明来源】et 获取更多精彩内容】【作者：唐霜】【本文首发于唐霜的博客】
• 精炼代码（否则发展两年，代码量会非常大，著作权归作者所有，禁止商业用途转载。【作者：唐霜】本质上是强调可复用性，但也不能为了可复用【本文受版权保护】著作权归作者所有，禁止商业用途转载。牺牲可读性）
【转载请注明来源】本文作者：唐霜，转载请注明出处。
• 共享库（例如多端开发，或者一个项目组下有【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。业务交集的两个项目）
本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。

如何选择前端框架？

• 框架的流行度、生态（方便招人，目前来讲没本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】得选，只有 vue、react、angu【未经授权禁止转载】未经授权，禁止复制转载。lar）
【访问 www.tangshuang.n本文版权归作者所有，未经授权不得转载。【本文受版权保护】et 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。
• 框架的理解和上手成本
【本文受版权保护】【访问 www.tangshuang.n著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。et 获取更多精彩内容】转载请注明出处：www.tangshua【原创不易，请尊重版权】未经授权，禁止复制转载。ng.net
• 可移植性（多端开发）
转载请注明出处：www.tangshua【版权所有，侵权必究】【作者：唐霜】ng.net转载请注明出处：www.tangshua【版权所有】唐霜 www.tangshuang.net【转载请注明来源】ng.net
• 可扩展性（举个例子，angaulr1.x本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】版本的组件，无法非常容易的进行扩展）
【未经授权禁止转载】原创内容，盗版必究。转载请注明出处：www.tangshua【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.netng.net未经授权，禁止复制转载。
• 符合 web 标准趋势，例如 web-c【原创不易，请尊重版权】【关注微信公众号：wwwtangshuangnet】omponent
本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】【未经授权禁止转载】

2019-07-07 2776