余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

StuQ 专访:CSS魔法畅聊前端人生(糟糕糟糕omg魔法怎么失灵了)

xiyangw 2022-11-25 11:29 122 浏览 0 评论

魔法哥,请先介绍一下自己吧!

大家好,很荣幸接受 StuQ 的专访。我叫 “CSS魔法”,熟悉我的朋友都叫我 “魔法哥”。我目前在百姓网担任手机站的前端架构师。

似乎 “前端架构师” 这个头衔经常会遭遇嘲讽——“前端居然也需要架构” 或者 “真会吹,拉大旗作虎皮吧” 等等。以前面对这种质疑,总会尴尬一番,不过时间长了也就坦然了:毕竟任何一项严肃的、长期的、大规模的工程,都是需要有人来设计架构的嘛!

百姓网的前端架构目标很明确:随着业务规模的扩张和团队的壮大,整个网站系统的复杂度也随之迅速上升;如何化繁为简、帮助业务工程师高效高质完成开发任务,这正是前端架构师的职责和挑战所在。

因此,简单概括一下,我在百姓网的日常工作包括:

  • 调研新技术、新工具,适时应用到团队中。
  • 制定代码规范,并通过工具来确保规范的执行。
  • 填补基础类库和业务开发之间的断层,提供工具库和 UI 框架,并编写文档,提升业务开发效率。
  • 优化构建流程和开发环境,提升业务工程师的开发体验。
  • 组织定期的技术交流会和不定期的技术分享……

(小编:居然要做这么多事啊!)

其实这还不包括长年重构代码和偶尔投身业务开发呢。没办法,公司的年轻人个个身手不凡,我这个老年人也不能松懈啊,否则被他们超越碾压那简直是分分钟的事儿。

你在前端道路上经历过哪些转折点?

其实对我来说,“前端” 本身就是我的一大转折点。我从老家来到上海时,已经一把年纪了,当时我还没有任何互联网从业经验。仅凭一腔热血,便毅然决定离开传统行业,投身互联网大潮。

我的初衷是想从事交互设计、设计互联网产品,但当时找了一圈,没有找到一家公司认为有必要设立这样一个职位(想想现在应届生都可以随便拿到产品经理的工作机会,也是无语凝噎)。在当时的环境之下,如何切入这个行业、先让自己生存下来?

由于我有网页制作的经验,对此也很有兴趣,而且还跟设计沾边儿,于是我选择 “前端开发” 作为突破口,先跨进这个行业再说。没想到一入前端深似海,在这个大坑里越陷越深。

总体来说,我在前端领域奋斗的这几年,都还算顺利。如果要说这其中的 “转折点”,也确实有——两年前加入百姓网,感觉自己的职业生涯终于迈上了正轨。我喜欢这群优秀的小伙伴、宽松的环境,以及简单直接的做事方式;这里有更大的发挥空间,让我的前端技能也上了一个新台阶。

在技术成长的历程中,有哪些人或书籍对你影响至深?

我下决心转行到互联网行业,确实是因为一本书。当时我在书店看到一本书叫《Don't Make Me Think》,封面很特别,就随手拿起来翻看。这本书并不是技术书,是讲互联网产品设计的。我就在那儿站着一口气读了小半本,当时就震惊了!

“原来在地球的另一端,有一个美国人的设计理念与我如此契合?原来我天生是干这一行的啊!” 我一拍大腿就来了上海。

后来走上技术道路之后,也读过很多不俗的技术书籍,但显然都没有这本书对我的影响大。在来上海发展的这几年里,当我遇到挫折时,偶尔还会翻出这本书,找寻初衷,重燃斗志。

(小编:那再谈谈有哪些人对你有很深的影响?)

好的。在技术领域,我们往往是先接触到优秀的作品(开源项目、书籍、技术分享或博客文章等),因为被这些作品震撼,或者对这些作品有共鸣,然后才会逐渐了解它们背后的人。

这些优秀作品的幕后英雄有 “jQuery 之父” John Resig,有 Mocha / Stylus / Jade / Koa 等众多明星项目的作者 TJ 大神,有 Gobble / Rollup / Bublé 的作者 Rich Harris 等等。他们是聪明的,更是智慧的,他们的远见卓识和开拓精神不断激励着我。

那你遇到过瓶颈吗?是如何突破的?

