面试前端需要什么样的作品_想要面试前端应该准备个什么项目合适

Ⅰ 前端必看的书籍

了解更多的前段知识请看下面我精心为您整理的前端必看的书籍，希望您喜欢!

十本学习前端必看书籍

第一本，入门

《Head first HTML&CSS》

最好的入门书。看两遍就对HTML & CSS 有个大概印象了。

此时把w3cschool作为备查手册收藏起来

第二本《CSS权威指南(第三版)》

最权威的CSS书籍，除了阅读W3C的文档外的不二选择(就是翻译有点操蛋，遇到感到难理解的地方可能还是要求助于网络资源)。有时间(无论是现在还是将来)可以反复看，并当做字典随时查。

第三本《精通CSS》

广受前辈推荐的一本书。上一本书是字典的话，这本书相当于《中学生作文大全》，汇集了一些CSS的最佳实践。

第四本《图解CSS3：核心技术与案例实践》

这本书比较新，讲解的是最新的CSS3(前三本书停留在CSS2.1时代)，CSS3也是必学的，不是什么可学可不学的最新技术。

HTML CSS值得看的书就这些(之后会有一本《CSS秘密花园》，尚在翻译中，也很值得期待)，剩下的就是自己写还有看技术博客了。接下来是JavaScript，HTML和CSS都是没有逻辑的标记型语言，JS才是真正的编程语言，评价前端工程师的水平就看这个了。

第五本《JavaScript DOM编程艺术》

最好的JS入门书籍，一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功)，还灌输了最符合标准的编程理念。可惜有点老，最新一版是2010年的，以至于部分内容有点过期，例如本书内经常提到“某某方法浏览器不一定支持，需要小心使用”，而这些历史遗留问题当今已经不存在了，阅读过程中无视就好。

第六本《JavaScript高级程序设计》

每个前端必看的书，此书是前端工程师科技树的关键一环。看完此书后再看看之后各类进阶书籍会比较好。

俗称红宝书，也算入门书籍，虽然是大部头(七百多页)，但至少通读一遍。

全部掌握了，你可以在网络社区里谈笑风生了，经过实践的锻炼后，面试个前端工程师的岗位应该都没问题了。

第七本《JavaScript语言精粹》

也是前端必看。薄薄一百来页，对JS的去粗取精。

第八本《你不知道的JavaScript》

这是一套丛书，目前为止仅翻译了第一卷。每本都挺薄，深入介绍了JS中的重要概念。

第九本《JavaScript设计模式》

“设计模式”是软件工程的重要课题，相当于高考时候的答题套路。前人总结出来的应对各种问题的模板。也算是必看书籍。关于JavaScript设计模式的书籍目前也有好几本，也有国人写的，挑一两本看看就好。

第十本《高性能网站建设指南》(及其续篇《高性能网站进阶》)

告诉你真正的商业公司的前端是怎么优化一个网站的。当然优化的问题不是看看书就能解决的，最好时刻了解你的同行们的经验。

第一阶段：HTML和CSS的学习

HTML就不多说了，基础中的基础，这个都不会的小伙伴请参见HTML手册，认真学习W3C课程，稍有基础之后可以跟着视频学习《HTML+CSS基础课程》。

前端开发必看的14本书

1、《CSS权威指南》第三版

这本书实在太适合小白用户了，是一本为初学者清扫障碍的书籍。同行一致认为这本书是学习CSS基础的首选。CSS界权威Meyer大师的作品，翻译水平也灰常赞!

2、《CSS那些事儿》

不用于一般技术类书籍的枯燥乏味，这本书很有意思。作者是蓝色理想经典论坛标准版荣誉版主林小志，具有多年网站设计和网站重构经验，在CSS、XHTML等前台技术方面有着深厚功底。

全书以传达CSS布局思维为中心，通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用，使读者能深入了解到如何在页面中更好地运用CSS布局。阅读本书之后将会发现，原来CSS样式居然是这么好玩的东西。

3、《精通CSS：高级Web标准解决方案》第二版

前段学习必备书籍，作者Andy Budd是国际顶尖的网页设计师，着名的Web标准倡导者，网页咨询公司Clearleft的创始人之一。

