前端知识总结

前端知识汇总（知识点最广，最深，覆盖面最大的前端知识，长期持续更新......）

学好前端没有秘诀，唯有多写，多看，多写。

一、css

1、盒子模型

2、浮动

3、定位

4、为什么a标签中使用img后的高度多了几个像素？

5、巧用cssText属性批量操作样式

6、深入理解BFC

7、html标签语义化对照表

8、position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？

9、w3c中文

二、javascript

 

1、JavaScript 标准参考教程（alpha）

 2、阮一峰javascript教程

3、理解JavaScript中的事件处理

4、关于编写性能高效的javascript事件的技术

在javascript的匿名函数里，两个匿名函数哪怕代码完全一样，javascript都会在内部使用不同变量存储

btnDOM.attachEvent("onclick",function(){

         alert("Click Me!");

});

btnDOM.attachEvent("onclick",function(){

         alert("Click Me,too!");

});

5、javascript案列大全，淘宝大牛呕血巨著

6、深入理解JavaScript系列（汤姆大叔javascript精髓）

7、javascript特效大全

8、javascript style guide

9、使用面向对象的技术创建高级 Web 应用程序

10、JavaScript面向对象之属性实现

11、[译]：ECMA-262-3 in detail——第七章：OOP（第二部分：ECMAScript实现）

12、Javascript事件机制兼容性解决方案

三、javascript库

 1、jQuery插件开发 - 其实很简单

 

四、javascript框架

 1、

 

 

五、前端工程化

1、对话百度前端工程师张云龙：F.I.S与前端工业化

2、Javascript模块化编程（一）：模块的写法

3、javascript【AMD模块加载器】浅析

4、使用 AMD、CommonJS 及 ES Harmony 编写模块化的 JavaScript

六、前端面试题

1、http://www.cnblogs.com/Darren_code/archive/2012/01/31/questions.html

2、Nicholas C. Zakas如何面试前端工程师

下面我列出一些基本的知识点，这些都是我认为一名前端工程师（无论工作年头长短）在没有任何外来帮助的情况应该知道的。

• DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
• DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
• 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
• XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
• 严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。
• 盒模型——外边距、内边距和边框之间的关系，IE < 8中的盒模型有什么不同。
• 块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
• 浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
• HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。
• JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

3、理解JavaScript面向对象的思路

http://www.zhihu.com/question/28055523

4、豌豆荚前端面试中的一个算法题

5、豌豆荚面试经历

6、winter大神

谈谈面试与面试题

7、web前端研发工程师编程能力成长之路 [转]

8、前端优秀在线简历

9、2014最新前端面试题

10、各位周末结束后都累了吧，那我们一起来看看【寒冬】的面试题吧（据说阿里的哟）

11、从输入URL到页面加载完成的过程中都发生了什么事情？

12、翻译stackoverflow上热门问题

13、最全前端面试问题及答案总结

14、如何面试前端工程师：Github很重要

15、 js  闭包  模拟类  事件委托  prototype属性  数组的部分方法 本地存储   js部分兼容 

16、http://javascript-puzzlers.herokuapp.com/

17、http://blog.sourcing.io/interview-questions?utm_source=ourjs.com

 18、百度校园招聘web前端笔试题及答案（2008电子科大）

七、前端大牛

1、司徒正美http://www.cnblogs.com/rubylouvre/

2、yahoo的超级js大师douglas crawford（有很多教程和视频，值得一看）

3、cnblog汤姆大叔

4、阿里前端大牛玉伯

5、20位活跃在Github上的国内技术大牛

6、朴灵

7、大牛集合

