我眼中的前端九段--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

【简介】

前端是技术岗，是为解决公司业务而设立的工种，非要用类似围棋九段来划分能力，那也需要从更加全面的角度去切割。我也尝试划出九段，给大家参考：

一段

能够使用 form 表单提交数据，并通过后台处理将数据展示出来，能够实现表单数据的异步校验。能实现这个功能，基本上对 html/js 有了基本的了解，也了解一点后端语言。

二段

能够搭建个人博客，将博客静态部署到 github pages，也能够动态部署到 Server，并准确对静态资源做缓存处理。能实现这个功能，基本上对 linux 简单命令和 http 相关知识有所了解，对 git 也有了一点了解。

三段

能够从零开始实现一个网站的前台和后台，能够良好的管理多页面的 css/js 文件，并且掌握基本的数据库知识，熟悉一门后端语言。

四段

能够使用构建工具对前端代码进行编译、合并、压缩等处理，能够简单地设计一个网站的架构，并且能够对架构做持续调优。这一段位需要具备基本的工程化能力和架构能力。

五段

掌握网页的各种调试手段，对 Native 知识有基本了解，能够对大流量的网站做优化处理，能够考虑网页的性能优化问题，对新技术有自己的认知，熟悉掌握一门后端语言，并且了解基本的运维知识。

六段

在前端技术使用上可以游刃有余，能够在项目开发中担任 PM 角色，可以针对一个项目作出全面的技术方案评估，并可以良好的落地方案，能够作出准确的技术选型，了解不同工具、框架的长短处，能够带领 3~5 人进行项目开发。

七段

能够在团队的边界技术上有所突破，能够看到项目和团队的问题，找到解决方案，提升团队的整体水平，用技术帮助业务获得持续发展的可能。

八段

能够在前端的边界上有所突破，引领行业的发展。能够对前端在下一个阶段的发展作出定义。

九段

有资格跟「前端阿尔法狗」对战。

点击查看原文 >>

由 @技术头条 2017-06-06 00:38 / 原作者微博：@Barret李靖 / 0个评论

赞过的人： @技术头条 @IT技术博客大学习 @shengting

一种适用于 Zustand 和 React Query 的前端数据管理方式 (innei.in)

本文介绍了一种结合Zustand和React Query进行前端数据管理的方法。作者指出，直接使用React Query进行复杂数据的乐观更新可能会导致性能和维护问题。通过使用Zustand创建数据映射表和自定义hook，可以简化状态管理和数据同步，提升效率和可维护性。文章还提供了在开发RSS信息流浏览器“Follow”中的应用示例。

by @技术头条 2024-08-06 08:19 查看详情

前端工程师后端快速手册 (54chen.com)

作为前端工程师，拥有一定的后端知识是非常重要的。在日益复杂的Web应用开发中，前端工程师需要更全面地了解后端领域，包括数据库管理、安全性、Web框架的使用、AOP编程思想以及常见语言和框架的特性。本手册将为你提供一个简要但全面的后端知识概览，帮助你更好地理解后端开发的关键要点。

by @技术头条 2024-01-13 23:43 查看详情

后端工程师现代前端快速手册 (54chen.com)

大多数后端老人都会错过Node这一波的技术变化，还停留在JQuery的时代无法自拔，但实际上，前端发展已经日新月异，本文将从React和Vue的历史背景、基础原理、项目重要文件、常用知识等几个角度进行由潜入深的介绍，目的是使任何一位拥有后端开发经验的同学都可以快速上手前端开发，成为一名全栈开发人员。

by @技术头条 2024-01-13 23:43 查看详情

美团前端研发框架Rome实践和演进趋势 (tech.meituan.com)

本文整理自美团技术沙龙第76期《大前端研发协同效能提升与实践》，为大家介绍了美团到店前端研发框架Rome实践和演进趋势。具体来讲，本文首先介绍了Rome整体的工程生态、演变路径、规模化升级以及工程框架外的开发辅助工具；第二部分，重点阐述了如何做框架度量和相关的业务实践；最后做整体的总结以及对工程框架的下一阶段的思考。希望能对大家带来一些帮助或启发。

by @技术头条 2023-08-18 22:56 查看详情

前端视频播放技术概览 (blog.yuanpei.me)

我们追剧、刷弹幕的时候，很少有人会去深入思考这些平台背后的技术奥秘。直到最近，我需要在前端项目中实现视频播放时，我终于意识到，这些视频不仅在格式上存在着差异，甚至连播放形式都各有不同。举个例子，当下最为火热的 “直播”，通常是指实时的视频播放。相对应地，非实时的视频播放则被称为 “点播”。如果你有接触过 Netflix，你或许还听说过 “流媒体” 这个词汇。为了更好地理解这些概念，我利用空闲时间整理了一个相对完整的技术体系，并以此为基础撰写了今天这篇文章。

by @技术头条 2023-07-30 21:37 查看详情

前端的困惑 (www.gracecode.com)

如果时间拨回到十几年前，那时候的前端职位的定位和职责其实非常的模糊，对于前端的理解往往就 JavaScript 代码复制粘贴实现 HTML 页面的轮播等功能就完事，只是后端顺手把页面套了是上不了什么台面的技术活。
说起来我也是半路出家，因为那时候我的主要还是写点 PHP 以及 Java 然后再来折腾 HTML 页面。再往后就是入职了淘宝，才对于前端这个职位有个比较系统的认识以及深入。
如果说当时的大环境是 Web2.0 的时代，那么前端这个职位的技术深度其实几乎停留在 Web1.0：大量的非工程化的前端代码四处堆放，没有工程化的概念，前端也忙于四处救火不是套页面就是修复各种因为浏览器兼容性造成的页面错乱等等事情。

by @技术头条 2023-04-16 21:11 查看详情

开箱即用的基于web的gdb前端gdbgui (www.gdbgui.com)

非常易用的用Python开发的基于web的gdb前端。临时在服务端快速定位问题比配gdb server方便。比cgdb或一些gdbinit生成的更tui更符合年轻程序员的习惯。

by @sleetdrop 2023-01-22 09:42 查看详情

前端原生API实现条形码二维码的JS解析识别 (www.zhangxinxu.com)

今天才知道，原来浏览器有原生的API，可以对二维码、条形码进行解析，使用非常简单！

by @技术头条 2023-01-10 00:07 查看详情

Web前端开发中的反向与倒序 (www.zhangxinxu.com)

介绍在Web布局中，我所知道的与倒序排列，或反向布局，或任意位置设置相关的属性和技术，肯定还有其他策略，欢迎补充。

by @技术头条 2022-12-18 20:06 查看详情

前端页面的性能测试 (insights.thoughtworks.cn)

在非功能测试中性能测试是最为重要的一种测试，因为除了功能正确外，性能是影响用户使用体验最为重要的因素。本文介绍了一种手动的和一种自动化的测试前端页面性能测试，从而帮助你完成常规的手动性能测试，还可以将性能测试集成到持续集成流水线中，完成持续的自动化性能测试。

by @Thoughtworks 2022-11-30 10:16 查看详情