阿里巴巴无线前端团队 about blog HOT 141 OPEN

没有用到响应式布局，有些机型屏幕很大，页面区域就那么小；太多的小圆角很耗性能，在一些机型和一些低端配置机下滑动会很卡，一些大屏机也会的。UC的夜间模式下，这个页面完蛋鸟~还有，淘宝网的logo，基本上是几年不变的，怎么不用appcache呢？还有，localstorage的key命名太简单了，不怕冲突么？
列表页的分页那块，中间的页码选择，点击一下，箭头朝上，下拉菜单出现，原点再点击，下拉菜单隐藏，箭头没反应；
最最不能忍受的是：那个瀑布流图片显示的，点击进某个分类进去之后，展现一堆图片出来，其中有三张加载显示不出来，也没什么提示，这也就算了，当我进入首页的时候，本来可以判定我的UA和devicePixelRatio，然后加载相应宽高的图片，但是一律加载的是两倍的，太浪费流量了，最最最最不能忍受的是，点击那个红心赞的，竟然跳转去登录，好吧，我是没有耐心的用户，我也懒得点击赞了，我后退，结果，图片又要重新加载过了~~这个地方应该用hashchange的，这样图片才不会再去load一次。
还有就是，box-shadow也是很耗性能的，一些微小的阴影可以用border代替，性能会大增！
以上说的都是错的！

from blog.

1. 你对前端职业发展有何看法？
   前端其实就是页面、交互的开发者，如果不在大型、注重web产品形象气质的企业中，存在的价值就可以忽略，目前 我就在这样一家公司，不过我始终认为，前端工程师要比产品经理懂技术，要比后端工程师懂产品，他是技术人员，更是产品经理和后端工程师之间的桥梁，技术好了可以转后端，感觉到了可以做产品，进可攻退可守，算是比较不错的前端职业生涯规划。
2. 前端和后端程序员应该如何合作？
   如果是做基于后端某一框架（如SpringMVC, Django）的ERP或者进销存等管理软件，前端基本就是写界面的，js往往不需要特别的模块化，跟后端的合作也就是写好界面给他们、然后包装一些js或者css3的交互效果，不过前端开发者在这种项目中最好能懂一点后端代码，如果能承担后端MVC层中的C的编写就更好了，什么时候需要用ajax、什么时候跳转，懂前端的艺术家都会比纯后端感觉好一点（我现在就在团队中扮演这么一个角色），如果使用REST规范去做项目，那么前端与后端的耦合度就会降到很低了，这时候就是对页面展示的一些数据格式进行规范化定义，这个是需要前后端达成一致的。
3. 讲几个你在项目中解决的让你印象最深的问题（难、匪夷所思、解决方案有趣都可以）
   工作经验不足，没有什么特别匪夷所思的，讲一下用jquery选中select吧，今天刚遇到的，一直以为是要设置$('option').attr('selected',true);可是总生效不了，结果我无意中发现$('select').val('value')；就可以选中val = value的option。
4. 在JavaScript面向对象方面，你有什么体会和实践？
   js不够oo,因为我java出身同时掌握python语言，这两个无论动态还是静态语言的类定义继承等都很方便，js就有点太麻烦了，直接把类的引用做为构造函数，然后在prototype中定义实例变量，总是不够方便，不过原型继承这个概念很通透，也很利于扩展。实践方面，我没有做过很复杂的应用项目，没有自己定义过很多类，然后去扩展，不过jquery的插件是我工作中常用的，$.fn扩展jquery这个类的实例方法，能够很方便的使用jquery特性，让oo很舒服。
5. 谈谈JavaScript中的闭包，以及你的实践。
   闭包其实就是定义一个匿名函数，使其内部变量仅仅贡献于函数内上下文，无污染的代码始终维护都很方便。
6. 说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进。
   不好找
7. 谈几个有趣的html标签，以及它们的语义。
   传统的 h1-h6, 后来html5又加入了更多语义化标签的支持，header（页眉）, footer（页脚）, acticle（文章主体）, aside（非主体部分）, nav（导航）, section（章节）, hgroup（标题组）, address（地址声明区） b, i（强调部分） 也被赋予了语义的角色。
8. 讲一讲CSS的position/float/display都有哪些取值，它们相互叠加时的行为都是什么？
   position: static[absolute, relative, fixed]. float:none[left,right]. display: block[inline,inline-block,...相当多，常用的就这三个]
   position:static时float才有用，position:一旦不是static或者relative它就脱离文档流了（其实我不是特别清楚，relative时是否脱离文档流）
9. 说几个你觉得有趣的CSS3选择器，以及他们有趣的用法。
   attr *="" ^="" ~="" $="", E:nth-child(n), 关系选择符 E+F(相邻的)
10. 【自定义问题】怎么能让前端开发的成本降低，让新手程序员快速融入团队？
    关键还是看体系，一个企业的技术架构体系，就像后端一样，有着完善的框架，一个刚毕业不久的java程序员很快就能上手基于SpringMVC的项目开发。前端之所以难上手，难做出高质量的应用，关键还是体系太乱，没有成型的技术体系，目前我就在公司内部推崇一套技术体系，主要基于Bootstrap + jquery + Modernizr + jquery.ui ，绝不随随便便就增减体系，然后针对这一套框架做二次开发，封装成插件，或者公用类库，整理成企业自己的前端技术体系，让很多小白程序员很简单就上手前端开发，写很少前端代码。

from blog.

ES3是否垃圾，也得比一比。1998年流行的脚本语言有哪些？Perl、VBScript、Python 1.x （连垃圾收集都没有）、Lua 3.x（仍然只是一门数据描述语言）。

我觉得ES3不垃圾。

from blog.

哈哈，沙发，说一点点感触，前端和后端我目前经历中最愉快的合作方式是后端只负责API，输出JSON，前端负责模板渲染

from blog.

嗯……似乎其中有些题目就是你跟贺老当时问过我的

from blog.

js面向对象的实现方式很多，有多种框架都有很完善的解决方案。但是出于越简单越好不引入庞大框架的目的，曾经写过一个非常简单的面向对象实现，在自己写的很多项目（虽然都不是成熟的商业项目，目前本人学生）中都会使用。为了和老师讨论，特地把代码放在了github上，https://github.com/YuhangGe/js-oo , 求老师鉴定～

from blog.

@myst729 哈哈哈 你别看这样的题目 通过率很低的

from blog.

好题帮顶。谈谈JavaScript中的闭包，以及你的实践。答不上来。CSS八百年没用过了，记得position跟float有点冲突，要重新做实验才知道。

代表我水平的面试题，“人类全基因组序列在Reference基础上拼接后点突变、增加/缺失变异的筛选”可以么？？？

