有关于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 用于数据交互。

相关文章
|
5月前
|
IDE Java 开发工具
Java 基础篇必背综合知识点最新技术与实操应用全面总结指南
本总结梳理了Java 17+的核心知识点与新技术,涵盖基础概念(模块化系统、GraalVM)、数据类型(文本块、模式匹配)、流程控制(增强switch)、面向对象(Record类、密封类)、常用类库(Stream API、HttpClient)、实战案例(文件处理)、构建工具(Maven、Gradle)、测试框架(JUnit 5)、开发工具(IDE、Git)及云原生开发(Spring Boot 3、Docker)。通过理论结合实操,帮助开发者掌握Java最新特性并应用于项目中。代码示例丰富,建议配合实践加深理解。
152 4
|
4月前
|
Java 数据库连接 数据库
Java 相关知识点总结含基础语法进阶技巧及面试重点知识
本文全面总结了Java核心知识点,涵盖基础语法、面向对象、集合框架、并发编程、网络编程及主流框架如Spring生态、MyBatis等,结合JVM原理与性能优化技巧,并通过一个学生信息管理系统的实战案例,帮助你快速掌握Java开发技能,适合Java学习与面试准备。
220 2
Java 相关知识点总结含基础语法进阶技巧及面试重点知识
|
4月前
|
存储 Java 程序员
Java 基础知识点全面梳理包含核心要点及难点解析 Java 基础知识点
本文档系统梳理了Java基础知识点,涵盖核心特性、语法基础、面向对象编程、数组字符串、集合框架、异常处理及应用实例,帮助初学者全面掌握Java入门知识,提升编程实践能力。附示例代码下载链接。
192 0
|
4月前
|
Java 编译器 数据安全/隐私保护
Java 大学期末考试真题与答案 含知识点总结 重难点归纳及题库汇总 Java 期末备考资料
本文汇总了Java大学期末考试相关资料,包含真题与答案、知识点总结、重难点归纳及题库,涵盖Java基础、面向对象编程、异常处理、IO流等内容,并提供完整代码示例与技术方案,助你高效复习备考。
229 3
|
4月前
|
存储 缓存 安全
Java基础 - 知识点
Java基础知识点涵盖语言特性、面向对象与基本数据类型、缓存池机制、String类特性、参数传递、类型转换、继承、抽象类与接口区别、重写与重载、Object通用方法及关键字使用等核心内容,是掌握Java编程的重要基石。
|
7月前
|
前端开发 Java 物联网
智慧班牌源码,采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署
智慧班牌系统是一款基于信息化与物联网技术的校园管理工具,集成电子屏显示、人脸识别及数据交互功能,实现班级信息展示、智能考勤与家校互通。系统采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署与私有化定制。核心功能涵盖信息发布、考勤管理、教务处理及数据分析,助力校园文化建设与教学优化。其综合性和可扩展性有效打破数据孤岛,提升交互体验并降低管理成本,适用于日常教学、考试管理和应急场景,为智慧校园建设提供全面解决方案。
477 70
|
5月前
|
存储 安全 Java
2025 年最新 40 个 Java 基础核心知识点全面梳理一文掌握 Java 基础关键概念
本文系统梳理了Java编程的40个核心知识点,涵盖基础语法、面向对象、集合框架、异常处理、多线程、IO流、反射机制等关键领域。重点包括:JVM运行原理、基本数据类型、封装/继承/多态三大特性、集合类对比(ArrayList vs LinkedList、HashMap vs TreeMap)、异常分类及处理方式、线程创建与同步机制、IO流体系结构以及反射的应用场景。这些基础知识是Java开发的根基,掌握后能为后续框架学习和项目开发奠定坚实基础。文中还提供了代码资源获取方式,方便读者进一步实践学习。
1553 2
|
5月前
|
并行计算 Java API
Java 入门循环结构基础知识点详解
摘要:本文介绍了Java现代循环技术的进阶应用,包括Stream API、响应式编程和模式匹配,展示了如何用Stream API替代传统循环进行声明式集合处理(如过滤、映射和并行计算),以及响应式编程在异步非阻塞场景下的优势。文章还通过电商订单处理系统的案例演示了这些技术的综合应用,并提供了性能优化建议,如合理使用并行处理和避免循环内对象创建。这些现代特性使Java代码更简洁、高效,更适合高并发和I/O密集型场景。
83 1
|
5月前
|
缓存 算法 NoSQL
校招 Java 面试高频常见知识点深度解析与实战案例详细分享
《2025校招Java面试核心指南》总结了Java技术栈的最新考点,涵盖基础语法、并发编程和云原生技术三大维度: 现代Java特性:重点解析Java 17密封类、Record类型及响应式Stream API,通过电商案例演示函数式数据处理 并发革命:对比传统线程池与Java 21虚拟线程,详解Reactor模式在秒杀系统中的应用及背压机制 云原生实践:提供Spring Boot容器化部署方案,分析Spring WebFlux响应式编程和Redis Cluster缓存策略。
145 0