前端团队
阿里巴巴 UED -- 我们设计的界面，并没有几十亿的流量，但每天来自上百个国家的百万商人在使用着。
阿里巴巴中国站UED -- 阿里巴巴中国站UED成立于1999年，全称是用户体验设计部（User Experience Design Department），是阿里巴巴集团最资深的部门之一。
支付宝前端开发 -- 支付宝前端开发车间。
淘宝UED -- 淘宝网用户体验团队。
淘宝MED -- MED(Marketing Experience Design). 是淘宝营销体验设计部门，为淘宝网的营销产品做体验设计。
口碑UED -- UED(User Experience Design) 中文意思就是用户体验设计。
百度MUX -- MUX(Mobile User Experience) 百度无线用户体验部。
百度泛用户体验 -- 泛用户体验平台，是以'用户体验'为核心的跨专业分享平台。
百度联盟用户体验中心 -- 百度联盟事业部用户体验团队官方博客。
盛大游戏UED -- 专注用户体验，改变生活，让互动娱乐更精彩。
携程旅游UED -- 这是一个血液中流淌着创意和活力的团队，在越来越关注严谨和灵活的过程中成长起来，我们对前端的需求如此强烈
腾讯CDC -- 全称是Customer Research & User Experience Design Center（即用户研究与体验设计中心）作为腾讯的核心部门之一.
腾讯ISD -- ISD Webteam是一个设计团队,即腾讯互联网业务系统网站组。
腾讯ISUX -- 腾讯 ISUX 全称腾讯互联网用户体验设计部 (Internet Service User Experience)，于2011年3月8日正式成立，前身为 ISD Webteam 网站组。
腾讯WSD -- 腾讯用户体验设计团队. 设计无线,快乐无限。
腾讯Flash Team -- 这里有一群可爱的Flash娃，他们热爱ActionScript开发～
腾讯soso团队博客 -- soso更懂你。
财付通TID -- Tenpay Innovation Design, 财付通设计中心。
5173 UED -- 5173用户体验设计团队（User Experience Design），简称UED，成立于2009年。
19楼UED -- 19楼 UED团队。
人人FED -- 我们来自人人网，FED是"Front End Develop and Design"的缩写。
网易邮箱UI团队 -- 网易邮箱UI团队。
网易UED -- 我们的团队博客，关注用户体验设计、关注web前端开发。
网易UEDC -- 网易用户体验设计中心（User Experience Design Center），简称"设计中心（UEDC）"，成立于2008年底。
搜狐UED -- Sohu UED Team就聚集着这样一群人，执着于为用户提供更好的产品和体验，哪怕是对一点点小细节的精益求精。
新浪UED -- 一个关注用户体验、关注工作流、关注作品质量的有爱团队。
爱词霸UED -- 爱词霸用户体验团队博客，有关用户体验设计和研究的经验分享。


其它团队
淘宝搜索 -- 淘宝搜索技术blog
Alibaba DBA Team -- 这里记录着阿里巴巴数据库团队成员的点点滴滴
淘宝Data -- 淘宝数据平台与产品部，是淘宝核心的数据平台技术和数据产品研发团队
淘宝DBA Team -- 淘宝数据库技术团队
淘宝JAVA中间件团队 -- 我们是淘宝JAVA中间件团队。我们为淘宝网构建JAVA底层架构和基础服务。
Taobao QA Team -- 做测试的行业标准
淘宝核心系统团队 -- 淘宝核心系统团队隶属于淘宝产品技术部，负责淘宝应用基础平台的研发和搭建
阿里巴巴Data Warehouse -- 阿里巴巴数据仓库部门主要收集公司内外部所有数据
腾讯TGideas -- TGideas是腾讯游戏的专业设计团队
腾讯GDC -- GDC的前身叫GDT(QQGAME DESIGN TEAM),QQ游戏产品设计中心