from blog.

@YuhangGe 谈谈思路比代码要好哦

from blog.

@TRRrrr 你妹…… 不过这题真风*啊

from blog.

真事儿，我面试的时候真讲了这些。我之前面IBM、一家midwareJava、网络工程师时候公司的人脑袋上都带着问号的重点问了为什么我简历里有两篇Genomic的publication，都做了什么，然后我讲的就是这些。看过回我一条，我自觉删留言……咱哥们不捣乱的！

from blog.

@wintercn 其实我想说……就目前而言，前端的职业发展挺尴尬的，会不会直接被你挂了……

from blog.

前端和后端程序员应该如何合作，这个我想我可以写一个自己糟糕经历的心得体会。。

from blog.

答题不如交谈，从谈话的过程中可以了解你需要的一切。从谈话的过程中可以展示你的风彩

from blog.

@michaeljayt 若我是面试官的话我感觉我会很喜欢听这个以及事后你对这次槽糕经验的反思和解决方法。不都说“经验”就是一次次的教训嘛～

from blog.

谈谈JavaScript中的闭包，以及你的实践。

闭包

说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进。

最烂就是点击还会重新请求整个页面。然后地址栏就出来了。
改进的话就说做成SPA。

from blog.

思路蛮简单的。比如C继承自P，其中P和C都是通过function定义（比如function P(){}, function C(){}）则：

1. 检索P的prototype中出现的但C中prototype没有的，赋给C。
2. 给C添加静态成员（而不是prototype）base_objects（Array Type），里面保存P（如果P还有父亲K则也保存，以此类推），这样就相当于保存了继承关系树。
3. 为C的prototype添加函数base，该函数用于在构造函数中调用，相当于JAVA的this.super()，实现原理里在里面通过call或apply函数调用父亲的构造函数（P.call或P.apply）。
4. 为C的prototype添加函数callBase，该函数用在任意地方，用来调用父亲的某个函数。（比如this.callBase("Func");）。实现原理也是使用call或apply。
5. 为了实现多级继承，在每个C类的实例中添加成员inherit_base_deep和inherit_deep，依次用在base函数和callBase函数中，用来记录当前调用的继承深度，通过这两个成员在base_objects这个数组（继承关系树）中可以正确地找到当前应该执行到了第几层父亲的相关函数。

通过以上思路，则实现了一个简单的面向对象，支持多继承、重写、多态。通过使用闭包，使得这个思路很符合原生的js语言**，代码没有额外过多的面向对象的影子（比如一些框架有明显的createClass函数），也没有真正的父亲类的实例的存在（有些框架是给prototype添加new Parent()的实例）。唯一的潜在问题是可能有闭包的性能问题，但似乎可以不用考虑在内。

from blog.

呀 这里就开始讨论起来了啊 不过好几道题不好答啊

from blog.

• 你对前端职业发展有何看法？
  JS一统天下
• 前端和后端程序员应该如何合作？
  好基友什么都好说

我也来凑凑热闹～

from blog.

@Rayi 目测楼上有几个答题的哥们已经杯具了 <(￣▽￣)> 哇哈哈…

from blog.

m.taobao.com的搜索框莫名其妙。

直接在input上面加分类按钮不就好了，干嘛让我觉得是我浏览器坏了。。

from blog.

关于闭包的看法
http://www.cnblogs.com/lwzz/archive/2013/04/14/2953117.html

关于面向对象的看法
http://www.cnblogs.com/lwzz/archive/2013/03/03/2941743.html

前端后端没事干喝喝酒吃吃饭打打羽毛球啊，增进感情。

印象最深的就是script # 生成的js代码看起来真心不爽啊，居然还要维护。

最能代表我水平的面试题就是：
越南语的变迁与两国之间的经贸关系

from blog.

@langxue "前端后端没事干喝喝酒吃吃饭打打羽毛球啊，增进感情。" 大赞！别忘了叫上QA/Test跟DBA

from blog.

貌似题都不好答....
话说觉得前端有意思也就是玩jqTouch那会，标准都还没定功能都用上了

from blog.

小应届菜鸟也来玩玩。
1、页面仔——>高级页面仔——>页面佬
8、优先级position（除了relative和默认）>float>display。position中absolute和fixed都是可以触发BFC而且还是inline-block的效果，text-align有效。float也是触发BFC，包裹元素但是text-align无效。display可以用block，inline-block，table-cell等触发BFC。然后影响按照优先级来说话。
问题：!important IE6认识吗？
答：认识。
440362682[at]企鹅.com

from blog.

@lpgray 想要面向对象特性请 CoffeeScript 和 TypeScript

from blog.

说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进

ID 居然有3种命名风格，目测 是 linux/C程序员 ，java程序员（有点混血） ，lisp程序员

id="J_search"
id="inslist"
id="inp-search-index"

from blog.

你们会不会使用less coffeescript nodejs 进行企业应用的开发？

from blog.

1.你对前端职业发展有何看法？
2.前端和后端程序员应该如何合作？

前端驱动后端开发 这个是最近开发的感受 前端应用Backbone进行开发，后端使用NodeJS开发，很多时候都是前端处理好了事件，通过url直接扔个后端，然后NodeJS进行相关业务操作 凑个热闹，想去杭州啊

from blog.

题目不错！不过你忘记写妹子有加分了。

from blog.

@hax 一针见血

from blog.

@hax 一针见效血

from blog.

不敢卖弄. 说说最近遇到的几个js坑, 都是相当基础的问题, 被坑的原因是基础不扎实加经验不足尔.

1. 慎用delete

   var a = 1;
   delete a;
   console.log(a); //猜猜这是啥
   
   var b = {b:1};
   delete b.b;
   console.log(b.b); //猜猜这是啥
   
   window.c = 1;
   delete window.c;
   console.log(window.c); //猜猜这是啥
   

2. .innerHTML 与 <script>. 这段js 运行之后, testID 的内容是?

   var ajaxResponse = ' \
                   <span id="testID"> \
                       foo \
                   <\/span> \
                   <script> \
                       document.querySelector("#testID").textContent = "bar"; \
                   <\/script>'
   document.body.innerHTML = ajaxResponse;
   

3. console.log(alert.bind(1) === alert.bind(2)); //猜猜log

4. 什么情况下该用getter/setter , 什么情况不该用? 给出一个有 getter/setter 成员的类, 能在最新版Firefox/Chrome 上运行即可.

from blog.

实习生招不啊

from blog.

你对前端职业发展有何看法？

在创业公司干了几年活，前后都做。这次找新的工作机会，在找偏后端的了。

前端和后端程序员应该如何合作？

