Skip to content

[软技能] 第276天 说说你对前端架构的理解 #1787

Open
@haizhilin2013

Description

@haizhilin2013

第276天 说说你对前端架构的理解

我也要出题

Activity

forever-z-133

forever-z-133 commented on Jan 17, 2020

@forever-z-133

哇,涵盖面太广了,只能尽量答。

  1. 目录结构(比如 template 和 pages 是否拆分,配置是否分开写等)
  2. 公共资源(组件、配置、函数、样式、接口、图片字体、状态管理等)
  3. 中间件(接口拦截、路由拦截、权限管理、数据注入等)
  4. 代码检查(设定 eslint、prettier、ts、git 规则等)
  5. 部署与测试方案(代码测试,测试流程,测试配置,部署流程,缓存策略,跨域策略)
  6. 多项目管理(多入口、多出口、多配置等)

以上都还只是基础,其实里面有着相当多的细节,
比如要不要灰度发布,哪些是 runtime 配置,写成了 anyscript,等等。

也可能我对架构的理解是错的哈,架构不应该这么细节的。
但自己每次搭脚手架时就想的这些,是在搭架子规范开发的感觉,所以这么认为了。还请指点。

haizhilin2013

haizhilin2013 commented on Jan 17, 2020

@haizhilin2013
CollaboratorAuthor

哇,涵盖面太广了,只能尽量答。

  1. 目录结构(比如 template 和 pages 是否拆分,配置是否分开写等)
  2. 公共资源(组件、配置、函数、样式、接口、图片字体、状态管理等)
  3. 中间件(接口拦截、路由拦截、权限管理、数据注入等)
  4. 代码检查(设定 eslint、prettier、ts、git 规则等)
  5. 部署与测试方案(代码测试,测试流程,测试配置,部署流程,缓存策略,跨域策略)
  6. 多项目管理(多入口、多出口、多配置等)

以上都还只是基础,其实里面有着相当多的细节,
比如要不要灰度发布,哪些是 runtime 配置,写成了 anyscript,等等。

也可能我对架构的理解是错的哈,架构不应该这么细节的。
但自己每次搭脚手架时就想的这些,是在搭架子规范开发的感觉,所以这么认为了。还请指点。

总结得很好,但架构会涉及到的内容确实多

liwudi

liwudi commented on Jan 17, 2020

@liwudi

关于前端(h5部分),已经说的很好了。
关于大前端,应该有更高的维度来思考。包括Ios、Android、h5、小程序等等。
我们要关注,如何做公共服务、公共组件、公用工具?业务开发、基础服务如何平衡?
推荐一篇文章:https://www.jianshu.com/p/bb8ac7db7e2d

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@forever-z-133@liwudi

        Issue actions

          [软技能] 第276天 说说你对前端架构的理解 · Issue #1787 · haizlin/fe-interview