zoukankan      html  css  js  c++  java
  • 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是一种轻量级数据交互格式

  • 相关阅读:
    第一阶段冲刺(第六天)
    第一阶段冲刺(第五天)
    第一阶段冲刺(第四天)
    第一阶段冲刺(第三天)
    第一阶段冲刺(第二天)
    个人学习进度(第十一周)
    第一阶段冲刺(第一天)
    个人学习进度(第十周)
    个人学习进度(第九周)
    php面向对象说明
  • 原文地址:https://www.cnblogs.com/ss977/p/6395719.html
Copyright © 2011-2022 走看看