1. 在公司时，位置靠近一点，方便交流。
2. 前端的会一部分后端，后端的会一部分前端。

在JavaScript面向对象方面，你有什么体会和实践？

实践：这几年，少用（几乎不用）。函数能解决问题了。 this还有很多意思，错误还是灾难性的。
体会：面向对象也不是那么美好。解决问题才是目的。

谈谈JavaScript中的闭包，以及你的实践。

好东西，大量使用。private，module，object，都靠它实现。

说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进。

做得挺好！ 疑问：

1. 就几张图片，一定要4个host么？
2. 32 / 38 requests ❘ 216 KB ＝》 能再省么？

谈几个有趣的html标签，以及它们的语义。

base, 能省点字符。

不好意思，在瞎扯。

from blog.

•谈谈JavaScript中的闭包，以及你的实践。

假如
function A(){
var i=0;
function B(){
window.alert(i++);
}
return b;
}
A(); //调用后，表示内存中 i 有可能会被gc 当成垃圾回收
var C=A();
C();//这样的话，返回的b就交给C()，相当于对i形成了一个闭包

[email protected]

from blog.

这里的很多问题都反映到我封装的一个开源框架里了，欢迎指导赐教：
http://dodgepudding.github.io/webex/

from blog.

对 m.taobao.com 抛出一些可以讨论的话题。

asset图片方面

1. 如果面对的是html5浏览器的话，使用localstorage来做data:image的缓存是否有价值。
2. 图片引用都是放在indexCache.css里面，是否考虑分默认展示和非默认展示两次加载。
3. 虽然运营有可能会改图标，但是以淘宝的流量来说对图标做sprite还是很有价值的。我曾经做个一个模拟combo功能的imageCombo的功能，回头可以交流下。

还有个问题就是search suggest的那个能不能有点延迟，现在连续输入会不断请求搜索接口。
如果快速输入123的话，实际请求是会是q=1,q=12,q=123 三次。

from blog.

@OpenGG 你再试试这个，很好玩的

eval("var a = 1");
delete a;

from blog.

有病啊！delete是这么玩儿的吗？

发自我的 iPhone

在 2013-5-7，7:53，Leo Deng [email protected] 写道：

@OpenGG 你再试试这个，很好玩的

eval("var a = 1");
delete a;
—
Reply to this email directly or view it on GitHub.

from blog.

刚好有两题写过blog，贴上来看看。。
http://grandline.me/2013/04/18/javascript-inheritance/
http://grandline.me/2013/03/03/css-position/

from blog.

@youhua 这就是坑了

from blog.

这种坑是自己挖的吧，翻翻手册
https://developer.mozilla.org/zh-CN/docs/JavaScript/Reference/Operators/delete

2013/5/7 Leo Deng [email protected]

@youhua https://github.com/youhua 这就是坑了

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/5#issuecomment-17518911
.

from blog.

@youhua 你可以看这里，https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/defineProperty 尤其是 configurable 这部分的描述。然后再试试 window.prop = 1; var prop = 2; eval("var prop = 3"); 这几种给 global （浏览器里面的 window ） 对象增加属性的方法以及它们对 configurable 处理的不同。

from blog.

@zhuzhe1983 好吧 内行看门道 不过记得你是对我家没兴趣来的？

from blog.

from blog.

//标签没闭合

from blog.

@myst729 学习了...

from blog.

你对前端职业发展有何看法？
初涉前端，可以接触的领域尽可能宽一点，一两年后看自己的兴趣再往前端的某个方向去发展。
你是一个偏感性的人，对页面比较敏感，那可以试着去做页面重构，UI交互之类的；
你是一个偏理性的人，对代码逻辑感兴趣，那可以做数据展现，页面逻辑；
你是一个理性而且看问题又独挡一面，有兴趣对某个问题做深入研究和发掘的，那可以写些前端底层的基类，提供给团队其他人使用；
假如你是一个前端的狂热爱好者，恰巧你又懂后端语言，也懂架构，那么恭喜你，很适合做传说中的大前端；
嘿嘿……
这只是本人的一些看法而已~~~[email protected]

from blog.

任何技术都是为了满足实际需求，解决问题，做出优质产品才产生的，以此为契机，去深入研究一门技术或者一个领域，就会非常有意思，前端也是如此，因需而生！

from blog.

@myst729 善, ES5 努力把这些属性暴露出来了, 一方面是向前发展的需要, 另一方面也增加了 JavaScript 的复杂度.

from blog.

http://m.taobao.com 这个的触屏版，在wp7.5的ie下面，显示一塌糊涂，完全没法用。

from blog.

@linzegia 亲 你的吐槽很棒 对我们的产品很有意义 不过确实没体现前端的专业性哦~

from blog.

你对前端职业发展有何看法？
多元化：随着客户端性能的提升，JS通过Nodejs跟Ajax在富应用上的地位提升，可能会产生更加多元化的职业分工,
饱含不确定因素：技术变化快、跟各种不确定的规范标准做斗争,
挑战跟机遇并存：前端在提升产品表现力上的作用越发明显，高端人才难求

前端和后端程序员应该如何合作？
大部分难点集中在：如何顺利的进行数据交互对接，到底是让前端来套后端的数据还是后端来套前端的效果页面，静态资源的同步等等。
如何合作并没有万全的方案，而是看是怎样条件的组合，见过传统的直接前端出静态html效果页面让后端进行嵌套，但因为要涉及一些数据交互而导致效果不全的问题，如果有过后端开发经验的前端人员就可能会自己开发一套可以模拟数据交互的平台，后端人员直接通过查看源代码进行调试。而静态资源同步问题就有可能通过一台静态资源服务器来解决。对于数据的交互接口部分没有捷径详细的注释跟文档必不可少，当然，只是小项目1对1的联调则可以省去这步或者后补。鉴于未来客户端性能越来越牛叉，前端应该会揽下view层的渲染，后端则需要一个较好的RESTful抽象数据层来为前端提供需要的JSON/XML数据。

在JavaScript面向对象方面，你有什么体会和实践？
基于原型的面向对象跟很多主流语言不同，JS是基于Object的原型展开，
无论是对于内置对象还是自己重新定义对象扩展，JS的面向对象像是对一个强大的基础类上做无序的衍生。
市面上有通过mootools或者coffeescript、typescript来让原生的js在面向对象开发的时候语法更接近主流语言，个人在实践上也倾向于此，coffeescript是个不错的选择。

谈谈JavaScript中的闭包，以及你的实践。
因为JS变量作用域的特殊性（函数内部可访问到外部变量而外部不可访问内部变量）
因此闭包可以用来隐藏变量来实现类似操作私有变量的作用，另外闭包不会立即释放调用它的内存因此还可以用在简化用户调用。