本书将最有用的CSS技术汇总在一起，总结了CSS设计中的最佳实践，讨论了解决各种实际问题的技术，重点讲解了一系列的css开发技巧，是前端开发人员必备的手册。

4、《CSS禅意花园》

这是一本令人惊叹的书!必须用一个字形容的话，那就是：美!内容编排合理,文字生动有趣引人入胜,通过一个个实例引导读者阅读，强烈推荐!

作者是世界着名的网站设计师，书中的范例来自网站设计领域最着名的网站——CSS Zen Garden(CSS禅意花园)。童鞋们自己去领略吧。

第二阶段——JavaScript的学习

Javascript的书籍当然还是要看老外的，你懂得~

5、《JavaScriptDOM编程艺术》

此书绝对是入门好书，简洁优美的文笔简直是工具书中的典范啊有木有!

这本书讲述了JavaScript和DOM的基础知识，但重点放在DOM编程技术背后的思路和原则，然后将这些概念贯穿在书中的所有代码示例中，使你看到用来创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本，最后结合所讲述的内容创建了一个实际的网站。

6、《JavaScript权威指南》第6版

这本书非常适合初级、中级程序员，是学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册。

第6版涵盖HTML 5和ECMAScript 5。很多章节完全重写，紧跟当今最佳Web开发实践。本书新增章节描述了jQuery和服务器端JavaScript。

7、《JavaScript高级程序设计》第三版

《javascript权威指南》比较像一本字典，而这本《javascript高级程序设计》可以算是一本由浅入深的好读物。这两本书看完后，对javascript一定会有较为深入的了解。

作者Nicholas C. Zakas是世界顶级Web技术专家，现为雅虎公司界面呈现架构师，负责My Yahoo!和雅虎首页等大访问量站点的设计。这本书，看一遍不能算看过，至少读两三遍，每一遍都会让你有新的收获。

8、《高性能JavaScript》

本书从性能角度全面分析js，含金量非常大，很多知识都是作者通过实践总结出来的，都是经验的积累，强烈推荐!

同是Nicholas C. Zakas所写，如果看《JS高级程序设计》觉得理解不太透彻，学习较为吃力，那么我强烈建议你看看这本书，真的是极好的一本实践类书籍，言简意赅，灰常实用!

9、《JavaScript王者归来》

这本《JavaScript王者归来》不仅是一本传播知识的书，更是一本求道的书。O(∩_∩)O 有追求的程序员一定不要错过!愿神力与你同在!

它揭开了JavaScript的面纱，绕过误解和虚幻的表象，引领你探索程序王国的奥妙。这是一本探寻程序设计思想本源的“魔法典籍”，也是一本Web开发工程师们需要的案头参考书。

10、《JavaScript模式》

它绝对不是一本入门级别的书，适用于希望将自身的Javascript技巧提高到一个新层次的专业的开发人员和程序员。

《JavaScript模式》包含了实现每个讨论的模式的实践建议，并附有数个可以立即上手的范例;同时还可以学到一些反模式。短小精悍，进阶必读!

11、《JavaScript设计模式》

进阶教程，得有一定功底才能看懂。反之，如果你轻而易举就能拿下此书，说明你已非等闲之辈~

本书共有两部分。第一部分给出了实现具体设计模式所需要的面向对象特性的基础知识，第二部分则专注于各种具体的设计模式及其在JavaScript语言中的应用，主要介绍了工厂模式、桥接模式、组合模式、门面模式等几种常见的模式。

第三阶段——jQUery的学习

12、《锋利的jQuery》第二版

入门首选，简单易懂，非常实在。《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍，对jQuery分析的逻辑非常值得学习。

第四阶段—学无止境!

如果以上书籍你全都搞定了，那么，恭喜你，你真的很厉害!到这种程度，相信你也不太需要别人推荐书籍了，不过我还是厚着脸皮推荐两本吧。

13、《高性能网站建设指南》

前端开发可以优化网站剩余70%~80%性能，这本书不算厚，几个小时就能看完，推荐前端开发工程师看看。在《高性能网站建设指南》中，作者给出了14条具体的优化原则，每一条原则都配以范例佐证，并提供了在线支持。

14、《Web开发敏捷之道》第二版

