常问的 web前端 问题

标签：注释   def   鼠标   基本数据类型   后端   通过   方法   识别   基本   

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 等）

————————————————
版权声明：本文为CSDN博主「止南」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_44641053/article/details/103809926

常问的 web前端 问题

标签：注释   def   鼠标   基本数据类型   后端   通过   方法   识别   基本   

原文地址：https://www.cnblogs.com/LQZ888/p/12146313.html