说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进。
没怎么用过这个网站。浅显的看下，前端部分因为代码做了压缩还用了seajs做了js模块封装压缩，尚未看出不妥的地方，真要找的话可能就是明明是PC端访问这个页面却没有跳转到桌面版的首页，这个好像也不属于前端问题:p 另外~貌似暂时还没考虑用mediaquery？

谈几个有趣的html标签，以及它们的语义。
html标签本身就是英文的缩写，大部分语义都可以一目了然，很多前端在切页面写标签的时候可能会忽略html代码的可读性跟语义化可能得归咎于英文不太好（自己也是...）本人很多时候只是用传统的一些标签。最近用到平时不太用的标签是var，本人把这个标签用在了显示一些校验错误信息上，可能当时觉得因为这些信息是变化的，var就是变量的意思，用它应该妥妥的，但其实更合适的是用在code里一些定义的变量上。

from blog.

我保证认真看你的答案，但是不保证一一回复。
你要有你前半句，我保证认真回答问题。因为你的时间一定比我的时间值钱。

1.你对前端职业发展有何看法？
答：
过去：前端真的是一个比较尴尬的职业，现在做前端的人分很多种，后端，设计，美工，可能以前做运营的也有的。很多时候都不被重视，但是现在好多了。但是历史说明了这是一个多元化的职业，在这个圈子的人有不同的思维方式和背景。
现在：前端会越来越好。月经都日经了，吵吵更健康。
未来：没有前端，我希望是这样的，我希望所有人都会写页面，就先现在所有人都会有word一样。但是现在做前端的人是那些以后做的比较好的人。到时候页面会自动生成，模块化也不是没有可能呀。

2.前端和后端程序员应该如何合作？
答：看情况。但是我感觉是一起交流产品，前端吧页面写好给后端，如果要小改后端自己搞定，要大概扔回前端。

3.讲几个你在项目中解决的让你印象最深的问题（难、匪夷所思、解决方案有趣都可以）？
答：在本地上传的自己的blog后发现报错，但是自己本地wamp是完全正常的，因为自己本身不是很熟悉PHP，自己一步一步的熟悉代码去检查错误。
自己花了差不多两天时间去解决这个问题，因为根本就没有头绪。不知道怎么回事。
后来发现问题是环境问题，上传后是linux，linux是区分大小写的。呵呵，我将一个文件夹的命名中的首字母改成大写所有问题都搞定了。
呵呵。很多时候代码格式比代码质量更重要。格式是态度问题，质量是能力问题。

4.在JavaScript面向对象方面，你有什么体会和实践？
答：JavaScript面向对象是伪面向对象。想写好JavaScript面向对象去看Java吧，看过一段时间在回来看
JavaScript面向对象。这样会对面向对象和JavaScript面向对象有更深的体会的。可以写出更好的面向对象的代码，
只写js代码，不学其他的语言很难写出纯面向对象的js代码。当然可能是我水平有限吧。

5.谈谈JavaScript中的闭包，以及你的实践。
答：如果面试的时候，我根本就不知道闭包是什么东西。没有概念。
谷歌后，哦哦，我大概了解了。变量作用域，不污染全局。
去理解数据结构，浏览器怎么来解析js后在来看这一块内容后回会简单的多。去画内存分配图，更容易写出好的闭包。
说到底还是要去理解计算机及最低对内纯分配的东西。

6.说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进。
答：没有最烂，只有更烂。

7.谈几个有趣的html标签，以及它们的语义。
答：
html：我一直认为

html5：

bdi：bi-directional isolation 。不知道和bidi有什么区别。这里还要麻烦寒冬给我一个bidi的全称，上次只是在微博上会了一个bfc，还是学长回的。就是这个了。哦哦，bidi == bdi。

mark：不要解释了吧。

黄浦江上的的卢浦大桥

figure：图形，画像
figcaption：figure caption
caption：标题，字母，加上去的注释

8.讲一讲CSS的position/float/display都有哪些取值，它们相互叠加时的行为都是什么？
答：这题我认真回答一下，这个应该是这几天的原因吧。我来写写我的理解。
寒冬老师，我感觉应该是display/position/float，可能display/float/position是最合理的。先有因后又果。如果display：none，我感觉后面的postion/float就没有意义了。从外向内写css，float在postion前面，postion在设置自身的同时也会影响子类元素。而且postion应该是可以继承的，float，display不可以继承。所以我感觉最合理的顺序是display float position。
display：none、inline、block、inline-block、list--item、table-cell、table、table-row.这个很强大
float ：none、left、right （clear：none、left、right、both，这是一对正反关系吧）
postion：static、realative、absolute、fixed。（还有top、right、bottom、right，这是一组吧）
{加一个text-align：这个也很重要的，不比float弱。可以实现很多布局效果}
相互叠加时的行为：这就是我认为的css的难点，这边有的可能性是 8_3_4=56种，理论上应该有56中情况。

真的要写出完整的回答，那就是在学一次css了，这里涉及的问题有很多，盒元素，流布局，浮动布局，定位布局，继承，清除浮动，原点重新定位，还有就是浏览器的怎么解析网页代码（display），其实这边冒泡算法我感觉也可以问到呀。还有就是寒冬说的那样继续问一下，问内容部分。其实我感觉就是一句话“浏览器怎么来解析css和html”。不同的浏览器对这些东西的解析是不同的，但是为什么不同那？不知道，我菜鸟，可能是算法不同的。IE和FF对冒泡的算法是不同的。

1）绝对定位盒模型：display：**; postion:absolute (fixed) ; top、right、bottom、right、、、、、
2）浮动和模型：float 、margin、 padding、、、、、
这是布局最常用的两种方式。基本上布局都用这两种方式。
这变的情况太多了，一下子是写不完整的。反正这边设计的内容太多太大了。
就这样吧。

关于对position/float/display都有哪些取值我感觉不比纠结，因为一般的IDE都会有提示。有事还真的是一下子说不上，说不全的。这就是IDE不好的地方吧。不是说不上就不理解的。

9.说几个你觉得有趣的CSS3选择器，以及他们有趣的用法。
答：没有。
我希望这边的这个问题 浏览器是怎么样来解析css的选择器的？
body div {}
body div.one{}
body div:hover {}

10.自己问自己一道代表你水平的面试题，然后回答。
答：问题：你的另一半怎么评价你？
回答：呵呵。

from blog.

1.你对前端职业发展有何看法？
——发展？可以发展到任何方向，主要的是思维；

2.前端和后端程序员应该如何合作？
——把他当成自己的爱人一样，为他考虑，为家庭考虑；

