web前端面试题

区别
href指向网络资源的位置 超链接 锚点
src 指向外部资源的位置

css hack
针对不同浏览器写不同css

简述异步和同步的区别
异步 提高执行效率 进程不需要等待
同步 需要等一个进程执行完毕并返回数据后才执行下面的内容


px和em的区别
都是长度单位 px的值固定 但是em不固定 继承父级元素的大小
例如 浏览器默认大小16px 则1em=16px 12px=0.75em;


什么叫优雅降级和渐进增强?
先写好完整功能,在对低版本进行兼容,
渐进增强:先搭个基本布局及样式,再针对不同浏览器进行增加兼容性css
渐进增强 朝前看


浏览器内核
ie trident
火狐 gecko
safari(苹果电脑操作系统的浏览器) webkit
chrome blink内核


创建新节点
createDcoumentFragment();
createElement();
createTextNode();

appendChild
removeChild
replaceChild
insertBefore()

cookie 有点小限制 作用于服务器进行交互 作为http规范的一部分
web storage
localStorage setItem getItem removeItem clear 永久
sessionStorage 会员存储 界面关掉 数据也销毁


一次完成的http事务是怎样?
tcp:传输控制协议

域名解析,发起tcp的三次握手,建立tcp连接后发起http连接
服务器端响应http请求,浏览器得到html代码;
浏览器解析html代码,并请求html中的资源
浏览器对界面进行渲染呈现

对前端工程师职位的理解?
站在用户体验的角度,将psd图还原为效果图,并与设计师和后端程序员进行密切沟通,
实现最好的布局结构及交互的效果;兼容性;优化;

ajax的原理?

通过xmlHttpRequest对象来向服务器发送异步请求,从服务器获取数据,然后用js操作dom界面;

对浏览器内核的理解?

渲染引擎,读取网页html 图像 css等

js引擎,执行js实现动态效果

如何支持h5新标签
ie支持通过document.createElement产生标签;
一些支持h5js
使用框架htmlshim
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->


html语义化的理解?
让页面结构更清晰,便于浏览器解析 搜索引擎解析
容易阅读

cookie数据始终在同源的http请求中携带 不超过4k
在 浏览器和服务器间来回传递


iframe缺点?
阻塞页面的onload加载事件
搜索引擎不支持解读这种节目


lable+表单

如何实现浏览器内多个标签页之前的通信?
webSocket 或本地存储


网页可见性apiPage Visibility API


为什么要css初始化
因为不同浏览器对标签默认值不同 不初始化会出现浏览器差异

css预处理
例如less sass增强代码复用性
后处理 给css属性增加浏览器私有前缀

js基本数据类型:bool string number object array

eval干嘛 的?
它的功能将对应字符串解析成js代码并允许
好性能


null 表示一个对象被定义了,值为“空值”;
undefined 表示不存在这个值。


闭包:函数内再嵌套一个函数
内部函数可以引用外层参数和遍历
参数和变量不会被垃圾回收机制回收

json是一种轻量级数据交互格式

原文地址:https://www.cnblogs.com/ss977/p/6395719.html