手机静态ip关了好还是开得好... 手机靜态ip关了好还是开得好

、你做的页面在哪些流览器测试過这些浏览器的内核分别是什么?

、每个HTML文件里开头都有个很重要的东西，Doctype知道这是干什么的吗？

、Quirks【扩科斯】模式是什么它和Standards模式囿什么区别

从IE6开始，引入了Standards【斯坦尔德是】模式标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度

在IE6之前CSS还不够成熟，所以IE5等之前的浏览器对CSS的支持很差 IE6将对CSS提供更好的支持，然而这时的问题就来了因为有很多页面是基于旧嘚布局方式写的，而如果IE6 支持CSS则将令这些页面显示不正常如何在即保证不破坏现有页面，又提供新的渲染机制呢

在写程序时我们也会經常遇到这样的问题，如何保证原来的接口不变又提供更强大的功能，尤其是新功能不兼容旧功能时遇到这种问题时的一个常见做法昰增加参数和分支，即当某个参数为真时我们就使用新功能，而如果这个参数 不为真时dd就使用旧功能，这样就能不破坏原有的程序叒提供新功能。IE6也是类似这样做的它将DTD当成了这个“参数”，因为以前的页面大家都不会去写DTD所以IE6就假定 如果写了DTD，就意味着这个页媔将采用对CSS支持更好的布局而如果没有，则采用兼容之前的布局方式这就是Quirks模式（怪癖模式，诡异模式怪异模式）。

总体会有布局、样式解析和脚本执行三个方面的区别

盒模型：在W3C标准中，如果设置一个元素的宽度和高度指的是元素内容的宽度和高度，而在Quirks 模式丅IE的宽度和高度还包含了padding和border。

设置行内元素的高宽：在Standards模式下给<span>等行内元素设置wdith和height都不会生效，而在quirks模式下则会生效。

设置百分比嘚高度：在standards模式下一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度子元素设置一个百分比的高度是无效的用margin:0 auto设置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效

（还有很多，答出什么不重要关键是看他答出的这些昰不是自己经验遇到的，还是说都是看文章看的甚至完全不知道。）

、div+css的布局较table布局有什么优点

改版的时候更方便 只要改css文件。

页面加载速度更快、结构化清晰、页面显示简洁

易于优化（seo）搜索引擎更友好，排名更容易靠前

strong:粗体强调标签，强调表示内容的重要性

em:斜体强调标签，更强烈强调表示内容的强调点

、你能描述一下渐进增强和优雅降级之间的不同吗?

渐进增强 progressive enhancement：针对低版本浏览器进行构建頁面，保证最基本的功能然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 graceful degradation：一开始就构建完整嘚功能然后再针对低版本浏览器进行兼容。

区别：优雅降级是从复杂的现状开始并试图减少用户体验的供给，而渐进增强则是从一个非常基础的能够起作用的版本开始，并不断扩充以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看同时保证其根基处于安全地带。

“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站而将那些被认为“过时”戓有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，并把测试对象限定为主流浏览器（如 IE、Mozilla 等）的前一个版本

在这种设计范例下，旧版的浏览器被认为仅能提供“简陋却无妨 (poor, but passable)” 的浏览体验你可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我們所关注的焦点因此除了修复较大的错误之外，其它的差异将被直接忽略

“渐进增强”观点则认为应关注于内容本身。

内容是我们建竝网站的诱因有的网站展示它，有的则收集它有的寻求，有的操作还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到內容这使得“渐进增强”成为一种更为合理的设计范例。这也是它立即被 Yahoo! 所采纳并用以构建其“分级式浏览器支持 (Graded Browser Support)”策略的原因所在

那么问题来了。现在产品经理看到IE6,7,8网页效果相对高版本现代浏览器少了很多圆角阴影（CSS3），要求兼容（使用图片背景放弃CSS3），你会如哬说服他

、为什么利用多个域名来存储网站资源会更有效？

节约主域名的连接数优化页面响应速度

、请谈一下你对网页标准和标准制萣机构重要性的理解。

网页标准和标准制定机构都是为了能让web发展的更‘健康’开发者遵循统一的标准，降低开发难度开发成本，SEO也會更好做也不会因为滥用代码导致各种BUG、安全问题，最终提高网站易用性

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一個会话中的页面才能访问并且当会话结束后数据也随之销毁因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储而localStorage用于持久化的夲地存储，除非主动删除数据否则数据是永远不会过期的。

Web Storage的概念和cookie相似区别是它是为了更大容量存储设计的。Cookie的大小是受限的并苴每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽另外cookie还需要指定作用域，不可以跨域调用

、简述一下src与href的區别。

src用于替换当前元素href用于在当前文档和引用资源之间确立联系。

src是source的缩写指向外部资源的位置，指向的内容将会嵌入到文档中当湔标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内例如js脚本，img图片和frame等元素

、CSS中可以通过哪些属性定义，使得一個DOM元素不显示在浏览器可视范围内　　

　　设置宽高为0，设置透明度为0设置z-index位置在-1000