3.讲几个你在项目中解决的让你印象最深的问题（难、匪夷所思、解决方案有趣都可以）
——每一个问题都让我很有兴趣，真的，但是最有兴趣的就是自己开始学会写解决问题的工具了；

4.在JavaScript面向对象方面，你有什么体会和实践？
——JavaScript的面向对象对于我来说真的很有意思，因为它不像其他编程语言那样（like JAVA）那么死板，好吧，你可以模仿JAVA里面的那个样子，其实我的意思是JavaScript可以模仿你所希望的面向对象的特性，虽然它本身并不具备，但是你可以创造；

5.谈谈JavaScript中的闭包，以及你的实践。
——很少有人能懂js闭包的概念，在我看来它就是一个谋后智者，悄悄地躲在作用域的后面，观察并操控着它们；

6.说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进。
——其实之前没有上过这个网站，所以一眼过去觉得还不错，不过可以肯定的是世界上没有完美的东西，所以烂的地方肯定很多，哈哈；

7.谈几个有趣的html标签，以及它们的语义。
——div，div表示一个容器，在你不知道这个玩意的语义的时候就用div吧，因为它几乎没有什么语义，但是它又可以表示任何一种语义；

8。讲一讲CSS的position/float/display都有哪些取值，它们相互叠加时的行为都是什么？
——css的布局属性可以创造世界上大部分的界面了，至于哪些取值手册上都有，叠加的行为？好吧，试试就知道了。

9.说几个你觉得有趣的CSS3选择器，以及他们有趣的用法。
——都有去，选一个吧，first-child：选择第一个元素，有趣的用法？直接用它就很有趣了...

10.自己问自己一道代表你水平的面试题，然后回答。
——你觉得这个面试题怎么样？
——弱爆了...

from blog.

@hax 一针见效血+1

@OpenGG 小伙快回来搞死优酷啊，好捉急啊。

from blog.

@yisibl 短时间内不会去做了, 对优酷对网友对web都不见得是一件好事.

from blog.

@wintercn 打滚求包养

from blog.

基础知识很重要。
实际开发中，我们80%的时间是花在理解业务，业务逻辑处理上。
比如 现在 刚刚做好代码，业务计算写好了，现在又改了，我现在又得重新修改业务代码，然后又重新测试。
tmd。

from blog.

借着winter老师的机会顺便整理了下最近工作中遇到的问题
挑了第三第四两个问题,见
答题地址

我的邮箱 [email protected]

顺便想问下关于北京阿里的情况如何呢?我个人可能短期内不会离开北京,但是又很向往阿里的前端气氛,想看看是否能先考虑在北京的部门争取下哈

from blog.

打下酱油

一二个问题并起来说下

前端由一开始简单的页面制作到表单校验和动画效果到现在数据获取、处理、展示和提交都有的富交互形式。

一开始并没有前端这种职业，页面都是由后台开发者承担，以内容和功能为主。接着，有品味的人开始美化页面，随之而来的工作量要求更加专注于页面制作的人员。而现在，专业的人士依然看得很重，但同时对前后皆行的人要求也更加的需要了，特别是涉及 js 交互方面的。

虽然不完全同意左耳朵耗子的观点，但认同他的“无前后端之分”的观点。

主要专注于某个领域（比如 CSS ）的人是需要的，但“全能”的人会更受青睐，因为这样能够减少一些交流成本，代码实现上的考虑应该也会更全面些。正如苹果目前比微软更加风光一样。

更加遥远的未来是否会又合久必分现在不好说，在有新的要求新的亮点时，或许就会自然而言地分了。

普通情况下的页面可以由前端在用 file:/// 协议方式来浏览器 debug 调整，需要给需求确认时再开个服务器，给 ip 地址对方。但页面承载的功能在增加，比如 ajax 获取和提交数据，比如登录，比如根据 cookie 实现记住设置功能，甚至会有图片防盗链问题。

这要求前端方面要学习配置开发环境的服务器，比如 host，比如自定义域名，甚至写些简单的或 php 或 jsp 代码来模拟动态数据。在使用这些方法的同时，很自然，会努力把接口定义并实现好，把和服务端相关的参数用变量独立出来。这样，采用外链脚本来实现逻辑，但相关参数却由服务端输出，后台开发相对来说就简单了，从“一陀陀”的 js 代码中解脱出来，更加专注于逻辑和功能的实现，也算是更好的实现前后分离吧。这些功能始终是得有人去做的，无论是纯后台还是纯前端去做，都很容易陷在各自的领域范围，最后可能导致逻辑饶了几个弯各种混乱。而有前后经验的去考虑，可以更加全面些，思路或会更好。（这算是屁股决定脑袋吗）

from blog.

虽说我只做前端的时间不长，也好久没有研究了，不过本着讨论一下技术的想法，粗略的看了一下m.taobao.com。
1、有大量的data:image,有些是在css，有些是在页面中，css会被缓存，但是首次请求时无疑数据量会很大，图片相对来说并不是那么重要，我觉得延迟加载挺好的，页面中的就更不用说了，每次请求都会加大数据量，对有移动端来速度相当重要，毕竟没有那么大的带宽。这方面楼上有位高手提供了很好的想法，我就不班门弄斧了。
2、店铺收藏和宝贝收藏其实更新并不是很快，短时间内基本不变，但是为什么没有想“订单”那样放在index.html里，如果是页面风格（css不同）的问题话，其实可以完全统一嘛，减少页面请求。因为浏览器再页面回流上开销还是很大的，加之每次都有请求产生。
3、在“我的机票”这个页面，居然发现了请求swf，android 手机不是不支持flash嘛。呵呵，这个没有仔细研究哈，就当一个问题请教一下。

总之，对于移动端来说响应速度比PC要求要高很多，有些页面有大量的js是不是都必须，可不可考略合并成压缩一个或2个，尽量把页面合并成一个，ajax异步加载。ajax请求的数据是不是可以考略本地存储一下，只用请求一下服务器，看看是不是有数据更新，有在刷新数据。

呵呵，非专业人士前来打酱油。

from blog.

我还没见过这种公开的面试的方式。有趣！必须来捣乱一下。因为面试官不好意思得罪人，所以我来帮面试官当个黑脸吧。

@YuhangGe 代码幼稚。建议多码代码少谈架构，一年半到两年以后再想自己设计框架吧。

@TRRrrr 用前端的不知道闭包和CSS？难道你跟我一样也是来捣乱的吗？

@linzegia 底子不错。

@lpgray 有经验的码农。如果每天能写两千行代码的话，建议要了。

@YuhangGe 邯郸学步

@ibigbug 鼠目寸光

