面试官常问的 web前端 问题 1-10

  • 1. 标签上 alt与 title属性的区别是什么？
  • 2. DIV+CSS 布局较 table 有什么优势？
  • 3. 介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模型有什么不同的？
  • 4. CSS 选择符有哪些？
  • 5. JS 的数据类型有哪些？
  • 6. null，undefined 的区别?
  • 7. 描述下 JSON 对象的两个很重要的方法
  • 8. eval 是做什么的？
  • 9. 简述下为何通过 ajax 发送的请求会出现乱码问题，如何解决？
  • 10.HTML5、CSS3 里面都新增了那些新特性？

1. 标签上 alt与 title属性的区别是什么？

alt ：搜索引擎识别，在图像无法显示时的替代文本；
title ：元素注释信息，主要给用户解读。当鼠标放到文字或是图片上时有 title 文字显示。

（因为 IE 不标准）在 IE 浏览器中 alt 起到了 title 的作用，变成文字提示。
在定义 img 对象时，将 alt 和 title 属性写全，可以保证在各种浏览器中都能正常使用。

2. DIV+CSS 布局较 table 有什么优势？

DIV+CSS 布局：速率快，页面体积小，浏览速度快；便于被搜索引擎收录；样式丰富，页面更灵活；便于修改，效率高；

1、速率更快，页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了；
2、更好地被搜索引擎收录，大部分 html 页面的样式写入了 CSS 文件中，便于被搜索引擎采集收录；
3、对浏览者和浏览器更具优势，由于 CSS 富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统 一和不变形；
4、修改更有效率，由于使用了 DIV+CSS 制作方法，在修改页面的时候更加容易省时，提高工作效率；

（table在企业中极少用！！！）

3. 介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模型有什么不同的？

有两种， IE 盒子模型、W3C 盒子模型；
CSS盒模型常用的属性： 内容(content)、填充(padding)、边界(margin)、 边框(border)；
区 别： IE 的 content 部分把 border 和 padding 计算了进去;

1.网页设计中常用的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。
2.这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。
3.CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
想象一个盒子，它有：外边距（margin）、边框（border）、内边距（padding）、内容（content）四个属性；
让我们俯视这个盒子，它有上下左右四条边，所以每个属性除了内容（content），都包括四个部分：上下左右；这四部分可同时设置，也可分别设置；内边距可以理解为盒子里装的东西和边框的距离，而边框有厚薄和颜色之分，内容就是盒子中间装的东西，外边距就是边框外面自动留出的一段空白。

4. CSS 选择符有哪些？

id选择器、类选择器、标签选择器、属性选择器、通配符选择器、子选择器

1.id 选择器（ #myid）
2.类选择器（.myclassname）
3.标签选择器（div,h1,p） ,用逗号分割，可多个
4.相邻选择器（h1+p） ，兄弟节点
5.子选择器（ul>li） ，
6.后代选择器（lia）
7.通配符选择器（ * ）
8.属性选择器（a[rel=“external”]） ，jQuery常用
9.伪类选择器（a:hover,li:nth-child）

5. JS 的数据类型有哪些？

数据类型主要包括两部分：
基本数据类型：Undefined、Null、Boolean、Number 和 String
引用数据类型：Array 、Object

6. null，undefined 的区别?

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

7. 描述下 JSON 对象的两个很重要的方法

JSON.parse() //JSON 字符串转换为 JSON 对象
JSON.stringify() //JSON 对象转化为字符串

8. eval 是做什么的？

把对应的字符串解析成js代码并运行（不建议使用，不安全，耗性能）；
把 json字符串 转换成 json对象 时可用 eval，var obj = eval(’(’+str+’)’)

它的功能是把对应的字符串解析成 JS 代码并运行；
应该避免使用 eval，不安全，非常耗性能（2 次，一次解析成 js 语句，一次执行）。
由 JSON 字符串转换为 JSON 对象的时候可以用 eval，var obj = eval(’(’+str+’)’);

9. 简述下为何通过 ajax 发送的请求会出现乱码问题，如何解决？

编码格式冲突，直接在传输中文数据前加 encodURL() 编码

乱码的问题就是编码格式冲突，我们需要传输中文数据前面加一个 encodeURI()编码，
例如：encodeURI($("#fk_info").val())；在接受参数的页面对传过来的编码过后的内容用后端语言进行解码

10.HTML5、CSS3 里面都新增了那些新特性？

新的语义标签
本地存储
离线存储 Websocket 2d，3d 变换 Transition,animation 媒体查询新的单位（rem,vw，vh 等）