如果说我在这些年的前端历程中遇到过什么瓶颈的话,那多半是由前端领域本身的快速发展引起的。近些年前端领域的新技术、新工具、以及新的实践方式都层出不穷,稍不留神就会有落伍的感觉。而每个人精力都是有限的,面对这样的局面,难免会有遇到瓶颈的压迫感。

我自己的应对方式是抓住核心,放弃自己很难精通的、一时用不到的、或者对当下想做的事情价值不大的技术方向。比如一路以来,我放弃了富媒体方向的 Flash,放弃了图形与游戏方向的 Canvas 和 WebGL,放弃了单页应用方向的 MV*,放弃了语言方向的 FP 等等。

当然这些 “放弃” 都是战略性的,而不是永久性的。毕竟精力有限,不可能面面俱到。不过,一旦某个方向变成自己必须攻克的战略要地,那我也必然会义无反顾跃入新坑。

除了技术范畴之外,我还会把一部分精力放在 “人” 身上——就是写代码的这群人。个人英雄的时代一去不复返了,单打独斗能力再强,也难成气候。因此,帮助身边的小伙伴快速成长,打造一支梯队完备、技能互补的前端开发团队,往往更具现实意义。有些时候,这也可以成为一种 “突破瓶颈” 的解决方案——每当团队里的小伙伴攻克了某项新技术时,我都可以宽慰自己:我不会没关系,有小伙伴可以顶上!

对于前端初学者,你有哪些经验想分享给他们?

好的,这个问题挺适合我来回答的。因为我自己也一直处在学习的状态之中;另一方面,我这些年写博客始终以初中级开发者作为主要受众;最近开始写 “CSS魔法” 微信公众号,也仍然关注前端初学者群体。

可以聊的经验有很多,但我觉得最重要的应该是——“系统学习、打好基础”。虽然前端领域日新月异,新技术层出不穷,但真正基础的东西是不会过时的。

去年夏天参加 CSS Conf 的同学可能还有印象,我聊到刚来上海时,为了找到一份前端工作,我把市面上所有的 CSS 书籍全部买来,全部啃光,迅速且系统地掌握了 CSS 的基础知识。其实我当时还快速扫完了市面上口碑不错的 HTML 书和 JS 书。

(小编:我记得,当时台下的同学一片惊叹。你当时是怎样的状态?)

大家可能觉得这样一本接一本啃书很辛苦,但当时的我却是无比幸福的。因为在那之前,我在也曾因为兴趣学习过网页制作知识,但当时的状态就像是在黑暗的迷宫中摸索——由于无人指导,我的学习方式基本上就是模仿别人网站的代码,或是在网上收集别人发表的各种技巧。虽然把找来的一句句代码拼凑在一起通常也可以生效,但我完全不知其所以然,那些代码片断对我来说无异于外星人的咒语。

当时在书店里能找到的相关书籍也就是一些迎合国人 “短平快” 心理的快餐书,比如 “现学现用” 或 “代码速查 300 例” 之类。我是一个喜欢打破沙锅问到底的人,这些没头没尾的所谓技巧显然无法满足我的好奇心,失望而归。

几年之后,以图灵为代表的科技图书公司开始引进国外的经典教程和参考书。当《精通 CSS》、《JavaScript 高级程序设计》这些著作捧到我手上时,你可以想像我当时有多么欣喜若狂。

在疯狂求知的过程中,我发现,前些年我在网上费尽辛苦收集到的如凤毛麟角般珍稀的黑魔法,其实在书里都有着更加全面和系统的讲解。当我稳固地掌握了 HTML、CSS、JS 的基础知识之后,我惊讶地发现,原先那些看似神奇、背都背不下来的外星咒语,早已融入我的血液,成为信手拈来的本能。

(小编:能举个例子吗?)

好的。在 CSS 布局成为主流之后,我们仍然需要用表格来呈现行列式的数据。由于表格天生弹性包容的特性,它的布局行为很难捉摸,我们为表格设定的列宽很容易就被单元格的内容撑大了。

但如果你完整读过《CSS 权威指南》,就会知道,早在 CSS2 时代……

希望本文能帮助到您!

点赞+转发,让更多的人也能看到这篇内容(收藏不点赞,都是耍流氓-_-)

关注 {我},享受文章首发体验!

每周重点攻克一个前端技术难点。更多精彩前端内容私信 我 回复“教程”

