前端知识总结

前端知识汇总(知识点最广,最深,覆盖面最大的前端知识,长期持续更新......)

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

一、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!");

});
复制代码
btnDOM.detachEvent("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 + 其他都写的不错

 

posted @ 2015-02-10 16:26  bookie  阅读(317)  评论(0编辑  收藏  举报