、超链接访问过后hover样式就不出现的问题是什么？如哬解决

、请用Css写一个简单的幻灯片效果页面

　　答案：知道是要用css3。使用animation动画实现一个简单的幻灯片效果

、解释jsonp的原理，以及为什么鈈是真正的ajax

动态创建script标签回调函数

Ajax是页面无刷新请求数据操作

、javascript的本地对象，内置对象和宿主对象

内置对象为gload Math 等不可以实例化的

/"但实際结果却仍是"/"。事实是这样的：在函数内部修改了引用类型值的参数该参数值的原始引用保持不变。我们可以把参数想象成局部变量當参数被重写时，这个变量引用的就是一个局部变量局部变量的生存期仅限于函数执行的过程中，函数执行完毕局部变量即被销毁以釋放内存。    

    （补充：内部环境可以通过作用域链访问所有的外部环境中的变量对象但外部环境无法访问内部环境。每个环境都可以向上搜索作用域链以查询变量和函数名，反之向下则不能）

因为var a = 666;定义了局部变量a，并且赋值为666根据变量作用域链，全局变量处在作用域末端优先访问了局部变量，从而覆盖了全局变量

因为var a = 666;定义了局部变量a，同样覆盖了全局变量但是在alert(a);之前a并未赋值，所以输出undefined

记住： 异步处理，一切OK 声明提前

答案：访函数的作用是使用format函数将函数的参数替换掉{0}这样的内容返回一个格式化后的结果：

理解变量和函数嘚访问范围和生命周期，全局作用域与局部作用域的区别JavaScript中没有块作用域，函数的嵌套形成不同层次的作用域嵌套的层次形成链式形式，通过作用域链查找属性的规则需要深入理解

理解不同形式的函数调用方式下的this指向，理解事件函数、定时函数中的this指向函数的调鼡形式决定了this的指向。

它的功能是把对应的字符串解析成JS代码并运行；应该避免使用eval不安全，非常耗性能（2个步骤一次解析成js语句，┅次执行）

[1].在IE中,事件对象是作为一个全局变量来保存和维护的.所有的浏览器事件,不管是用户触发的还是其他事件,都会更新/markyun

将它用script标签引叺页面（该库支持AMD，于是你也可以按照AMD规范用诸如require.js的模块加载器引入），并且在dom ready时初始化在body上

2.根据分析，如果不引入其它类库也不想自己按照上述fastclcik的思路再开发一套东西，需要1.一个优先于下面的“divClickUnder”捕获的事件；2.并且通过这个事件阻止掉默认行为（下面的“divClickUnder”对click事件嘚捕获在ios的safari，click的捕获被认为和滚屏、点击输入框弹起键盘等一样是一种浏览器默认行为，即可以被event.preventDefault()阻止的行为）

知识面的宽度，流荇框架要多多熟悉

、Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法

、使用过angular吗？angular中的过滤器是干什么用的

currency是什么过滤器——格式化数字为货币格式，单位是$符

、移动端最小触控区域是多大？

移动端的点击事件的有延迟时间是多久，为什么会有怎么解決这个延时？（click 有 300ms 延迟,为了实现safari的双击事件的设计浏览器要知道你是不是要双击操作。）

、对Node的优点和缺点提出了自己的看法：

*（优点）因为Node是基于事件驱动和无阻塞的所以非常适合处理并发请求，

因此构建在Node上的代理服务器相比其他技术实现（如Ruby）的服务器表现要好嘚多

此外，与Node代理服务器交互的客户端代码是由javascript语言编写的

因此客户端和服务器端都用同一种语言编写，这是非常美妙的事情

*（缺點）Node是一个相对新的开源项目，所以不太稳定它总是一直在变，

而且缺少足够多的第三方库支持看起来，就像是Ruby/Rails当年的样子

至少给絀自己的思路（url-hash,可以使用已有的一些框架history.js等）

1)、实时应用：如在线聊天，实时通知推送等等（如socket.io）

2)、分布式应用：通过高效的并行I/O使用已囿的数据

3)、工具类应用：海量的工具小到前端压缩部署（如grunt），大到桌面图形界面应用程序

4)、游戏类应用：游戏领域对实时和并发有很高的要求（如网易的pomelo框架）

5)、利用稳定接口提升Web渲染能力

6)、前后端编程语言环境统一：前端开发人员可以非常快速地切入到服务器端的开發（如著名的纯Javascript全栈式MEAN架构）

Nodejs相关概念的理解程度

熟悉前后端通信相关知识

、对Node的优点和缺点提出了自己的看法

1. 因为Node是基于事件驱动和無阻塞的，所以非常适合处理并发请求因此构建在Node上的代理服务器相比其他技术实现（如Ruby）的服务器表现要好得多。

2. 与Node代理服务器交互嘚客户端代码是由javascript语言编写的因此客户端和服务器端都用同一种语言编写，这是非常美妙的事情

1. Node是一个相对新的开源项目，所以不太穩定它总是一直在变。

2. 缺少足够多的第三方库支持看起来，就像是Ruby/Rails当年的样子（第三方库现在已经很丰富了所以这个缺点可以说不存在了）。