面试官常问的 web前端 问题（一）相关推荐

  1. 面试官常问的 web前端 问题（二）

    面试官常问的 web前端 问题 11-20 11.什么是响应式设计? 12.为什么我们要弃用 table 标签 13.iframe 有哪些缺点 14.meta viewport 是做什么用的,怎么写? ...

  2. 面试官常问的 web前端 问题（四）

    面试官常问的 web前端 问题 31-40 31.使用 Vue 的好处 32.MVVM 定义 33.Vue 的生命周期(重点) 34.Vue 的响应式原理 35.第一次页面加载会触发哪几个钩子? 36 ...

  3. 面试官常问的web前端问题

    1. 标签上 alt与 title属性的区别是什么? alt :搜索引擎识别,在图像无法显示时的替代文本: title :元素注释信息,主要给用户解读.当鼠标放到文字或是图片上时有 title 文字显 ...

  4. 平面设计面试官常问的问题有哪些？

      平面设计面试官常问的问题有哪些?一般情况下都会有一个开篇的自我介绍,这里建议就用平常聊天说话的语气语速来介绍就可以,介绍自己扬长避短,多讲自己的前工作项目经验,在校获奖也可以讲.与工作岗位不强相关 ...

  5. 爆赞！Android岗大厂面试官常问的那些问题，论程序员成长的正确姿势

    开头 昨天去面了一家公司,价值观有受到冲击. 面试官技术方面没的说,他可能是个完美主义的人,无论什么事情到了他那里好像都有解决的方案,我被说的无所适从,感觉他很厉害. 但我不能认可的是,面试官觉得加班 ...

  6. 前端面试官常问javaScript编程题，隔壁王大爷看了都会了

    目录 1.数组排序. 2.数组元素的去重: 3.用递归的方法求数组的求和: 4.防抖节流的思路. 5.深拷贝.浅拷贝: 6.做一个10秒的倒计时: 7.setTimeout()和setInterval ...

  7. 面试官常问的！从输入URL到页面展示完成浏览器做了些什么？

    为什么输入URL就可以显示想要的页面?浏览器偷偷做了些什么?前端可以针对这些做哪些优化? 最近,在准备面试,这个问题我是被面试官问怕了,浏览器到底做了什么?你去问浏览器呗(尴尬).想一下还是系统学习总 ...

  8. 面试官常问的问题及回答

    1. 我们为什么要雇请你呢? 有的面试只有这么一个问题.话虽简单,可是难度颇高.主要是测试你的沉静与自信.给一个简短.有礼貌的回答:"我能做好我要做得事情,我相信自己,我想得到这份工作&qu ...

  9. 那些年Android面试官常问的知识点，分享一点面试小经验

    开头 年前面试了一些公司,目前已经拿到了阿里跟头条的 offer.去年我也出去找工作了,面试五家拿到了四家公司的 offer.所以在面试方面我应该可以提供一些愚见吧.本篇会讲解一些常见题目以及一些答题 ...

  10. 【拥抱大厂系列】几个面试官常问的垃圾回收器，下次面试就拿这篇文章怼回去！

    点个赞,看一看,好习惯!本文 GitHub https://github.com/OUYANGSIHAI/JavaInterview 已收录,这是我花了3个月总结的一线大厂Java面试总结,本人已拿腾 ...

最新文章

  1. 注射“基因剪刀”治疗罕见遗传病，患者28天内无明显不良反应，诺奖得主很激动...
  2. git搜索--grep
  3. 毕业设计第四次任务书
  4. jquery1.43源码分析之工具方法
  5. 【杂谈】为了让大家学好深度学习模型设计和优化，有三AI都做了什么
  6. getQueryString方法使用
  7. vue 对象继承_JS面向对象—对象的继承
  8. cmd启动某个server卡住解决办法
  9. linux零拷贝 nio,荐 面试题：NIO/Netty 中的零拷贝体现在哪里？
  10. 中兴B860 AV2.1 S905L刷入armbian并启用docker且使用Portainer汉化版控制面板
  11. 关于宋宝华linux驱动学习视频的读后感
  12. 瞬间移动(c(n, m))
  13. 新生研讨课有感——陈睿周
  14. Win系统svchost进程流量偷跑，如何永久杜绝？
  15. 偶然 --徐志摩
  16. Redis缓存及缓存粒度
  17. php人民币函数,php人民币小写转大写的函数,不限长度，精确到分(推荐)
  18. TypeScript真香系列-高级类型
  19. 如何做好前端代码规范，让你的代码更丝滑
  20. vmware安装centos7登录出现something went gone 错误

热门文章

  1. 中国古代衣食住行 3
  2. 计算机考数学一英语二的学校,【专硕】初试考数学一的学校统计
  3. 在ASP.NET中获取参数POST和GET方式提交的参数
  4. Word也能制作座位表？掌握这个技巧安排座位不慌乱
  5. SAP基本计量单位更改
  6. RabbitMQ学习笔记：消息优先级（priority）
  7. 六、利用ESP32搭建网络服务器（一）
  8. Ruby / Rails代码气味基础01
  9. *.dfm resource kept；file *.dfm resource discarded
  10. 何登骥获“两优一先”荣誉 谋定·国稻种芯： 湖南农业科学院表彰