掘金 AMA：前端 + 区块链的跨界者--CSS魔法聊前端和区块链 DApp

第十二期AMA，掘金团队请来了《CSS 揭秘》译者 & 前端 + 区块链的跨界者--CSS魔法做了为期三天的 Ask Me Anything (AMA) 活动（已结束）。

我们在此精选了一些来自用户的提问及 CSS魔法的回答。

关于 CSS魔法

• 个人网站：www.cssmagic.net/
• 个人掘金主页： juejin.im/user/576b97…

社区小伙伴精选提问

如果做大概10个人左右小型内部分享，分享的时候如何避免枯燥乏味？ ─ @永远的根号三

想问下如果做大概10个人左右小型内部分享，分享的时候如何避免枯燥乏味

不论是多大规模的技术分享，避免枯燥乏味的方法都是相通的。我简单说一下我的经验和体会。

首先，在准备当前分享时可以立即使用的技巧：

• 尽量把你要表达的概念图形化。流程图、架构图、表格、各类统计图都是可用的表现形式。一图胜千言。而且图形化也是一种帮助自己梳理思路的好方法。
• 要讲故事。比如以一个故事来引出主题，或者用一个故事来佐证某个观点等等。
• 要有数据。比如 “性能有大幅提升” 这种表述完全可以用数据来说明，改成 “构建耗时从 30 秒缩短到 12 秒” 显然这具说服力。如果配合图表，还可以进一步获得更好的冲击力。
• 不要堆大量的代码在屏幕上。如果要放代码，最好想办法把大段代码拆解成一个个的小单元来讲。如果能做到逐行展示，可能效果会更好。
• 可以设计笑点。公开演讲中的绝大多数笑点是事先设计好的。 长期来说，可以做的几件事情，以及思维上可以转变的几个点：
• 要对自己所有讲的话题有深入理解，这样才有可能想出多种讲解它的方式。选择主线最清楚、最容易理解和接受的方式来讲。
• 多试讲，在试讲中观察听众的反应，再改进，再看效果。这种尝试只需要几次，你就能找到感觉，知道听众更容易接受哪种表达方式。
• 如果没有条件试讲，也要排练，并尽可能假设听众在听到每一步时的思维和感受，据此再改进。在实际分享中也要多观察验证自己的判断。
• 不要因为担心效果不好而放弃上台。其实你会发现身边大多数人的起点都差不多。多做分享，多积累讲台经验，实践多了，自然会积累出自己的经验和技巧。你觉得有人 “讲得好”，大多是因为他 “讲得多”。
• “生动活泼” 实际上是为分享主题服务的。内容为王。
• 我总结了自己在今年 QCon 演讲中的一些收获，这里也推荐给你参考。《魔法哥 QCon 2018 复盘（上）：如何做一场 “有趣 + 实用” 的技术演讲》： mp.weixin.qq.com/s/qQmRy196U…

现在普遍都是用UI框架，个人怎么提高css这一块─ @llc1994

抢楼前五！ 我想问下，现在普遍都是用UI框架，个人怎么提高css这一块啊

其实，如果你看了我在其它 “CSS 学习” 相关问题下的回答，应该也能看出我的态度。如果你能很好地使用 UI 框架完成手头的任务，我觉得没有问题。

对大多数前端开发者来说，在掌握基本的 CSS 应用技能之后，如果继续深入钻研，投入产出比并不高。

如果你对 CSS 是真爱，就是要深入钻研，那我建议你通过看书来系统学习。我曾推荐过三本 CSS 书（《CSS 权威指南》、《精通 CSS》和《CSS 揭秘》），其中前两者近期都出了（或准备出）新版。

系统地掌握了 CSS 知识之后，再结合实践不断提升。

如何去设计这些类和如何组合类来应用？ ─ @wingsico

如何分离css样式，看到各种ui框架某一个样式往往是多个类名下的样式共同协作生效，如何去设计这些类和如何组合类来应用

这是一个挺好的问题，刚好我以前一篇博客也有涉及，而且文章下面有很多人参与评论，很有价值，推荐给你。《浅析 Bootstrap 的 CSS 类名设计》： github.com/cssmagic/bl…

如果你感觉自己的 CSS 经验尚浅，还不能很好地把控一套 CSS 样式类的设计，可以详细读一下 Bootstrap 的文档，并选择性地看看它的源码，应该会很有帮助。

关于如何优雅实现响应式布局的问题，正好在《CSS 揭秘》这本书里有提到。你可以看下 “CSS 编码技巧” 这一节中的 “关于响应式网页设计” 这一段： github.com/cssmagic/CS…

有什么好的方法运营公众号吸引粉丝？ ─ @Chatc鲸鱼

您好，我想问下如何打造自己的个人品牌呢，我在运营一个公众号，每周原创一篇文章，一个月过去了就涨了10几个粉丝，每天写技术分享也不现实，有什么好的方法运营公众号吸引粉丝吗？

首先我们需要做好心理准备。打造个人品牌是一个 “运营” 的过程。“运营” 一方面意味着我们有目标，而且要动脑筋达到这个目标；另一方面意味着它是一项长期的工作。

在个人品牌运营方面，仅靠公众号一个平台可能是不够的。因为每个平台的特点和作用都不一样，需要多线推进。比如微博相对开放，便于快速传播；知乎比较容易把内容传播给关注特定话题的读者，有更精准的受众定位能力；等等。

相比之下，微信公众号相对封闭，且几乎没有主动曝光的手段，所以在冷启动阶段会非常困难。但微信的好处在于你可以更容易地触达到你已经聚拢来的用户，适合作为最终沉淀。所以建议先在其它平台取得一定的影响力之后，再考虑把自己的受众引导到公众号或微信群里沉淀下来。

