有关于Java前端的相关知识点

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

alt 是给搜索引擎识别,在图像无法显示时的替代文本;title 是关于元素的注释信息,主要是给用户解读。当鼠标放到文字或是图
片上时有 title 文字显示。(因为 IE 不标准)在 IE 浏览器中 alt 起到了 title 的作用,变成文字提示。在定义 img 对象时,将 alt 和 title 属性写全,可以保证在各种浏览器中都能正常使用。&和&&的区别。

  1. DIV+CSS 布局较 table 有什么优势?
    1、速率更快,页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了;
    2、更好地被搜索引擎收录,大部分 html 页面的样式写入了 CSS 文件中,便于被搜索引擎采集收录;
    3、对浏览者和浏览器更具优势,由于 CSS 富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统

一和不变形;
4、修改更有效率,由于使用了 DIV+CSS 制作方法,在修改页面的时候更加容易省时,提高工作效率;

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

(1)有两种, IE 盒子模型、W3C 盒子模型;
(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border);
(3)区 别: IE 的 content 部分把 border 和 padding 计算了进去;

  1. CSS 选择符有哪些?
    1.id 选择器( # myid)
    2.类选择器(.myclassname)
    3.标签选择器(div, h1, p)
    4.相邻选择器(h1 + p)
    5.子选择器(ul > li)
    6.后代选择器(li a)
    7.通配符选择器( * )
    8.属性选择器(a[rel = "external"])
    9.伪类选择器(a:hover, li:nth-child)
  2. JS 的数据类型有哪些?

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

  1. null,undefined 的区别?

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

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

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

  1. eval 是做什么的?

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

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

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

10.HTML5、CSS3 里面都新增了那些新特性?
新的语义标签
本地存储
离线存储
Websocket
2d,3d 变换
Transition,animation 媒体查询
新的单位(rem,vw,vh 等)

11.什么是响应式设计?
它是关于网站的制作或网页制作的工作。不同的设备有不同的尺寸和不同的功能。响应式设计是让所有的人能在这些设备上让网
站运行正常。一部分是媒体查询和不同的视觉效果。一部分是不同的资源(如不同的 Javascript 来处理触摸与点击自动适应屏幕的对比)。

12.为什么我们要弃用 table 标签
table 的缺点在于服务器把代码加载到本地服务器的过程中,本来是加载一行执行一行,但是 table 标签是里面的东西全都下载完
之后才会显示出来,那么如果图片很多的话就会导致网页一直加载不出来,除非所有的图片和内容都加载完。如果要等到所有的图片
全部加载完之后才显示出来会影响网页的性能,所以 table 标签现在我们基本放弃使用了

13.iframe 有哪些缺点
iframe 会阻塞主页面的 Onload 事件
搜索引擎的检索程序无法解读这种页面,不利于 SEO
iframe 和主页面共享连接池,而浏览器对相同域的链接有限制,所以会影响页面的并行加载
使用 iframe 之前需要考虑这两个缺点,如果需要使用 iframe,最好是通过 JavaScript
动态给 iframe 添加 src 属性值,这样可以绕开以上两个问题。

14.meta viewport 是做什么用的,怎么写?
控制页面在移动端不要缩小显示。

15.json 和 xml 数据的区别
1,数据体积方面:xml 是重量级的,json 是轻量级的,传递的速度更快些。。
2,数据传输方面:xml 在传输过程中比较占带宽,json 占带宽少,易于压缩。
3,数据交互方面:json 与 javascript 的交互更加方便,更容易解析处理,更好的进行数据交互
4,数据描述方面:json 对数据的描述性比 xml 较差
5,xml 和 json 都用在项目交互下,xml 多用于做配置文件,json 用于数据交互。

相关文章
|
3月前
|
安全 Java 编译器
揭秘JAVA深渊:那些让你头大的最晦涩知识点,从泛型迷思到并发陷阱,你敢挑战吗?
【8月更文挑战第22天】Java中的难点常隐藏在其高级特性中,如泛型与类型擦除、并发编程中的内存可见性及指令重排,以及反射与动态代理等。这些特性虽强大却也晦涩,要求开发者深入理解JVM运作机制及计算机底层细节。例如,泛型在编译时检查类型以增强安全性,但在运行时因类型擦除而丢失类型信息,可能导致类型安全问题。并发编程中,内存可见性和指令重排对同步机制提出更高要求,不当处理会导致数据不一致。反射与动态代理虽提供运行时行为定制能力,但也增加了复杂度和性能开销。掌握这些知识需深厚的技术底蕴和实践经验。
79 2
|
1月前
|
JSON 前端开发 Java
震惊!图文并茂——Java后端如何响应不同格式的数据给前端(带源码)
文章介绍了Java后端如何使用Spring Boot框架响应不同格式的数据给前端,包括返回静态页面、数据、HTML代码片段、JSON对象、设置状态码和响应的Header。
141 1
震惊!图文并茂——Java后端如何响应不同格式的数据给前端(带源码)
|
2月前
|
Web App开发 前端开发 Linux
「offer来了」浅谈前端面试中开发环境常考知识点
该文章归纳了前端开发环境中常见的面试知识点,特别是围绕Git的使用进行了详细介绍,包括Git的基本概念、常用命令以及在团队协作中的最佳实践,同时还涉及了Chrome调试工具和Linux命令行的基础操作。
「offer来了」浅谈前端面试中开发环境常考知识点
|
1月前
|
前端开发 小程序 Java
java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机
这篇文章介绍了Java中Map的遍历方法、使用Pattern和matches进行正则表达式匹配,以及后端向前端传输图片并保存到手机的三种情况。
21 1
|
1月前
|
安全 Java 编译器
Java基础-知识点(二)
Java基础-知识点(二)
13 0
|
1月前
|
存储 缓存 安全
Java基础-知识点(一)
Java基础-知识点(一)
17 0
|
2月前
|
机器学习/深度学习 数据采集 JavaScript
ADR智能监测系统源码,系统采用Java开发,基于SpringBoot框架,前端使用Vue,可自动预警药品不良反应
ADR药品不良反应监测系统是一款智能化工具,用于监测和分析药品不良反应。该系统通过收集和分析病历、处方及实验室数据,快速识别潜在不良反应,提升用药安全性。系统采用Java开发,基于SpringBoot框架,前端使用Vue,具备数据采集、清洗、分析等功能模块,并能生成监测报告辅助医务人员决策。通过集成多种数据源并运用机器学习算法,系统可自动预警药品不良反应,有效减少药害事故,保障公众健康。
ADR智能监测系统源码,系统采用Java开发,基于SpringBoot框架,前端使用Vue,可自动预警药品不良反应
|
3月前
|
设计模式 前端开发 Java
【前端学java】SpringBootWeb极速入门-分层解耦(03)
【8月更文挑战第13天】SpringBootWeb极速入门-分层解耦(03)
23 2
【前端学java】SpringBootWeb极速入门-分层解耦(03)
|
3月前
|
开发框架 前端开发 Java
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
【8月更文挑战第12天】SpringBootWeb极速入门-实现一个简单的web页面01
72 3
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
|
3月前
|
JSON 前端开发 Java
【前端学java】SpringBootWeb极速入门-请求参数解析(02)
【8月更文挑战第12天】SpringBootWeb极速入门-请求参数解析(02)
24 1
【前端学java】SpringBootWeb极速入门-请求参数解析(02)
下一篇
无影云桌面