Recently, Our team opened a series of front-end training courses inside the company. These courses aimed to teach everyone the basics of front-end programming skills. We encouraged all interested colleagues especially back-end developers, iOS developers, Android developers to enroll in the courses. By offering a series of lessons featured with lively lectures, real-world cases, and hands-on exercises, we covered many practical topics like Basic HTML, SCSS Introduction, Exploring ECMAScript, Workflow of Front-end in Douban, etc.

Front-end technologies are widely used in desktop and mobile applications. Learning and applying fundamental concepts benefits for enhancing the efficiency of development and cooperation.

这是豆瓣面试的杂记。

4月23日，拿到了豆瓣的offer。

清明节前看到招聘信息，就把简历投了过去，因为JD是社招，当时也没报希望能得到回复，几乎已经放弃找工作了。估计是电话出了问题，节前Ruby就回复我说电话打不通，于是换了个号码，节后联系Ruby约定面试时间。

deviceBridge是我们连接WebView页面与Native App的桥梁，它实现了JS和NativeCode之间的相互通信。春苗移动端App是一个HybridApp，内嵌了Wap版的帖子详情页面，其中包含的许多功能逻辑需要和NA协作共同完成，这就需要一套完备的交互接口。为了说明deviceBridge的工作原理，我们挑选一个最复杂的需求“回复”来理一理整个流程。所谓一通百通，跑通了一个功能，其他的也就迎刃而解了。

这里主要来看前端JS的接口部分，Native端的处理代码就暂时忽略了。下面我就说说在编写这个JS脚本时候我的学习和优化过程。

##和UE沟通
在文库做两个项目过程中，都有被UE劈头痛批的经历，这是我在之前从未体验过的。我想了一下，出现这种沟通问题的原因在以下两个方面：

1. 工作性质：这个要拿我之前在广研的经历来比较了，由于之前在邮箱做的是重构工作，和设计师走的很近，像是相亲相爱的一家人，从来没出现过这种问题。而现在不同了，我们FE是属于研发联盟，这意味着，做事的方式和流程都会有很大的不同。
   具体一点说：做重构，我们和设计师直接沟通，（几乎）随时沟通，我们甚至可以跟设计师提出自己对某个设计的看法。而做研发，有两个重要的不同点，一是过程：开发之前，一份设计稿定稿并标注明了；开发之后上线之前，反馈UE走查确认效果；开发过程中，UE不会全程跟着你改。二是方式：UE不直接跟工程师沟通，而由PM充当中间人的角色。开发时发现缺什么图了，跟PM说，PM找UE补；交互设计有矛盾了，UE找PM确认，PM确认无误再给研发。少数情况下，页面中细小的细节，UE可以和研发直接沟通。

   Read more »

这一篇想来整理总结一下春苗项目使用的前端框架及其模块化的思想。这次项目中我们使用了yog框架，这是一套基于kraken-js，并集成了fis静态资源管理等功能的node框架。

##框架简述

我写这篇文章，其实不是为了介绍框架，而是想写写框架使用的体会。加上我本身也只是知其表而不知其里，所以，想更深入地了解yog或是fis的同学，请移步文章末的参考资料。以春苗PC为例，首先我们来看一看目录结构：

前一阵子花了很多时间做了春苗家长，最近有时间来做个小结，首先讲的是在做个人主页左侧列表时的几种方法试验。实际的效果可以到春苗个人主页查看。下面我为了突出主要部分，把列表适当简化下，假定我们要实现这样的一个列表：

这个列表看着挺简单的，但做的时候发现为了找到最优解还是花了一番功夫的。我认为这里主要的矛盾在于分割线和hover背景的实现。下面就说说采用如下的同一套HTML结构，我的五种不同的方法尝试。

1
2
3
4
5
6
7
8

<div class="cnt">
  <ul>
    <li class="first"><a href="#">我的资料</a></li>
    <li><a href="#">我的帖子</a></li>
    <li><a href="#">我的收藏</a></li>
    <li><a href="#">账号设置</a></li>
  </ul>
</div>

拖延症晚期的我终于也把博客弄起来了，想来这事已经拖了快半年了。本来想折腾下jekyll，后来还是觉得写东西要紧，就选了上手更简单的hexo，而且刚好这段时间也需要学习下nodejs。好了，既然博客的样子已经有了，优化的事以后再说吧=.=

好，开篇就来写写来北京一个多星期的感受吧。其实，写博客的主要目的，就是想记录，生活中有意思的事情、学习到的新知识。因为我本身最大的缺点就是不会主动去感悟，去思考。简单来说就是一个字，懒。所以希望能通过维护这个博客，让我每天有意识的过好每一天，不要昏昏沉沉的。同时也是锻炼自己表达能力的一种方式，希望以后博文的质量越来越高吧~