java面试⑤前端部分

news/2024/7/10 23:16:30 标签: Java面试题, HTML, CSS, JavaScript, jQuery

Java面试①整体流程
Java面试②基础部分
Java面试③web部分
Java面试④数据库部分
Java面试⑤前端部分
Java面试⑥框架部分
Java面试⑦高级部分
Java面试⑧项目和业务部分




2.4.1 简单说一下HTMLCSSjavaScript在网页开发中的定位?

HTML:超文本标记语言,定义网页的结构

CSS:层叠样式表,用来美化页面

JavaScript:主要用来验证表单,做动态交互(其中AJAX)


2.4.2简单介绍一下AJAX

什么是AJAX?

--》异步的JavaScript和XML

作用是什么?

--》通过AJAX与服务器进行数据交换,AJAX可以使用网页实现局部更新,这意味着可以在不刷新整个网页的情况下,对网页的某部分进行更新。

怎么来实现AJAX?

--》使用XmlHttpRequest这个对象可以异步向服务器发送请求,获取响应,完成局部更新,

Open send responseText/responseXML局部响应。

使用场景?

--》登录失败时不跳转页面,注册时提示用户名是否存在,二级联动等等使用场景


2.4.3 JSJQuery的关系

JQuery是一个JS框架,封装了JS的属性和方法,并且增强了JS的功能,让用户使用起来更加方便,

原来使用js是要处理很多兼容性的问题(注册事件),由于Jquery封装了底层,就不用处理兼容性问题(注册事件等)。

原生的js的dom和事件绑定Ajax等操作非常麻烦,JQuery等装以后非常方便。


2.4.4 JQuery的常用选择器

ID选择器:通过ID获取一个元素

Class选择器:通过类获取元素

标签选择器:通过标签获取元素

通用选择器(*):获取所有元素

层次选择器:

儿子选择器> 获取下面的子元素

后代选择器 空格 获取下面的后代,包括儿子、孙子等后代

 

属性选择器:

tag[arrName=”test”] 获取属性名为xxx并且属性的值为test的所有标签

<input type=”checkbox” name=”body”/> 吃饭<br/>

<input type=”checkbox” name=”body”/> 睡觉<br/>

$(“input[name='body']”),表示获取属性名为name并且name属性值body的所有input标签。


2.4.5 Jquery的页面加载完毕事件

很多时候我们需要获取元素,必须等到该元素被加载完成后才能获取,我们可以把js代码放到该元素的后面,但是这样就会造成js在我们的body中存在不好管理,所有页面加载完毕后所有元素当然已经加载完毕,一般获取元素做操作都要在页面加载完毕后操作。

 

1)第一种:

$(document).ready(function(){

});

$(document)把原生的document这个dom对象转换为JQuery对象,转换完成后才能调用ready方法。

ready(fn)表示的是页面结构被加载完毕后执行传入函数fn

 

2)第二种:

$(function(){

});

当页面加载完毕后执行里面的函数。这一种相对简单,用的最多。

 

3)window.onload的区别

JQuery中的页面加载完毕事件,表示页面结构被加载完毕;

window.onload表示的是页面被加载完毕;必须等页面中的图片、声音、图像等远程资源被加载完毕后才调用而JQuery中只需要页面架构加载完毕


2.4.6 JQueryAJAX和原生js实现有什么关系

JQuery中的AJAX也是通过原生的js封装的,封装完成后让我们使用更加便利,不用考虑底层实现和兼容性等处理。

如果采用原生js实现AJAX是非常麻烦的,并且每次都是一样的,如果我们不使用JQuery,我们也要封装ajax对象的方法和属性,有像jquery这些已经封装完成,并且经过很多企业实际的框架,比较可靠并且开源,我们就不需要等装,直接使用成熟的框架(jquery)即可;


2.4.7 简单说一下html5?你对哪些现在哪些新技术有了解

html5是最新版本的html,是在原来html4的基础上增强类一些标签。

html5增加了一些像画板、声音、视频、web存储方面等高级功能,但是html5有一个不好的地方,那就是html5太强调语义了,导致开发者都不知道要选择哪个标签。在页面布局时,无论头部、主体、导航等模块都使用div来表示,但是html5的规范,需要使用不同不同的标签。(header,footer)

 

