• 常问的 web前端 问题


    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

    你有什么心态,就有什么样的人生。管不好自己的心态,注定你就是个弱者。
  • 相关阅读:
    如何在Grid中做出快捷菜单效果?
    ExtJs FormPanel布局
    wpf 中获取ComboBox中选定的文本值
    delphi中的dbgrid使用
    Delphi修改Access密码,压缩与修复,建立Access数据库文件
    关于OS X系统root账号的激活及密码更改
    Delphi过程函数传递参数的几种方式
    Eclipse里的快捷键
    Delphi封装类到DLL
    Delphi Project 之工程选项(Project Options)
  • 原文地址:https://www.cnblogs.com/LQZ888/p/12146313.html
Copyright © 2020-2023  润新知