首先回答主要问题:是，不是。 如果专注于前台，以前台为点，然后学习互联网技术的方方面面，未来大有可为；如果你只是觉得前台只是一个切页和web端的界面，比如这个CSS一般是美工还是前台程序员写的？没有大概率的未来。 以下是我对前台的片面理解，可能不对。让我们来看看。 我觉得前台很有前途，很有钱。 因为这个职位处于技术链的中心 往前走，可以接触产品设计和客户，对公司核心业务线有更清晰的了解；展望未来，它可以与后台和BFF(后端对前端)等技术更紧密地集成。 掌握了公司的核心业务线，那么基本上工作保障就有了；如果能在前台技能已经很扎实的情况下，继续钻研后台，基本上走技术路线才是核心发展，走管理路线才会上升到顶端。 因为如果一个程序员不仅能很好的理解业务，还能透彻的理解前后台的结合，那么他基本上就会成为一个团队中最高不可攀的人。 狭义的前台开发的不同形式:微信小程序是前台开发；各种移动网页也是前台；甚至大部分原生应用都嵌套了前台页面。 广阔的前景开发:手机原生app、BFF (backend for frontend)、SSR (server siderendering)等新技术也算作前景开发范畴。 早在很多年前，我还只是一个剪页的接待员。 连页面都被裁得很大很不规则，甚至div.clearfix都无法整齐的替代table。 后来随着互联网的飞速发展，这些早已成为古老的话题。 后来jQuery只放了一点时间就不香了。然后如果跳到backbonejs，那就是今天的单页应用+虚拟dom和服务器端渲染才写几个应用。 所以你面试中提到的这些都会被淘汰只是时间问题。 如果我们能抓住问题的核心，那就更好了。 我的理解是，软件工程师首先得是前台软件工程师，所以软件工程师的那些基本功会用很久。 技术栈只是叠加在软件工程师身上的特殊技术栈。 做软件工程师需要掌握什么:基础数学、基础物理、微积分●概率论这些是高中大学的理科基础，基本上我们都有。 ●程序设计概论●计算机系统原理●操作系统原理●数据结构和算法这些都是CS专业的核心课程。 上面列出的这些内容，才是不会随着时间的推移而轻易被淘汰的核心。 也是我认为程序员首先要深入了解的。 在掌握这些的基础上，再加上前台技能树，你就可以成为一名不可替代的前台软件工程师。 前台高级路由切页→页面脚本→单页申请→ SSR → BFF →全栈。接下来，假设你已经具备了以上基础知识，如何以前台为点，学习互联网技术的方方面面？ 以上是我这些年走过的路，仅供参考。 前台工程主要包括JavaScript(TypeScript)工程。 用节点搭建脚手架，实现单元测试、集成测试、点对点测试的自动化。 和响应移动优先的CSS相关工程。 以及架构和整体控制代码的能力。 不仅仅是做东西，更多的是协作和工程上的考虑，比如易维护、易扩展、易开发、易测试、易部署。前端SEO主要包括相关元数据和html基础结构的优化。 机器人和其他文件需要仔细设计和优化，以防止XSS和DDoS攻击。所有涉及表单输入的东西都需要防止XSS，并从html/js中逃逸出来。 如果有验证码，需要保证客户输入错误密码时原验证码无法使用，要求后台重新输入验证码等。 不然社工分分钟就能撞见图书馆。 就算不撞见数据库，遇到一小部分萌的，也能让你的数据库塞满垃圾广告。 DDoS预防比较简单，有现成的厂商。建议打开防火墙(cloudflare有一个免费层) 基础的ops运维主要包括CDN的全局静态资源部署、负载均衡器的多机负载均衡、docker镜像的持续集成和直接升级到K8s (Kubernetes) 一个全栈项目，除了前台，所有人都能看到，水面下隐藏着大量非价值开发内容。当然，还有大量与ops相关的部署和监控工作。 fullstack家庭桶推荐中需要注意的点:首先说说我的工作经历，确定我掌握的技术栈对你有用。 早年在北京从事web相关的软件开发，在外企、工厂、初创公司都有过。后来，我来到美国学习CS。毕业后也去了美国本土企业和湾区的大和独角兽公司。 下面是我的详细故事:改变自己的最好时机就是现在。接下来说说我这些年在web开发领域学到的几个东西和踩过的几个坑。希望对你有用。 随着各大SaaS厂商的崛起和盛行，10年前的web开发和部署方式基本已经过时。 以下是我认为最新的(截至2020年)完整的开发和部署流程。 可能不全面。如有不妥，请指正。 |代码托管建议选择github或者bitbucket。两者都很大，个人私人回购也有免费版本。 为什么是代码托管？主要原因●开发容易——可以看到所有的历史修改代码等●部署容易——只需一次推送操作就可以启动下一个管道，整合所有部署步骤(详细如下！).|日志日志管理主要用于收集服务器端的日志。 试试logz和loggly。loggly很不错，时效性好，部署灵活。 它可以用在前台和后台。 有供个人使用免费层。 |持续集成CI/CD自动部署。有很多，从早期的詹金斯到现在的codefresh、CircleCl等少数新秀。 那么这种持续集成的主要功能是什么呢？代码推送到github后，前台自动运行单元测试和集成测试。代码通过后，所有压缩的前台静态资源，包括js，CSS，图片。字体等。，会自动推送到CDN网络，比如aws著名的s3storage。 这里注意——一般部署是一个非覆盖的发布，也就是说，每次都是增量的。 有两个好处:●方便快速回滚到之前的前端版本●部署的时候不用像之前那样思考，但是需要等到半夜流量低的时候。当新的静态文件上传到位后，后台会将页面上已更改为新版本号(即数据汇总算法生成的版本号)的静态文件的路径进行升级，以保证本地缓存仍可用于用户端未修改的静态文件。 注意:这对改善前台客户体验很有帮助。因为客户不用每次都在前台重新加载相同的静态资源，所以基本上可以在全球任何地方访问前台。 后台和前台类似，只是运行测试后，代码会被打包成镜像上传到K8s，再由K8s分发到不同的集群。 整个过程都是自动的，从代码签到的那一刻，到所有升级的完成，都不需要人工操作。 自动发布docker图像。这里相对较小的项目可能不需要K8s，可以用docker，非常好用。 官网有免费版本:hub.docker.com | docker/CDN storage/数据库托管+负载均衡Raws，各种云服务主要包括CDN存储。数据库托管和负载平衡器。基本上这些现在都被各大云厂商自动化了，你可以按照教程入门。 非常快捷方便。 集成登录集成登录和权限管理是个大问题。 现在很多人还在自己实现，既不安全也不可靠。 建议使用基于doud的身份平台供应商。 Say-auth0，我很喜欢。默认情况下，会提供Google登录链接。 还有近百家全球知名网站(包括国内多家知名企业)可以登录。 并且自动集成权限管理，傻瓜式操作，全平台支持，推荐尝试。 目前在做前台开发。如果你现在想学习前台开发技术，并且遇到任何关于学习方法、学习路线、学习效率等方面的问题。入门过程中可以申请加入我的前台学习交流裙3000人:前:851中:231末:348。 有少量初学者裙档正在自学前台。还有少量我在做前台技术期间整理的前台学习手册、前台面试问题、前台开发工具、PDF文档、书籍和教程。如果需要，可以自己下载。 |支付网关支付目前在国内还不是很明确，似乎手续极其繁琐。 Paypal和stripe在全世界都是不错的选择。 并且应该考虑安全性和开发便利性。 毕竟做好支付系统是全球在线收割的开始。 然后弄个二维码收钱，那就低了。 |心跳检测health checkUptime机器人可以试试。 我看了一下免费版，基本够个人网站e用了。 如果网站流量下降或者浏览器打开缓慢，他会马上通过邮件、短信、电话通知你。 |企业邮箱以前有非常有名的qq企业邮箱和Google G套件，但是今天他们家的免费版基本上什么都没有，连一个定制的域名都要半天。 所以我推荐老牌企业邮箱厂商Zoho。我在国内的时候就一直用他家的，免费版就够用了。 |网站安全防护DDoS本次推荐SaaS提供商:cloudflare。兔子费这一层基本够应付一般攻击了 当然，对于第二次攻击，机房可能会直接拔掉你的电源。 |网站访问量分析Google Analytics非常强大，强大到你经常可以在里面晕过去。 免费，够用。 除了GA，还有heap等可供选择。 |更多详细信息在路上。 有兴趣可以点击“叙旧”，我等会有空再聊。 当然，也欢迎你来看我的专栏。都是好东西。 美国厂商喜欢考察的前台/全栈算法相关的参考文献比较多。 现在是前台最好的时代，也是最坏的时代。