前端知识总结

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

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

1、csscss

一、盒子模型html

二、浮动前端

三、定位html5

四、为何a标签中使用img后的高度多了几个像素?java

五、巧用cssText属性批量操做样式git

六、深刻理解BFCgithub

七、html标签语义化对照表web

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

九、w3c中文

2、javascript

 

一、JavaScript 标准参考教程(alpha)

 二、阮一峰javascript教程

三、理解JavaScript中的事件处理

四、关于编写性能高效的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!");

});
删不掉

五、javascript案列大全,淘宝大牛呕血巨著

六、深刻理解JavaScript系列(汤姆大叔javascript精髓)

七、javascript特效大全

八、javascript style guide

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

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

十一、[译]:ECMA-262-3 in detail——第七章:OOP(第二部分:ECMAScript实现)

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

3、javascript库

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

 

4、javascript框架

 一、

 

 

5、前端工程化

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

二、Javascript模块化编程(一):模块的写法

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

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

6、前端面试题

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

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

下面我列出一些基本的知识点,这些都是我认为一名前端工程师(不管工做年头长短)在没有任何外来帮助的状况应该知道的。

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

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

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

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

五、豌豆荚面试经历

六、winter大神

谈谈面试与面试题

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

八、前端优秀在线简历

九、2014最新前端面试题

十、各位周末结束后都累了吧,那咱们一块儿来看看【寒冬】的面试题吧(听说阿里的哟)

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

十二、翻译stackoverflow上热门问题

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

1四、如何面试前端工程师:Github很重要

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

1六、http://javascript-puzzlers.herokuapp.com/

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

 1八、百度校园招聘web前端笔试题及答案(2008电子科大)

7、前端大牛

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

二、yahoo的超级js大师douglas crawford(有不少教程和视频,值得一看)

三、cnblog汤姆大叔

四、阿里前端大牛玉伯

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

六、朴灵

七、大牛集合

前端团队
阿里巴巴 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(申力军) -- 就任于赶集

 

 

八、Angus Croll twitter大牛

8、前端优化

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

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

三、CSS Sprite(经过整合图片,减小对服务器的请求数量,从而加快页面加载速度)

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

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

四、浏览器容许的并发请求资源数是什么意思?

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

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

 

9、行业

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

二、javascript能作什么

三、Native App、Web App和Hybrid App

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

10、好的资源

一、网盘搜索

二、stackoverflow(问答网站,很是出名,e文的)

11、前端在线编辑利器

一、http://jsfiddle.net/

12、招聘信息

一、饿了么

二、上海某团队招前端开发(年薪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 + 其余都写的不错

相关文章
相关标签/搜索