个人博客
Kejun -- 就职于豆瓣
Donkey(倔倔) -- 就职于豆瓣
蒙晨(波希米亚) -- 就职于豆瓣
greengnn(老卡) -- 就职于豆瓣
糖伴西红柿 -- 就职于豆瓣
Fenng -- 曾就职于支付宝
sofish -- 就职于支付宝
白鸦 -- 就职于支付宝
62mm -- 就职于支付宝
伯约(老鱼) -- 就职于支付宝
怿飞(圆心,Blank) -- 就职于淘宝
玉伯(lifesinger) -- 就职于淘宝
明城(mingcheng) -- 就职于淘宝
Der(崇志) -- 就职于淘宝
黑妞HAHA -- 就职于淘宝
飞长 -- 就职于淘宝
Vilic -- 曾实习于淘宝(很有前途的90后)
秦歌(Kaven) -- 就职于口碑网
Emu(Stone) -- 就职于腾讯
Ghost -- 就职于腾讯
Yuguo -- 就职于腾讯
臭鱼 -- 曾就职于腾讯
艾文王 -- 就职于腾讯
Danger -- 就职于腾讯
神飞 -- 就职于腾讯
pufen(飘飘) -- 就职于腾讯
屈超 -- 就职于腾讯
米随随 -- 就职于腾讯
大猫 -- 就职于腾讯
AVENIR(郑焕义) -- 就职于腾讯
李振文 -- 就职于腾讯
OnLing -- 就职于腾讯
Xiaoxiao -- 就职于腾讯
Seven -- 就职于腾讯
Lerroy -- 就职于腾讯
小李刀刀 -- 就职于腾讯
飞鱼 -- 就职于腾讯
Jeanne -- 就职于腾讯
小JOE -- 就职于腾讯
偷米饭 -- 曾就职于腾讯
愚人码头 -- 就职于搜道网
子鼠,秀才 -- 就职于百姓网
Adam Lu -- 就职于新浪
林小志 -- 就职于携程
小灰灰 -- 就职于携程
smallni -- 就职于携程
彬Go -- 就职于人人
Rokey -- 曾就职于微软,网易,金山软件
Evance(布拉格) -- 就职于阿里巴巴日本
深空 -- 就职于腾讯
代码人(tomie) -- 就职于腾讯
小爝(龙啸) -- 就职于淘宝
Aether -- 就职于土豆网
一葉千鳥 -- 曾就职于盛大
7月 -- 就职于Adobe
周裕波 -- 就职于盛大创新院
崔凯 -- 就职于傲游
勾三股四 -- 就职于傲游
welefen -- 就职于百度
kent.zhu -- 就职于百度
aoao(嗷嗷) -- 就职于百度
JerryQu -- 就职于百度
胡晓 -- 就职于网易
5key -- 就职于阿里巴巴
yaohaixiao -- 就职于阿里巴巴
Adam -- 就职于Yahoo
slj(申力军) -- 就职于赶集

 

 

8、Angus Croll twitter大牛

八、前端优化

1、前端性能优化工程化进阶

2、前端工程与模块化框架

3、CSS Sprite（通过整合图片，减少对服务器的请求数量，从而加快页面加载速度）

http://www.cnblogs.com/myjavawork/articles/1981345.html

工具http://css.v2bo.com/

4、浏览器允许的并发请求资源数是什么意思？

5、Web前端开发有哪些良好的编程习惯？

6、UC/百度大牛张云龙前端工程与性能优化

 

九、行业

1、与国内某知名互联网公司交流后的心得

2、javascript能做什么

3、Native App、Web App和Hybrid App

4、浏览器引擎WebKit一统江山，网络将变成另一个App Store

十、好的资源

1、网盘搜索

2、stackoverflow（问答网站，非常出名，e文的）

十一、前端在线编辑利器

1、http://jsfiddle.net/

十二、招聘信息

1、饿了么

2、上海某团队招前端开发（年薪25w起）

要求很简单，就是你觉得自己称的上一个前端工程师。有4种可以选的，但我们希望你不只限制在一种、两种的语言里面，而是希望更全面发展，至少发展成一个前端，牛逼的前端。

 

过来做什么样的事呢？有两种方向可以选：

 

1. 桌面版网站开发（现在的已经是2+年前开发的）

2. 移动端网站开发，刚做的（m.ele.me）

 

方向可以自选。也不仅做一个。甚至可以随时切换。而团队能给你带来什么呢？

 

1. 不错的待遇，让你生活不用太担心

2. 发展空间：现在正在迅速发展，这里的一切，只要你想做，都可以去做。如果你是新人，这里 Github 中国区排行榜前 10 的就有 2 位了，他们就是你的免费活资源；如果你是有一定经验的，现在的团队给得了你架构的空间吗？运用自己最爱自己，甚至自己研究的空间吗？对于业务量和技术，你 有足够多的资源和空间。

3. 工作配置：Macbook Air / 6k+（我自己买要 8k）的椅子 / HHKB 机械键盘什么的… （Geek 最爱？）

 

下面的薪资做为参考吧，仅限参考，不限制你拿的更多。比如跟神飞说的，BAT 经历 3 年左右的，30w+ 不是什么问题，只能合适：

 

1. 20w+/年 HTML + CSS 写的不错

2. 20w+/年 HTML + JS 写的不错

3. 25w+/年 HTML + CSS + JS 写的不错

4. 25w+/年 HTML + CSS + JS + 其他都写的不错