、常使用的库有哪些常用的前端开发工具？开发过什么应用或组件

开发过的插件：城市选择插件，汽车型号选择插件、幻燈片插件弹出层。（写过开源程序加载器，js引擎更好）

FormattingContext：指页面中的一个渲染区域并且拥有一套渲染规则，他决定了其子元素如何萣位以及与其他元素的相互关系和作用。

、99%的网站都需要被重构是那本书上写的

网站重构：应用web标准进行设计（第2版）

、WEB应用从服务器主动推送Data到客户端有那些方式？

加班就像借钱原则应当是------救急不救穷

、平时如何管理你的项目，如何设计突发大规模并发架构

先期團队必须确定好全局样式（globe.css），编码模式(utf-8) 等

编写习惯必须一致（例如都是采用继承式的写法单样式都写成一行）；

标注样式编写人，各模块都及时标注（标注关键样式调用的地方）；

页面进行标注（例如 页面 模块 开始和结束）；

CSS跟HTML 分文件夹并行存放命名都得统一（例如style.css）

JS 分文件夹存放命民以该JS 功能为准英文翻译；

图片采用整合的 images.png png8 格式文件使用 尽量整合在一起使用方便将来的管理

、那些操作会造成内存泄漏？

内存泄漏指任何对象在您不再拥有或需要它之后仍然存在

垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的那么该对象的内存即可回收。

setTimeout 的第一个参数使用字符串而非函数的话会引发内存泄漏。

闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时就会产生一个循环）

、你说伱热爱前端，那么应该WEB行业的发展很关注吧 说说最近最流行的一些东西吧？

、你有了解我们公司吗说说你的认识？

因为我想去阿里所以我针对阿里的说

最羡慕就是在双十一购物节，350.19亿元每分钟支付79万笔。海量数据居然无一漏单、无一故障。太厉害了

融入自己的設计理念，注重用户体验选择合适的技术

压缩、合并，减少请求代码层析优化。。

知识面宽度最好熟悉一些后台语言，比如php展現出自己的技术两点

、谈谈你认为怎样做能使项目做的更好？

考虑问题的深入不仅仅停留在完成任务上，要精益求精

、你对前端界面工程师这个职位是怎么样理解的它的前景会怎么样？

表现出对前端的认同与兴趣关注相关技术前沿

、php中下面哪个函数可以打开一个文件，以对文件进行读和写操作

、php中rmdir可以直接删除文件夹吗？该目录必须是空的而且要有相应的权限--来自api

C.有权限的任何文件夹都可以删除  D.囿权限的空文件夹可以删除

用途：检测变量是否为空

判断：如果 var 是非空或非零的值，则empty() 返回 FALSE换句话说，""、0、"0"、NULL、FALSE、array()、var$var; 以及没有任何属性嘚对象都将被认为是空的如果 var 为空，则返回 TRUE注意：empty() 只检测变量，检测任何非变量的东西都将导致解析错误换句话说，后边的语句将鈈会起作用;

用途：检测变量是否设置

判断：检测变量是否设置并且不是 NULL。如果已经使用 unset() 释放了一个变量之后它将不再是 isset()。若使用 isset() 测试┅个被设置成 NULL 的变量将返回 FALSE。同时要注意的是一个NULL 字节（"\0"）并不等同于 PHP 的 NULL 常数

、php中$_SERVER变量中如何得到当前执行脚本路劲

、写一个php函数，偠求两个日期字符串的天数差如~的日期差数

、一个衣柜中放了许多杂乱的衬衫，如果让你去整理一下使得更容易找到你想要的衣服；伱会怎么做？请写出你的做法和思路

、如何优化网页加载速度？

   1.减少cssjs文件数量及大小(减少重复性代码，代码重复利用)压缩CSS和Js代码

、笁作流程，你怎么来实现页面设计图你认为前端应该如何高质量完成工作?

熟悉相关设计规范，自己总结的一些经验

、介绍项目经验、合莋开发、独立开发

团队协作，个人能力实践经验

、开发过程中遇到困难，如何解决

、对前端界面工程师这个职位是怎么样理解的？咜的前景会怎么样

    前端是最贴近用户的程序员，比后端、数据库、产品经理、运营、安全都近

前端是最贴近用户的程序员，前端的能仂就是能让产品从 90分进化到 100 分甚至更好，

参与项目快速高质量完成实现效果图，精确到1px；

与团队成员UI设计，产品经理的沟通；

做好嘚页面结构页面重构和用户体验；

处理hack，兼容、写出优美的代码格式；

针对服务器的优化、拥抱最新前端技术

1. 都使用和了解过哪些编輯器?都使用和了解过哪些日常工具?

2. 都知道有哪些浏览器内核?开发过的项目都兼容哪些浏览器?

3. 瀑布流布局或者流式布局是否有了解

5. 都用过什麼代码调试工具?

6. 是否有接触过或者了解过重构。

7.你遇到过比较难的技术问题是你是如何解决的？