Web开发敏捷之道》曾荣获Jolt大奖“最佳技术图书”奖。在第1版的内容架构基础上，第2版增加了对Rails 1.2中新特性和最佳实践的介绍。此书覆盖了rails1.2的方方面面，其本身也很"敏捷"，翻译也非常好。

Ⅱ 初级前端面试需要带什么作品

带上你的简历，然后作品的话，当然是带最能代表你技术和表现你能力绝前拍并羡悔薯的作品，多做几个。

Ⅲ web前端面试一定要带作品吗

web前端面试一定要带作品吗

带作品是对自己能力，工作经验的一种展现，也能体现你对公司诚意重视。面试官看到你的作品了也更能了解你的技术能力，方便谈薪酬呀。

web前端面试一定要经验吗

如果没有经验，公司还要培养你，等到培养出来，你还不一定在这个公司呆着，费尽心力，只是把你培养出来而已

请问前端面试一定要有作品吗？

最好有，这样容易面试成功。
如果没有的话，就强调学习的态度和工作的认真。

关于web前端面试

重构即程式码的重用，把一些公共的通用的方法提取出来，封装成js外挂

初级前端面试需要带什么作品

前端开发，无非是接口设定，根据客户的需求或产品的特性或专案的需要，使用javascript指令码特殊效果和CSS样式表，使客户端页面更具前瞻性，吸引众多人的眼球。这就是需要前端开发的原因。具体什么作品，你可以到其他站去参考下，但不需要全部拷贝，你觉得适合就借鉴来用就得了，有些东西多了反而影响效果。包括论坛，文章页面显示，导航，标头，页尾。导航有多种格式，你可以选择一样好看的。譬如空间就是前端页面很多用得都非常不错的，可以借鉴。

web前端面试需要多长

看情况来吧，有时候面试官跟你聊起来感觉对你非常感兴趣。就会多聊一会。甚至有些还让你上机做题。如果聊得感觉你不太合适。很快就会结束。

web前端面试经验总结

平时可以总结下一些重要的知识点，在日常开发常常用到，并且在大家面试的时候也必然会问到的。举例HTML几个知识点仅供参考
1.网页结构
网页结构一般都包含文件宣告DOCTYPE，并且在head中的meta应该包含编码格式、关键字、网页描述资讯。
2.自关闭元素
<弊陪br>、<embed> 、<hr>、<img>、<input>、<link>、<meta>、<param>、<source>、<wbr>
3.布局最常用的两个元素租手蠢
(1)div：流布局使用；
(2)span：文字块使用。

web前端面试不上怎么办

web前端面试不上的话，你可以总结一下经验，看看他面试提问你的问题，你有哪些薄弱的环节。

生去面试前端，需要带作品吗

建议直接提供线上的地址
一般面试官可能不会看你带的作品，如果简历里面给出线上连结，面试官可能会点一下看看

web前端面试题什么是 css hack

一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。
IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack（详细参考CSS文件：css文件）。例如：
1、条件Hack

