项目描述
多用一些专业名词，突出关键字，能使面试官能比较容易抓住重点。在聊项目的过程中，其实你的整个介绍应该是有一个大体的逻辑，这个时候是在考验你的表达与叙述能力，所以好好准备很重要。
面试官喜欢问的问题无非就几个点：
1. XXX（某个比较重要的点）是怎么实现的？
2. 你在项目中遇到的最大的困难是什么，怎么解决的？
3. 项目某个部分考虑的不够全面，如果XXXX，你怎么优化？
4. XXX（一个新功能）需要实现，你有什么思路？
其实你应该能够预料到面试官要问的地方，请提前准备好，如果被问到没有准备到的地方，也不要紧张，一定要说出自己的想法，对不对都不是关键，主要是有自己的想法，另外，你应该对你的项目整体框架和你做的部分足够熟悉。
2、 你应该问的问题
面试里，最后面完之后一般面试官都会问你，你有没有什么要问他的。其实这个问题是有考究的，问好了其实是有加分的，一般不要问薪资，主要应该是：关于公司的、技术和自身成长的。
以下是我常问的几个问题，如果需要可以参考：
1. 贵公司一向以XXX著称，能不能说明一下公司这方面的特点？
2. 贵公司XXX业务发展很好，这是公司发展的重点么？
3. 对技术和业务怎么看？
4. 贵公司一般的团队是多大，几个人负责一个产品或者业务？
5. 贵公司的开发中是否会使用到一些最新技术？
6. 对新人有没有什么培训，会不会安排导师？
7. 对Full Stack怎么看？
8. 你觉得我有哪些需要提高的地方？
开发一个网站的基本流程
一、进行需求分析 ，确定网站的类型、风格、域名、空间等。
二、 设计草图、规划静态内容，重新确定其需求分析，并根据客户需求分析，规划处网站的内容板块草图。
三、 美工设计阶段，根据网站草图，由美工制作成效果图。
四、 程序开发阶段
根据页面结构和设计，前端和后台同时进行。前端：根据美工效果负责制作静态网页。后台：根据其页面结构和设计，设计数据库，并开发网站后台。
五、测试、上线
在本地搭建服务器，测试网站有没有BUG。若无问题，可以将其网站打包，使用FTP上传至网站空间或者服务器。
1、运用HTML和CSS对网页整体布局，对公司核心业务、部门等模块布局排版。
2、负责静态页面的开发和设计，实现页面间的逻辑交互以及与后端服务的数据交互。
3、使用技术html5、css3、Ajax、JavaScript
用过哪些有意思的app或者网站？
APP
一个木函
一、体积小，1.08M
二、功能强大
1、网页转应用
2、图片生成文字
3、以图搜图
好奇心日报
一、外观设计漂亮，热门话题下的评论用五颜六色的模块显示，直观、美观。
二、大公司头条，每日推荐大公司新闻。
网站
File Destructor 2.0
伪造任意文件格式，任意文件大小的文档
Rainy Mood
打开就可以听到雨声，帮你入眠。
Kaspersky Cyberthreat real-time map.
这是一个极致的WebGL互动体验的网站,把当前卡巴斯基杀毒软件检测到的世界各地的每一个病毒，都形象地展示出来。酷炫的界面，动态的画面。
项目过程中遇到的问题，如何解决，解决问题的能力
一、冷静思考产生问题的原因，问题的背景。根据原因找出合理解决问题对策。
二、根据有效经验，在我能力范围的我会马上予以解决，不知道如何解决的话要向老同事请教，还是不行的话就请示领导出面解决。
三、总结思考，从问题中吸取教训和经验，以便今后更好的防止此类问题的发生，起到防微杜渐的作用。
CSS的Reset
HTML标签在浏览器中都有默认的样式，例如p标签有上下边距，strong标签有字体加粗样式等。不同浏览器的默认样式之间存在差别，例如ul默认带有缩进样式，在IE下，它的缩进是由margin实现的，而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性的问题，影响开发效率。现在很流行的解决方法是一开始就将浏览器的默认样式全部覆盖掉，这就是CSS reset。
部分CSS样式重置如下：
html {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {font-size:100%;}
legend {color:#000;}
通栏
在很多网页界面的最上方有一个通栏，通栏的div如果不设置宽度的话，会继承父类body的宽度。
logo部分
logo作为重要的一个部分，用div的话没有语义化，不能够起到强调作用，不利于网页的seo，所以改成h1标签，h1标签里面的文字是给搜索引擎看的，为了不显示在页面对这个类进行设置text-indent: -1000em。
版心
版心居中设置：margin: 0 auto;
文字居中
将行高设置为容器的高度就可以将文字居中：line-height: 26px;
横向导航
用ul标签和li标签，将所有的li标签左浮
行内标签设置宽高
行内标签是不能直接设置宽高的，需将其设置成 行内块状 元素才能设置宽高：display: inline-block;
width，height
通常我们设置的宽高是指的content的宽高，而实际一个元素的宽高要考虑盒子模型。
CSS sprites（精灵图 ）
我们在做前端页面的时候，网页中通常包含有很多小图标，这就用到了css sprites技术。把所有小图标放到一张图上，这样可以减少对服务器的请求次数，提高我们的访问速度。