你对新技术有哪些了解:html5 css3。

 

简单说一下css3。

css3是最新版本的css,是对原来的css2的功能增强

css3中提供一些css2中实现起来比较困难或者不能实现的功能。

1)盒子圆角边框

2)盒子和文字的阴影

3)渐变

4)装换、移动、缩放、旋转等

5)过渡、动画都可以使用动画

6)可以使用媒体查询实现响应式网站

css3最大的缺点就是要根据不同的浏览器处理兼容性,对应有一些处理兼容性的工具,不用担心


2.4.8 bootstrap是什么

bootstrap是一个移动设备优先的UI框架,我们可以不用写任何css、js代码就能实现比较漂亮的有交互性的页面,我们程序员对页面的编写是有硬伤的,所有要自己写页面的话就要使用类似于bootstrap这样的UI框架

平时用的很多:

1)模态框

2)表单、表单项

3)布局

4)删格系统



微信搜索公众号:javafirst



http://www.niftyadmin.cn/n/1430497.html

相关文章

indy html 编码,INDY10 BASE64编码

INDY10 BASE64编码DELPHI自带的BASE64单元&#xff0c;在项目中使用发现非常没有效率&#xff0c;INDY10的好用。uses IdCoderMIMEBASE64编码类&#xff1a;TIdEncoderMIMEBASE64编码接口typeTIdEncoder class(TIdBaseComponent)publicfunction Encode(const AIn: string; ABy…

java面试⑥框架部分

Java面试①整体流程Java面试②基础部分Java面试③web部分Java面试④数据库部分Java面试⑤前端部分Java面试⑥框架部分Java面试⑦高级部分Java面试⑧项目和业务部分 2.5.1 什么是框架&#xff1a; 框架(framework)是一个框子--》指约束性&#xff0c;也是一个架子--》指支撑性 …

数据结构计算机专业教学计划编制,数据结构与算法课程设计报告--教学计划编制...

数据结构与算法课程设计报告--教学计划编制数据结构与算法课程设计报告题目教学计划编制目录一、需求分析311系统概述3111研究背景3112研究意义及目的312具体分析4121功能需求分析4122运行环境4二、总体设计5三、数据储存结构的设计631采用邻接表的方式储存先修关系图632邻接表…

当计算机没有被广泛使用时英语,计算机英语:BASIC语言变量

计算机英语&#xff1a;BASIC语言变量发布时间&#xff1a;2007-12-09BASIC VariablesBASIC is designed to allow simple programs to be developed quickly&#xff0c;and is widely used on micro-computers&#xff0e;There are many versions of BASIC&#xff1a;Howev…

java面试⑦高级部分

Java面试①整体流程 Java面试②基础部分 Java面试③web部分 Java面试④数据库部分 Java面试⑤前端部分 Java面试⑥框架部分 Java面试⑦高级部分 Java面试⑧项目和业务部分 2.6.1有没有用过Linux&#xff1f;你都用它来做什么&#xff1f; Linux是一个长时间运行比较稳定的操作…

c#html循环,c# 如何在.NET Core Razor页面中使用foreach循环对表数据进行分组? - 糯米PHP...

我目前在练习15.2的第15章中&#xff0c;我们的任务是创建一个Razor页面&#xff0c;该页面生成按国家/地区分组的客户列表。当您单击客户名称时&#xff0c;它将带您到一个新页面&#xff0c;该页面显示该客户的完整联系方式及其订单列表。Taking baby steps, I have built a …

java面试⑧项目和业务部分

Java面试①整体流程 Java面试②基础部分 Java面试③web部分 Java面试④数据库部分 Java面试⑤前端部分 Java面试⑥框架部分 Java面试⑦高级部分 Java面试⑧项目和业务部分 2.7.1项目分类 在公司做的项目可以分为两种 产品、项目 项目&#xff1a;就是给一些公司接的项目&…

计算机基础知识小案例,《计算机基础知识》教学案例

《计算机基础知识》教学案例马婷【教学目的与要求】(1)、初步了解计算机的应用、组成、发展&#xff1b;(2)、认识计算机的硬件、软件系统&#xff1b;【课时安排】1课时【教学重点与难点】计算机的硬件系统&#xff1b;【教学目的与要求】(1)、初步了解计算机的应用、组成、发…