Fengda Huang
Fengda Huang

https://github.com/phodal/microfrontends/issues/12
好不容易在雨夜里来到了深圳,休整了一晚上,一大早就看到各种在说《青年魏则西之死》。写这篇文章的原因是,我希望大家可以深入地去思考问题,即问题的本质。  昨天我在飞机上看了一本书叫《增长的本质:秩序的进化、从原子到经济》中提到了一个租房子的问题,因此对于上面的事件来说,这又是一个“信息不对称”带来的悲剧。先让我们从租房子这个问题说起——我也是付着昂贵的房租,住在一个小房子里。 ## 在网上很难租到好房子 这是之前一直困扰着我的一个问题:我从西安搬到深圳的时候,想去租个房子。但是找了很久都是又贵又小的房子,又或者是一些问题小区,很难找到合适的房子。 而我的第一个渠道就是来自各个房地产家居网络平台,如下是58同城返回的结果:  我们都知道,排在搜索结果的前几个肯定会有很好的点击量。那么问题来了,我会让怎样的房地产排到前面呢? **自然是你给我的钱多,那么我就让你排在前面。**如58同城会有一个置顶的标志在那里,我们看到首先看到的也就是这些置顶的房子。 这就导致我们很难在首页看到适合的个人房源,掏这个钱并不值得。并且中介有中介费,即使排在首页某个房子已经被出租了,那么他可以出租合适的房源。 对于房地产来说,这并不是什么问题,我们会自己识别房子的好坏。只是对于某些行业,如医疗来说,就很难识别。 百度是这一些排名网站里的极端,收了太多的不义之财。那么问题来了,Google能解决这一类的问题么? ## 不要指望Google 答案很明显Google不能帮你选出好坏,之所以这么说是因为我对SEO有一定的了解。我们都知道Google的搜索结果页上的排名,可以简单的分成两个指标:链接和点击率。 > PageRank通过网络浩瀚的超链接关系来确定一个页面的等级。Google把从A页面到B页面的链接解释为A页面给B页面投票,Google根据投票来源(甚至来源的来源,即链接到A页面的页面)和投票目标的等级来决定新的等级。简单的说,一个高等级的页面可以使其他低等级页面的等级提升。 最形象的比喻可能就是微博一些大V的成长了:  下图是PageRank的示例:  在早期,如果我们手上有B和C两个网站,我们要提高E的Rank值是一件容易的事,添加一定的链接即可。在那之后我们只需要有一定的点击即可:  从某种意义上来说,**Google PageRank只会导致马太效应**——即强者越强。 医院这个问题只所以没在Google上出现是因为:**大部分的中国人都用不了Google**。既然大部分的中国人都用不了Google,那么医院也不会把这些钱先给那些专营SEO的公司。对于这样的公司来说,他们只需要做到两点: - 将自己大量的PR较高的网站指向医院 -...
从实习后的那些年里,我就开始经常总结一下自己的学习路线,成长路线等等。今天,就重新把这些资料再放出来啦啦。 当然,这些资料也都是在我的GitHub上有的啦。 ## Developer成长路线图 最开始的时间,我并没有想到这张大图可以如此的受欢迎。在最开始的时候,我只想整理一下,我学习了什么东西、觉得什么东西不错。。  GitHub: [https://github.com/phodal/developer](https://github.com/phodal/developer) ## Sherlock 技能树 最开始的时候这是一个Fork的项目,后来它用D3.js动态生成了技能树·~。 除了Developer上的一些路线,它还有推荐书籍。  GitHub: [https://github.com/phodal/sherlock](https://github.com/phodal/sherlock) ## Developer进阶书单 同样的,Sherlock的主要问题是,没有提供一个好的学习路线,就变成了这个项目。这是基本的模式:  还推荐了不同的学习路线图,如前端、DDD、架构等等。  GitHub: [https://github.com/phodal/booktree](https://github.com/phodal/booktree) ## Growth 遗憾的是,上面的内容都是分散的,于是我们就有了Growth。它是一款专注于Web开发者成长的应用,涵盖Web开发的流程及技术栈,Web开发的学习路线、成长衡量等各方面。在这里,你将通过不断检验自己的学习成效,形成属于你自己的独一无二的个性技能图谱。  GitHub:...
程序员必知的七个图形工具
在上一篇《[全栈工程师的百宝箱:黑魔法之文档篇](http://mp.weixin.qq.com/s?__biz=MjM5Mjg4NDMwMA==&mid=2652973386&idx=1&sn=c775725513879f52b1d40219b7d457a4#rd)》我们介绍了一些文档工具,今天让我来分享一下,我常用的一些图形工具,主要有两类: - 流程图 - 数据可视化 ## 流程图:Graphviz 说到流程图还是再次提及一下,我们之前说到的**Graphviz** 。 > Graphviz (英文:Graph Visualization Software的缩写)是一个由AT&T实验室启动的开源工具包,用于绘制DOT语言脚本描述的图形。它也提供了供其它软件使用的库。 它的主要特点是代码生成图像,并且足够的简单。 在我的那个“Web Developer 成长路线图”(GitHub: [https://github.com/phodal/developer](https://github.com/phodal/developer))里,就是用这个工具生成下面这个复杂的图形。  而其代码特别简单——和我们平时表达的手法是一样的,即: ``` "包管理" -> "包发布" -> "自动部署" "CLI" -> "部署"...
微前端如何落地?
# 微前端如何落地? 在过去的几星期里,随着 Martin Fowler 博客上,那篇 Cam Jackson 写的微前端的文章发布,到处都在讨论 Microfrontend。作为一个微前端 “专家”,我也分享一下:如何去落地微前端。 > 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时,它们也可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Tag、Git Submodule 来管理。 ## 为什么需要微前端? 微前端不是银弹,它和微服务一样会带来大量的挑战。 - 遗留系统迁移。解决遗留系统,才是人们采用微前端方案最重要的原因 - 聚合前端应用。微服务架构,可以解耦后端服务间依赖。而微前端,则关注于聚合前端应用。 - 热闹驱动开发。新的技术,既然很热闹,那么就学吧。 微前端的实现,意味着对前端应用的拆分。拆分应用的目的,并不只是为了架构上好看,还为了提升开发效率。 为此,微前端带来这么一系列的好处:...
虽然在我的书架上有很多的技术书籍,但是这并不代表我对每本书都很了解——但是至少每本书我都过了一下目录,大部分的书都翻了一遍。在开始瞎扯之前,先让我们过一下目录: - 在什么情况下,我们会买技术书籍? - 我们应该买怎样的书? - 拿到书后,我们会怎么做? - 书看完之后呢? - 技术书籍,不就是花钱买时间吗? ## **在什么情况下,我们会买技术书籍?** 买技术书籍的情形应该是下面的几种情况: - 工作上使用到一些“新的技术”。对于自己来说是新技术,不代表在行业上是新技术。 - 业余生活中想尝试某个新的技术。 - xxx推荐的某本书。虽然和应用无关,但是到底是xxx推荐的。这个xxx可以是某些大牛,这可以是亚马逊——我看到亚马逊的书有好多的star,我就会买。因为在亚马逊能给书评的都是真爱。 - 探索一个新的领域。在上大学的时候,这是我最喜欢干的事,动动就去看一个无关的领域。 上面的第一、二点都是因为我们需要,所以我们才去看——这也是我们日常买书的常见原因。 ## 我们应该买怎样的书? 从出版行业来说,我最喜欢的就是动物园(O'Reilly出版社)的书,然后就是其他书籍了。但是O'Reilly出版社出的书都比较慢、慢,除此,与进到国内还需要经过翻译等等。说到翻译,不得不说图灵教育出版的翻译书籍挺不错的。 而这个行业里,最敏捷的就数Manning出版社的Manning Early Access Program,这是一个非常敏捷的出版流程。...
> 一个前端程序员的一个月原生 Android 开发体验。自从我写了 Android 应用后,上知乎的时间变得更长了。 自从我写了 Android 应用后,上知乎的时间变得更长了。哦,不对,你理解错了,我的意思是:编译代码、打包 APK、运行在设备上需要时间。可不像前端,一保存代码,就自动刷新页面。 是的,从上上周一开始,因为项目缺人的原因,作为一个有 Java 开发经验的大前端,我又又双叕进入了原生 Android 开发的世界。 这一个月下来,也算是有一些写 XML 的心得吧——不对,写 Java 代码,看 Kotlin 代码的心得。总的来说,Android 与前端的差异并不是非常大,在某些东西上,他们还是蛮相似的。怪不得像我这样的程序员,会将 Android 开发也归类到大前端上去。 如果你是一个前端程序员,想学习移动开发;又或者是一个移动开发,想接触前端开发;那么,本文可能就很适合你去了解两者间的差异。 本文包含了以下的内容: - 编码效率 vs...
> 最近收到了很多要来面试的简历,发现你们的简历怎么都是这样的呢?要是我是面试官,你们肯定进入不了下一轮。 马上就要到一年一度,最适合找工作的时间段:金三银四。另外一个时间段是:金九银十。**金三银四**的大意是:**最好的时间是三月,其次是四月**。同理于金九银十,**最好的时间是九月,其次是十月**。反正我也是在几年前,道听途说过来的。一过完年,一交流总会多些想法,就有了金三银四。金九银十则是,一些公司在年中的时候,发去年的年终奖。 今年的行情虽然没有去年火热,但是你仍应该拾掇拾掇一下你的简历,万一机会来了呢? ### 跳槽的 N 个原因 作为一个技术人员,如果你满足以下条件中的任意一个,你应该去看看更多的机会: - 钱少了 - 技术空间增长太少 - 没有发展空间 - 心里委屈了 以及 - 老板招你的时候,和你谈理想。现在,老板问你说:理想能赚钱吗? - 加班太多——都没有时间约会或者女朋友和别人跑了 - 你的女朋友在北京,而你在上海 - 这个技术公司已经没有大牛了 这不是马上就要到,传说中一年一度的**狗粮节**了么。回到正题,**一份优秀的前端开发工程师简历是怎么样的?**。 一份优秀的前端开发工程师简历是怎么样的? --- 这个嘛,我觉得应该是这样的:...