@ibigbug 亲爱的用户，感谢您的反馈

@langxue 研究精神可嘉，但对闭包和原型链实现的部分细节有误解。

@Hwangss 有自知之明

@ttch 那你知道这说明什么问题吗？正确答案：

1. 说明淘宝程序员流动性大，区区一个页面被多个程序员修改
2. 说明淘宝的前端开发管理涣散，没有编码规范和保证代码质量的机制
3. 说明淘宝的前端程序员地位低下，职业生涯上限低

@nightink 这个是盲人摸象的感受

@OpenGG 懂点奇技淫巧也是好的。

@shenfeng 干了几年就这点货？恭喜你，淘宝这种公司就适合养老。

@leecheny 足够完成大型企业级项目 Hello, World 的水平

@dodgepudding 大家都是混Github的，就不损你了，给你点建议吧。

1. API参考很重要。Markdown的引用不是用来写API参考的。
2. 英文句首第一个字母要大写。

@zhuzhe1983 你说得对

@myst729 多懂点奇技淫巧总是好的

@youhua 一点情趣都没有，注定孤独一生

@themez 原型链继承有业界惯例做法。不推荐自己发明新的写法。

@rainweb 你真的以为你写了这些东西，别人就会相信你是程序设计师了？

@OpenGG ES5？就是那个大公司博弈搞出来的垃圾规范吗？哎，凡是被委员会缠上的语言都没好下场。

@linyupark 用Microsoft Office Word画前端一年半。鉴定完毕。

@runkingzhang 如果你不知道闭包是什么，哪怕你回复写得再长，你也不是程序员

@nikogu 今天最有趣的答案，必须认真点评

1.你对前端职业发展有何看法？

——发展？可以发展到任何方向，主要的是思维；

只要你能入行

2.前端和后端程序员应该如何合作？

——把他当成自己的爱人一样，为他考虑，为家庭考虑；

看得我菊花一紧

3.讲几个你在项目中解决的让你印象最深的问题（难、匪夷所思、解决方案有趣都可以）

——每一个问题都让我很有兴趣，真的，但是最有兴趣的就是自己开始学会写解决问题的工具了；

4.在JavaScript面向对象方面，你有什么体会和实践？

——JavaScript的面向对象对于我来说真的很有意思，因为它不像其他编程语言那样（like JAVA）那么死板，好吧，你可以模仿JAVA里面的那个样子，其实我的意思是JavaScript可以模仿你所希望的面向对象的特性，虽然它本身并不具备，但是你可以创造；

答案太冗长，下次记得先学装逼词汇：DSL

5.谈谈JavaScript中的闭包，以及你的实践。

——很少有人能懂js闭包的概念，在我看来它就是一个谋后智者，悄悄地躲在作用域的后面，观察并操控着它们；

搞基的诗人并不多见

6.说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进。

——其实之前没有上过这个网站，所以一眼过去觉得还不错，不过可以肯定的是世界上没有完美的东西，所以烂的地方肯定很多，哈哈；

7.谈几个有趣的html标签，以及它们的语义。

——div，div表示一个容器，在你不知道这个玩意的语义的时候就用div吧，因为它几乎没有什么语义，但是它又可以表示任何一种语义；

搞基的诗人兼哲学家

8。讲一讲CSS的position/float/display都有哪些取值，它们相互叠加时的行为都是什么？

——css的布局属性可以创造世界上大部分的界面了，至于哪些取值手册上都有，叠加的行为？好吧，试试就知道了。

答案太冗长，下次记得先学装逼词汇：RTFM

9.说几个你觉得有趣的CSS3选择器，以及他们有趣的用法。

——都有去，选一个吧，first-child：选择第一个元素，有趣的用法？直接用它就很有趣了...

10.自己问自己一道代表你水平的面试题，然后回答。

——你觉得这个面试题怎么样？

——弱爆了...

关键是面试官头像太丑了，让你毫无搞基欲望吧？

from blog.