2、属性Hack
.test{
color:#0909; / For IE8+ /
color:#f00; / For IE7 and earlier /
_color:#ff0; / For IE6 and earlier */
}
3、选择符Hack
.test{color:#090;} / For IE6 and earlier /
.test{color:#ff0;} / For IE7 /
6、简述同步和异步的区别
同步是阻塞模式，异步是非阻塞模式。
同步就是指一个程序在执行某个请求的时候，若该请求需要一段时间才能返回资讯，那么这个程序将会一直等待下去，直到收到返回资讯才继续执行下去；
异步是指程序不需要一直等下去，而是继续执行下面的操作，不管其他程序的状态。当有讯息返薯中回时系统会通知程序进行处理，这样可以提高执行的效率。

Ⅳ 前端实习生去面试需要什么作品

1. 证明工作经历的，具备某种解决问题能力的，具备解决某种问题经验的。
公司现有官网，相关产品地址，如果没有就提供代码截图，界面截图，静态页面等等。反正得有一样，证明你曾经有这个经历，在交流时，证明当时担任这个角色的时候做了那些东西，当中遇到了什么困难或问题，你是怎么解决的，等等的，虽然有些回答并不完美，有时候处理并不合适，但这就是成长的痕迹，过于完美，那不就成长，叫电影艺术，况且电影艺术也是强调成长，小人物的心理。

2. 证明学习能力的，博客，里边应该有若干篇学习新东西的博文。
证明你业余时间，充分利用，并对新技术有自己的见解或看法，即能随波助流，又能剑走偏峰。同时也是记录总结的利器，以后积累经验，工作中迅速寻找解决方案的来源之一。

3. 证明对新技术探索能力的，github里边应该有几个现有热门技术的项目。
表示在寻找新技术解决方案的路上，一直保持着一颗敬畏之心，一颗虔诚的心，时刻保持学习或了解新事物的态度或激情。

Ⅳ 想面试web前端开发，自己仿制京东商城的首页和现在公司网页可以当面试的作品吗

可以~~一般如何你是有工作经验的人的话~人家是不会要看你的作品的~~因为每家公司都是有保密机制的~~大部分都会问你家是哪的~~是否准备在本地长期待下去~~或者是近几年是否准备结婚~~都是关系到你以后是否会轻易跳槽的问题~~还有就是问你对加班有什么看法~~大概讲解一下以前做的东西用了些什么样的技术啊之类的

Ⅵ 即将面试前端要准备什么样的demo

首先，并非所有的前端开发面试都会查看你的demo
其次，如果你有项目开发经验，那么比较好的项目（好一方面指的是项目的功能完善，涉及到的前端技术比较多，另一方面指的是你的代码质量比较好），就可以作为你的demo
如果你没有项目开发经验，那至少自己敲过一些东西，网页或者什么的吧，这些东西就可以作为你的demo
除此之外，如果你的技术学的不错，JS层面学的也比较好的话，最好是书写几个自己的框架出来，如果还没有达到书写框架的层面，最起码面向对象、原型继承，小游戏，这种能够凸显你JS功底的demo，最好写几个。
Tips：额外说一句，别在网上随便找个效果或者视频课程，然后模仿一下，虽然你能做出demo，但是却没有你的思想和你自己的技术沉淀。
再Tips：除了demo之外，人事以及前端的面试真题建议也准备一下，可以借助“决胜前端”的小，程序，进行学习。

Ⅶ 应聘前端开发提供什么作品比较好

如果你想让你的作品让别人眼前一亮，我建议你：
1. 开一个技术性特别强的作品，如特别注重算法、或体验、或创建，但这些东西开发起来比较困难
2. 使用HTML5开发移动App客户端，目前HTML5如火如荼，但实际应用的比较少，应用地比较成功的更少，如果你能开发一个移动客户端，跨平台，跨分辨率，体验能优化到跟Native App一样，那么你就成功了（虽然很多人说Web App体验无法达到Native App，但正是因为这样，你还开发出来了，所以你才算成功）
3. 针对你面试的公司，开发特定业务产品。例如：如果你想面试腾讯，那么你重新开发个Web QQ，如果你想面试网易，那么花点时间开发个网易微博HTML5，只要东西比较靠谱，成功率会大大提升。

Ⅷ 前端新人可以做些什么作品来面试

你可以用一些新技术新框架去做一些作品出来，
一般面试官都喜欢积极接收新东西喜欢折腾的人。

Ⅸ 应聘UI设计师需要准备怎样的作品过去面试

作品的中心点一定是要去还原工作中的真实需求，你的面试官、你未来的老板一定是想让你马上上手给公司创造价值，这就是我们经常说的：让作品说话，要按照商业化的流程一步步去优化，老板才能通过作品集去发现你去了解你的能力。

建议你可以试着先做一套完整的设计作品。从无到有，在制作过程汇总自己也可以老旦清晰的了解UI设计流程。毕竟设计师不能没有作品，现在的用人单位都是靠作品来考察设计师的水平。在这里我们不展示整个作品集的所有内容，选取部分来看看一个从0到1的作品如何展示？

（游脊1）产侍磨扰品定位（用户分析、用户画像、竞品分析）

当然，你的作品集肯定不能只包含一个作品，所以尽量丰富自己的作品集。如果没有原创作品，你也可以优化已有的APP，去展示你自己的设计能力。

面试前端需要什么样的作品