前端 程序员 如何做职业规划？─ @funleeJJ

前端程序员如何做职业规划，写了三年前端代码了，一直都觉得自己很菜，很迷茫。

这很可能不是你的问题。最近三年确实是整个前端领域变化最大、最快的三年。我也觉得自己突然就变得很 “菜”，因为新出的东西我都不会 :cry:

研究css有没有前途？─ @dzxwind

魔法哥，如果钻研css能不能达到前端的某种极致？换句话来说就是，研究css有没有前途。。。

（我的观点可能比较偏激，大家姑且听之吧。）

钻研 CSS 能不能达到某种极致？从单纯的学术层面上来说，肯定是可以的。比如《CSS 揭秘》这本书的作者，她就在 CSS 领域达到一个非常极致的境界。然而这个例子对我们的借鉴意义有限，比如说，我们是否有同样的空间？我们是在全球知名高校的科研部门研究人机交互吗？并不是。

所以到了现实层面，我们会问，“研究 CSS 到底有没有前途？” 对于个人的投入产出比来说，还是要看 CSS 对我们的工作业绩有没有贡献，或者说贡献程度是不是最大。（当前前端领域最火的方向肯定不是 CSS，这似乎已经从某种程度上回答了这个问题。）

所以，如果只是日常搬砖，掌握基本的 CSS 应用能力很可能就够用了。比如说，只要你稍微了解一些 Flexbox，那日常的布局往往都难不倒你了。很多时候 CSS 短板也可以由 JS 来补上或者绕过去——虽然这不是 “正确” 的做法，但大多时候这并不 “重要”。

当然，如果你是 UI 框架的开发者的话，那 CSS 水平肯定就是一个加分项，甚至是必选项了。

我再换一个角度来回答这个问题：研究 CSS 有没有前途？研究 CSS 肯定有前途；但如果 “只” 研究 CSS，很可能没有前途。

怎样快速提高自己的css能力？─ @zuishiguang

魔法哥，有什么推荐的国外技术社区、论坛和博客，在现在js框架横行天下的今天，js逻辑写的比较多，css写的较少，怎样快速提高自己的css能力？

第一个问题：有什么推荐的国外技术社区、论坛和博客？

因精力有限，我现在基本不会直接阅读国外网站了。不过我找到一些可订阅的人工聚合的日报，我就坐享其成了。要相信这一点：好文章或重要的信息肯定会来找你。

第二个问题：在现在 JS 框架横行天下的今天，JS 逻辑写的比较多，CSS 写的较少。怎样快速提高自己的 CSS 能力？

为什么现在是 JS 框架横行天下，而不是 CSS 框架横行天下？这在某种程度上说明 CSS 在现阶段没那么重要。对于普通前端开发者来说，我建议顺势而为。除非你在大企业里专职开发 Element UI 或 AntDesign，否则不建议投入大量时间只为提升 CSS 能力。（参见我在下面某个问题下的回复。）

另外，我们得面对一个残酷的现实：CSS 能力无法快速提高。因为 CSS 是一个网状系统，所有概念都不是孤立存在的，无法单点突破，不像 JS 那样学会一个 API 就可以用上一个 API。因此我们对 CSS 的掌控能力一定是一个从量变到质变的过程。想要突破那个临界点，需要投入大量的精力和成本。而这个成本投入是否划算，是需要考量的。

选择跨界区块链，是否有担心前端这个技术品类发展不够的问题？ ─ @阴明

选择跨界区块链，是否有担心前端这个技术品类发展不够的问题？前端技术和区块链差别很大，有没有啥推荐进入区块链开发行业的好的学习内容？

第一个问题，选择跨界区块链，是否因为担心前端的发展空间不够？

我认为任何时候 “前端” 的发展空间都是巨大的。因为前端面向用户，对互联网产品来说，它不仅必不可少，而且很可能是竞争优势。

我之所以会选择跨界区块链，主要是机缘巧合和个人兴趣。这是巧合，也可能是必然——我发现区块链在应用层的很多概念和设计与前端开发十分契合。所以我在逐渐了解区块链和 DApp 的过程中，不仅自己越限越深，而且有一种越来越强烈的冲动，要把它安利给所有前端工程师。

另外，跨界区块链并不代表放弃前端，相反，前端技能是作为我的自身优势，伴我走进区块链世界的。尤其是在区块链的应用层，我相信前端工程师将会发挥出巨大的能量。

第二个问题，有没有啥推荐进入区块链开发行业的好的学习内容？

区块链相关的学习资源在丰富程度上肯定比不过 Web 前端，不过随着热度的不断上升，这方面也在逐渐丰富和完善。各条公链也逐渐积累起自己的开发者生态。对前端工程师来说，主要关注的是应用层（DApp）的技术学习。这方面可以看看王仕军老师写的掘金小册《区块链开发入门：从 0 到 1 构建基于以太坊智能合约的 ICO DApp》： juejin.im/book/5addb2…

即使是在以太坊之外的公链上做开发，这本小册也是很有学习和参考价值的。

此外，我自己也在做这方面的 “科普” 工作。我在 QCon 2018 上海站的演讲主要讲解了 DApp 的原理和开发方式，非常适合前端工程师快速入门。 -《为什么前端工程师更应该掌握区块链 DApp 开发（上）》： mp.weixin.qq.com/s/feo6YuBv4… -《为什么前端工程师更应该掌握区块链 DApp 开发（下）》： mp.weixin.qq.com/s/avTPc6JfO…

本期 AMA 社区小伙伴提了许多实用问题，感谢 CSS魔法认真地为掘金小伙伴解答了不少疑问。浏览更多的问答，可以到 CSS魔法的AMA 进行阅读和讨论。