@Atry 求传授爆菊神功 ("▔□▔)/

from blog.

@myst729 奇怪了，你这水平用得着去淘宝吗？

from blog.

楼上的 @myst729 同学其实是想学怎么吐槽爆菊。。。 ("▔□▔)/

from blog.

还是 @Rayi 雷老板懂我啊……

from blog.

@Atry 哈哈，你看楼主跟我的对话就应该明白作为唯一个被楼主脏话吐槽的明显不是来面试的。话说反过来想，真面试的话你会用“Javascript闭包特性”去回答 “对于人类全基因组高通量二代测序数据分析技术” 么？（窃笑ing）

from blog.

回@Atry
话说 @myst729 这贱人根本就是来捣乱的 我在盛大的时候的同事
@TRRrrr 这货…… 是我大学同学

所以 你果然好nb啊 居然基本看穿了局势

from blog.

@zhuzhe1983 艹 邮箱啊 邮箱 github没有私信功能你不知道么？

from blog.

知道@myst729 是谁了...

from blog.

@Atry 哈哈很精彩的回复~没用过M$的工具，还是ST2顺手一点，但确实在布局这块没有细究，只是满足符合需求，CSS3方面的应用经验也较少，得补习了。

from blog.

嗯！我一定会去杭州的……

from blog.

了解

from blog.

我来装逼的回答你问题，看看我在你那有面试机会不。

1、你对前端职业发展有何看法？
广义上我认为前端是负责人机交互的，将机器产生的内容以人类可接受容易接受的方式展现出来。
现在我们提到的前端一般特指使用web手段通过浏览器进行人机交互开发的人员。
所以我认为前端的职业发展是深入人机交互领域。

2、前端和后端程序员应该如何合作？
由上面的问题可知我认为后端是做数据的存储，分析，管道流向的，所以我理想的前后端合作是通过数据格式的定义和接口完成的。但现在行业内网网是通过（服务器／浏览器）来区分前后端，工作上有交叉，所以还是需要人的一些沟通和互相了解对方领域来完成更好的合作。

3、讲几个你在项目中解决的让你印象最深的问题（难、匪夷所思、解决方案有趣都可以）
这个太多不说了。

4、在JavaScript面向对象方面，你有什么体会和实践？
这个被误解的最多，面向对象 != 设计模式 != 继承 != ........ 面向对象的核心是以数据为中心，与其相对的是以过程为中心。所以关键是抽象和封装，其他都是为了解决过程而自然产生的副产品。额外我提一个：少用继承，多用组合。

5、谈谈JavaScript中的闭包，以及你的实践。
函数内可以访问其定义时的环境。经典bind函数，特权函数。

6、说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进。
没看。

7、谈几个有趣的html标签，以及它们的语义。
理论上我认为除了具有媒体属性的标签（

8、讲一讲CSS的position/float/display都有哪些取值，它们相互叠加时的行为都是什么？
。。。

9、说几个你觉得有趣的CSS3选择器，以及他们有趣的用法。
:first-child :before 之类的东西在开发的时候可以在不特殊处理html的情况下对特殊位置的元素进行标示，这些挺不错的。还有伪元素也可以将修饰的东西从html中移出，也是不错。其他没觉得有趣。

10、自己问自己一道代表你水平的面试题，然后回答。
大草原 ：）

from blog.

@domkey 教主你最后一题的答案呢 哈哈哈

from blog.

@domkey 头像出卖自己啊哈哈

from blog.

@wintercn 做不出好产品的前端就不叫专业了，迟点慢慢把详细分析写出来

from blog.

@Atry

这么基础的知识也算奇技淫巧啊. 我不是来面试的, 只是看看大婶们对我遇到的问题有什么好的看法 :)

大公司博弈搞出来的垃圾规范, 这评价有点中二, 不知道ES5这规范垃圾在何处?

from blog.

@wintercn 点@zhuzhe1983可以看到他邮箱你不知道么？

from blog.

@wintercn 你不是也没答案吗？我说一个你好意思问我哪有问题吗？

from blog.

@ericdum 你在搞笑吗…… 不应该是 @zhuzhe1983 给 @wintercn 老师发简历吗？难道反过来让 @wintercn 老师先给 @zhuzhe1983 发邮件求他投简历？ ╮(╯3╰)╭

from blog.

@lpgray 第三点，应该用的jquery 1.9 + 啊，貌似你没看changelog，1.9之前能这样$('select option:eq(1)').attr('selected',true) ； >= 1.9 这样选 $('select option:eq(1)').prop('selected',true)【1.9之前也行】

from blog.

@OpenGG 垃圾不垃圾，要比比才知道。我就爱复杂的编程语言，以我的评价标准，ECMAScript 5 和 ECMAScript 4 相比弱爆了。

from blog.

@leecheny 错了哦

from blog.

• 在 JavaScript 面向对象方面，你有什么体会和实践？

Javascript 是基于原型的，对象的继承通过原型链来实现。

• 谈谈 JavaScript 中的闭包，以及你的实践。

闭包就是一个可以访问另一个函数作用域中变量的函数。
如下面 setTimeout 的匿名回调函数：

function fn() {
    var foo = 'bar', timeout = 0;
    setTimeout(function () {
        console.log(foo);
    }, timeout);
}

from blog.

谈谈 JavaScript 中的闭包，以及你的实践

for(i = 0; i < 10; i ++){
$.getJSON(url,function(res){
ary[i].doSomething();
});
}

-->

for(i = 0; i < 10; i ++){
(function(index){
$.getJSON(url,function(res){
ary[index].doSomething();
});
})(i);
}

在 2013年5月8日下午11:45，zbinlin [email protected]写道：

• 在 JavaScript 面向对象方面，你有什么体会和实践？

  Javascript 是基于原型的，对象的继承通过原型链来实现。

  • 谈谈 JavaScript 中的闭包，以及你的实践。

  闭包就是一个可以访问另一个函数作用域中变量的函数。
  如下面 setTimeout 的匿名回调函数：

function fn() {
var foo = 'bar', timeout = 0;
setTimeout(function () {
console.log(foo);
}, timeout);
}

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/5#issuecomment-17614417
.

• 刘奇峰
• 18610994787

from blog.

@Atry 点评，非常有意思 👍

干了几年就这点货

看来被鄙视了。还得继续修炼。过几年求再点评 😸

恭喜你，淘宝这种公司就适合养老。

还没有想过养老，在创业公司做了快3年，有一年多的时间干活挺多，很怀念。非常可能继续加入创业公司，继续干活，确实对大公司兴趣不大，流程复杂，说概念讲想法的比干活的人多。

from blog.

@Atry:

@OpenGG 垃圾不垃圾，要比比才知道。我就爱复杂的编程语言，以我的评价标准，ECMAScript 5 和 ECMAScript 4 相比弱爆了。

语言如果你看的是这种玩意的话，C++是你的菜。客观角度来看ES5，对ES的发展是非常有用的。ES4就是毁了。
复杂的语言你喜欢归喜欢，跟小丑一样蹦跶出来说ES5垃圾，哗众取宠不是？

from blog.

@Atry
既然如此, 应该说垃圾规范 ES5 是垃圾规范 ES3 的延续, 只能观望 ES6 是不是会好一点, 再决定要不要写 JavaScript 了.

from blog.

ES5牵涉的大公司都有自己的ECMAScript方言，ActionScript、TypeScript、Dart。ES5比这些庶出兄弟孱弱得多。原因是，大公司在设计自己语言时，只需要面对技术问题。而规范的争夺，则是政治问题。

ES5的庶出兄弟中最杰出的是Haxe. 只由尼古拉斯一人设计。

from blog.

@Atry Haxe 看起来很有趣, 感谢分享.

from blog.

test

from blog.

我也说两点吧，第一点是前端跟后端怎么合作，最完美的当然是前端跟后端都懂，一个人负责整个模块。这里的后端是指服务器数据获取，不包括服务器开发。数据存取逻辑最好由经验丰富的后端（纯后端开发）设计好API由前端调用，至于数据你打算封装成怎么样，json还是xml就由前端自由控制和展现，前端跟后端交互的API最好由前端来完成，涉及到数据存取的都通过纯后端负责提供API，纯后端要维护好文档，前端要操作数据的时候可以直接查询，不至于写个小功能都有巨大的沟通成本。上面有纯后端，那就得有纯前端，纯前端就是重构，专门负责CSS跟切图，当然javascript是必须要会的，这部分的前端就偏向于美工了，所以，前端应该分为两类，一类是偏技术型的前端（指会后端部分，懂数据逻辑），另一类是偏设计型的前端。但事实上懂得越多，明白它们之间的想通之处就越简单，说到底，一个是语言，一个是规则，规则就是各大厂商提供的API和标准，javascript调用的是API,操纵文档是调用DOM API控制展现文档树则是调用CSS渲染规则，都是浏览器厂商提供的，出了个node.js归根结底还是调用了后端开发人员提供的API，这方面其实你真不会也有个手册摆在那，手册都看不懂，这程序员还是不要做了。最能展现功底的还是性能，怎么写程序运行得更快，不至于让页面假死，不至于展现个页面还占用巨大的计算机资源，同样的问题功底不一样初看上去简单的问题都没有什么差别，当数据量上升到一定程度，差距就出来了，几千个结点操纵，功底差的人觉得能出来效果达到要求就行了，功底好些的人至少会想想怎么写不会涉及到页面的回流与重绘。视野稍微开阔点的前端还能知道quickling pagecache bigpipe。说远了，继续说语言，语言说到底还是调API，你说程序员干嘛的啊，就是调API的，甭管你是前端还是后端还是服务器端，都是调提供的API，语法这东西，只能看编译原理，这个太深了，不是专家级人物也没必要去了解。所以从语言方面来讲，了解特性就好了，碰到不会的，勤查手册吧。
第二点是闭包，闭包是个强大的功能，闭包这东西，以前一直知其然不知所以然，直到重新翻来javascript高级程序设计翻来看看函数上下文，变量对象才豁然开朗，也没多复杂，很多时候都在不知不觉用，甚至广泛的讲，javascript里面函数都是闭包，反正就是那么回事，你明白了就真明白了，不明白的时候，怎么说都不明白。真要碰到疑难杂症了，去查ECMASCRIPT吧，到了这一步了，感觉不是高手，也离高手不远了，不过那玩意还真不是一般人看的，文绉绉的看得直想吐。描述能直白点像我这样的小白估计能省不少事。
不说了还是睡觉去。

from blog.

前端主要负责与用户的交互，它包括了视觉交互设计，将设计转化成代码，从后端取数据呈现。从这点来看前端不只是指web前端，app也是前端。而后端要负责的是对数据的处理，并为前端提供取数据的接口。
好吧，第1、2两个问题都回答了。

from blog.

1、你对前端职业发展有何看法？
其实每个职业的发展，不管起初是怎么定位的，怎么专一的，到后面应该都要成为一个多面手。一个只懂前端的不是一个好的前端，触类旁通并不是一句假话。而且这种发展想来也是正常情况。
前端界面必将向简洁化发展，没有最简，只有更简。(简略参考http://www.zerodesign.net.cn/)

2、前端和后端程序员应该如何合作？
最理想的状况：一个房子里有前端和后端，两排电脑，前端后端各坐一边，完了尽头一个大的投影屏幕。每天拿出一些时间共同测试项目，投影显示目前项目部署后的情况，完了开始测试。发现什么问题立马指出，觉得哪里不好现场提建议，有什么问题也现场解决。(当然这需要人员关系极端融洽，需要每个人都对技术有极端热情且性格够好，不乏因为提出问题而影响关系的，也不乏怕影响关系而不指出的)

3、讲几个你在项目中解决的让你印象最深的问题（难、匪夷所思、解决方案有趣都可以）
Google Android Map V2在模拟器上无法显示地图
(tihs app won't run unless you update google play services) //暂时无解

6、说说 http://m.taobao.com 前端做的最烂的地方，以及你的改进。
点击搜索框后的跳转 //无解

10、自己问自己一道代表你水平的面试题，然后回答。
问："你精通(X)HTML/CSS/JavaScript/Ajax...的拼写吗？"
答："非常精通。"

报告老师，我是来打酱油的。
不学无术的待毕业待就业的三本院校大四软件工程学生。
E-mail: casyang110(at)gmail.com

from blog.

我选择了一个问题深入的思考了一下
1、你对前端职业发展有何看法？
原文太长就发一个连接吧
http://kingzs70.sinaapp.com/2013/05/11/my_view_on_the_career_development_of_web_front_end

E-mail: kingzsnew(at)126.com

from blog.

学前端的，都是真正的勇士。请问后端招聘怎么走。

from blog.

关注这个问题很久了，今天放假终于得空认真思考一下了。

我做前端大概两年了，大学学的是没毛关系的专业，高中学的C++/AS/PHP，毕业本来想做产品的，一不留神搞了前端。所以在前端这条路上也缺乏同行人、引路人，只好自己乱搞~~ 下面我就说说自己的想法，求大神多多帮忙给点意见往死里虐。

• 你对前端职业发展有何看法？

  我叫欢乐木匠艾瑞克，是因为我觉得现在做的前端就原先的木匠所做的工作一样 —— 手艺人、有一定艺术气息、有工程能力、能制造出直接与人交互的产品。他们能用木头制造各种实用的工具、用具、玩具；他们不断改良自己的工具、提高自己的工艺、培养自己的修养以制造出更丰富、更实用、更美丽的产品。随着时代的发展机器不断更新工具，多样的材料和**不断更新工艺，产品大发展……

  技术方面：

  对于前端也一样，简单的布局仔工作终究会被我们自己开发的一些工具（如业务模版）取代。其中通过工具制作出来的特点是制作效率高、成本低、稳定、兼容性强，但结构相对简单、模块化强、执行效率相对低。并且理论上这些问题都会被逐渐解决，只是时间问题。

  js方面同样回像其他语言一样有越来越丰富、成熟的库供调用（如ajax、身份证验证）。还会有基于客户端更高效的库、接口（如json、query selector）

  而一个攻城狮的作用当然不应该是能被机器取代的，我们要开发出更好的工具、工艺（客户端、规范、IDE、framework、less等），利用好新的工具、工艺来解放时间、解放**开发出更多更好的产品。

  PS：客户端指浏览器等。

  职责方面：

  至少近几年前端工程师研究产品、研究设计、研究后端、研究服务器、研究node-webkit、研究浏览器会是一个趋势，这是合。

  但随着技术的发展专业间的鸿沟会越来越深，分也是必然的。

  我还没办法说清孰优孰劣。

• 前端和后端程序员应该如何合作？

  虽然MVC结构和ajax帮助我们只需要定义接口就可以和后端程序员进行有效的沟通。但现实中，还是存在不少比较纠结的问题，如何定义出让前后端程序员都很爽的接口？前端到底是只管View还是View、Controller？View里面的逻辑让前端还是无法避免学后端代码，用模版引擎吗？

  在无尽模式下，前端学通后端沟通障碍必然会减少、合作必然更有效。甚至一手包办自己跟自己沟通当然更牛逼。

  但在普通模式下，由于后端和前端现阶段都已经都庞大的知识体系了，了解是有可能的，真正学通难过过大。但其中中很多人仅仅是了解后端就对后端专家指手画脚，别人当然不鸟你了，怎么谈合作呢。

  所以不管是懂不懂后端，有效的合作还是要建立在沟通、接口之上。但懂一定的后端知识又能保持良好的心态必然是会起到推波助澜的作用。

• 自己问自己一道代表你水平的面试题，然后回答。

  问：认识winter吗？

  答：不算认识 T_T

好了，求点评，求吐槽~~
小伙子心灵脆弱也不了解大家所以看不懂调侃，故拒绝人身攻击T_T

可发formateric (at) gmail.com

from blog.