原文链接:https://github.com/cssmagic/blog/issues/60

相关推荐

高效删除文件名中的指定内容,祛除烦恼

如何快速批量删除文件名中的指定字符?在电脑整理文件时,我们常常需要进行批量重命名操作。如果文件名中含有不必要或重复的字符,这将影响文件的识别和查找。因此,删除这些文字或字符是非常必要且有效的。本文将分...

你的手机是不是经常提示存储空间不足?Python帮你清理重复文件

  最近我的手机经常提示存储空间不足,主要是微信和QQ群里接收的文件太多了,平时也没怎么整理。我把这些文件从手机里拷出来,打算整理一下,把该删的文件都删掉,把要备份的文件分门别类存到电脑或网盘上。我突...

从零开始打造云端AI管理调度平台(四)如何设计主页_1

最近闲来无事,想着把自己工作正在做的一个项目做一个简单的分享与实战教程,该项目不困难但是由于涉及要素过多所以比较复杂。所以这里分享出来也是为了帮助新手小白能在实战当中快速了解python知识。主要内容...

「万能Python」-17-标准库OS_python2.7标准库

Python的库是指预先编写好的代码集合,可以用来处理特定的任务或实现特定的功能。Python的标准库提供了许多常用的标准库,无需安装引入使用。Python3的标准库提供了许多常用的功能,包括...

十多行代码生成原帖和临写对照图_几十行代码可以申请软著吗

介绍这个小工具把原帖和临写分解成多列对照的形式。输入原帖图片,和输入临写图片,生成对照图片。使用说明运行compare.py文件,输入参数为:原帖图片文件名,临写图片文件名,列数。python3co...

Python合集之目录操作(四)_python之文件操作大全

1.删除目录删除目录可以通过os模块提供的rmdir()函数实现。通过rmdir()函数删除目录时,只有当要删除的目录为空时才起作用。os.rmdir(path)path为要删除的目录,可以使用绝对路...

excel办公自动化,自动合并excel表格

平时时收到不同人反馈的excel表格,需要将其合并在一个excel中,每个excel打开复制粘贴会很慢,如下脚本可一键合并所有的exceldefauto_merge():try:print('...

批量打开一个文件夹下面所有的excel表格

如果现在有一个文件夹,名称叫做“练习表格”,路径名是'C:\Users\123\Desktop\练习表格',现在的要求是打开这个文件下面所有的excel表格,后缀名字为“xlsx”,我...

500行代码,教你用python写个微信飞机大战

这几天在重温微信小游戏的飞机大战,玩着玩着就在思考人生了,这飞机大战怎么就可以做的那么好,操作简单,简单上手。帮助蹲厕族、YP族、饭圈女孩在无聊之余可以有一样东西让他们振作起来!让他们的左手/右手...

python 日志写入_python日志文件写入

1.第一步,新建日志文件路径,如下图:2.日志模块封装,代码如下:importlogging,oslogs_path=os.path.join(os.path.dirname(__file...

Python os.path模块使用指南:轻松处理文件路径

前言在Python编程中,文件和目录的操作是非常重要的一部分。为了方便用户进行文件和目录的操作,Python标准库提供了os模块。其中,os.path子模块提供了一些处理文件路径的函数和方法。本文主要...

Python中获取当前路径之pathilb和os的区别

20230114星期六:1,直接在py脚本中,执行,没有区别;2,打包成exe文件以后,在本机执行,有区别,这时,不能使用os.path.dirname(__file__),只能使用pathlib.P...

Python(办公自动化编程系列)学习笔记1

1、获得当前程序工作目录importos#os.getcwd()函数可以取得当前工作路径的字符串print(os.getcwd())运行结果2、获得程序文件夹相对路径#相对路径都用/表示#../...

文件路径名Pathnames的操作_路径和文件名是什么意思

1.现象问题使用路径名来获取文件名,目录名,绝对路径等等2.原因分析无3.问题解决使用os.path模块中的函数来操作路径名importos.path#查看标准化的绝对路径print...

关于《Python入门:os常用函数》中复制文件(夹)函数从简到繁

基本考虑练习os模块及file读写操作:将给定的源路径的文件(夹)复制到目标路径简单实现#文件到文件的复制path_src='E:\src.txt'path_tar='D...

取消回复欢迎 发表评论: