Skip to content

feaswcy/fe-playground

Repository files navigation

fe-playground 让你更为更好的前端

引言 受各种前端工具与轮子、工具满天飞的情况让我引发的焦虑的影响,开始真正的思考前端工程师的价值是什么。前端工程师,本质是工程师的一种,用于解决一系列复杂问题的能力,因此这个repo会从问题着手,从why,what,how三个角度去介绍前端相关技术栈

按照这个思路,将前端的基础知识分为以下一些模块

  • issue。前端专题issue。
  • algorithm。算法,作为计算机基础,熟悉常用算法能显著提高写代码的思路。
  • css。主要和布局以及动画、web图形化相关
  • html。主要关注一下html的语义化以及未来的发展
  • js。熟悉一般javascript的语言特性,面向未来,掌握es6的使用。
  • project。 前端工程化
  • web。 和web相关的只是,包括有浏览器技术、B/S架构的一些常见技术等

一些提示 本repo主要记录技术相关的能力,实际上fe工程师作为一种职业,在技术上的能力往往不能够涵盖整个的能力水平,在和前辈的交流和分享中,得到一种fe能力模型,在这里贴出给大家参考:

fe工程师能力模型

分为五个部分:

  • 基础技术(Fundemental & Depth)
  • 创新性(Creativity)
  • 协作沟通 (Collaboration)
  • 产品思维 (Product MindSet)
  • 系统架构 (Architecture)

一些思考 在完善本repo的过程中,发现前端工程师发展的一些困境:往往知道怎么去写一些代码或功能,但是对外输出时无法进行清晰的描述。或者,原理之上的技术我都清楚,但是原理却了解的模棱两可,在和一些高工进行交流之后,发现很多时候没有明白学习永远是自己最重要的事,对于自己而言,完成业务是在为工作创造价值,应该学会在业务中去沉淀技术,才是一位想成为更好地工程师应该具有的态度。

关于前端的学习,推荐大家写技术博客,或者像本人这样进行系统化的梳理,再小的细节也不要懒惰,逃避,把想表达的写出来时,会让你对技术有一个更清晰的认识。

关于前端工程师价值

1.业务的快速开发迭代 相比于native,开发速度效率更快,能第一时间到达用户侧,为用户提供服务 业务复杂度较高的,通过开发spa来解决,终极情况是采用h5的editor来解决调所有的h5页面(在性能和工具支撑已经十分完善的情况下)

2.良好的用户体验 h5直接和用户接触,对于一个大型的互联网应用而言,用户体验是必须要考虑的因素,有时甚至是决定生死的关键 技能:产品逻辑(非技术)、首屏渲染时间、页面操作流畅度、动画显示

前端技能图谱 仅做了解,一个人不可能面面都精通,但应该知道有哪些方面

knowledge

友情链接

  1. fex-team,前端工程化先驱
  2. Alloy-team,腾讯最知名的前端团队,做的各种工具很好用
  3. 淘宝FED,技术视野非常广的团队,能力也很强。

在线工具: 博客中可能用到一些example,不容易在本地跑起来,这里推荐几个在线的前端编辑环境

About

成为更好的前端工程师,To be a better frond-end engineer~

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published