Java面试题日积月累(WEB前端20道)

简介: Java面试题日积月累(WEB前端20道)

1、常见的HTML4/HTML5标签

标题标签:h1~h6


段落标签:p


超链接标签:a


图片标签:img


有序标签:ol、li


无序标签:ul、li



HTML5中常见的标签:header、nav、section、footer、video、audio、input[email、url]


2、表格标签(行、列合并)

表格标签:thead(th)、tbody(tr、td)


行合并:通过rowspan属性来实现


列合并:通过colspan属性来实现


3、frameset框架标签


4、表单标签(*)

input标签:


1、文本:text


2、密码:password


3、按钮:button


4、日历:date


5、单选:radio


6、复选框:checkbox


7、颜色:color


8、提交:submit


9、重置:reset


10、邮箱:email



5、什么是CSS?以及书写CSS样式的几种方式

1.CSS:层叠样式表,给标签起美化作用


2.书写方式:


(1)、行内样式:将css代码书写在标签的style属性中


(2)、内部样式:将css代码书写在style标签中


(3)、外部样式:将css代码单独成立一个文件,然后通过link标签引入


6、块级标签与行级标签

块级标签:块级标签会独占一行(div、p、h1~h6)


行级标签:不会独占一行(a、span、img等)


行级标签与块级标签可以相互转换:


(1)、块级转行级:display:inline


(2)、行级转块级:display:block


7、盒子模型(*)

盒子模型:主要针对的是块级标签


盒子模型的三个特征:border(边框)、padding(内边距、填充、补白)、margin(边界)


8、CSS中的选择器(*)

1、基本选择器:#id值 .class值  标签名


2、层次选择器:> 空格 + ~


3、属性选择器:^ * $


4、伪类结构选择器:first-child、last-child、nth-child


9、CSS3中的一些新特性

border-radiusL:设置圆角


transition:指定缓冲的时间


rotate:旋转效果


10、display与visibility的区别

display与visibility都可以隐藏与显式元素


diplay:none(隐藏)、block(显示)


visibility:hidden(隐藏)、show(显示)


使用display隐藏元素时,元素不占据位置


使用visibility隐藏元素时,元素继续占据原来的位置


11、相对定位与绝对定位(*)

相对定位:参考点是元素自身。


绝对定位:参考点是拥有position属性的父标签,如果父标签没有position,则继续往上查找拥有position属性的标签,如果找不到拥有position属性的标签则body作为参考点


12、浮动

作用:在div+css布局中用来定位盒子


使用方法:float:left(左浮动)/right(右浮动)


13、Web的标准定义及3大组成部分

Web的标准定义:web标准是由w3c和其他标准化组织制定的一套规范集合。


web标准由3部分组成:结构、表现、行为


结构:HTML、XML、XHTML


表现:CSS


行为:DOM(文档对象模型)


14、BOM定义(*)

BOM的定义:浏览器对象模型



15、DOM定义

DOM:文档对象模型


16、js语言特点

javascript是一种解释性、基于事件的弱语言。


javascript中只有一种数据类型:var


javascript区分大小写。


17、js创建对象的几种方式


18、js中常用的事件类型

onclick在用户用鼠标左键单击对象时触发


ondbclick:双击


onmousedown:鼠标点击时触发


onmouseup:当鼠标点击松开时触发


onmouseout:当鼠标离开对象时


onmousemove:当鼠标移动到对象时


onblur:当失去焦点时触发


onfocus:当获取焦点时触发


onchange:当对象或者选中区域的内容改变时触发


onload:在浏览器完成对象的装载后触发


onsubmit:当表单将要被提交时触发


19、常用的jquery选择器、文档流(*)

jquery选择器种类:


(1)基本选择器:$(“#id值”);  $(“.class值”);  $(“标签名”);


(2)属性选择器:$(“selector[name=abc]”);  $(“input[name^=a]”);  $(“input[name$=a]”);


             $(“input[name*=a]”);


(3)层次选择器:$(“#abc  span”);  $(“#abc>span”);  $(“#abc+div”);  $(“#abc~div”);


(4)过滤选择器:$(“:selected”);  $(“:checked”);


20、如何调用easyui、easyui中常用的控件

调用easyui的方式:(1) class调用  (2)js调用


easyui中常用的控件:window、datagrid、progressbar、tree、layout、draggble、parginaation

目录
相关文章
|
2天前
|
人工智能 前端开发
2024 川渝 Web 前端开发技术交流会「互联」:等你来报名!
2024 川渝 Web 前端开发技术交流会「互联」:等你来报名!
2024 川渝 Web 前端开发技术交流会「互联」:等你来报名!
|
5天前
|
存储 前端开发 JavaScript
从 Web 2.0 到 Web 3.0:前端开发的历史与未来
【10月更文挑战第4天】本文探讨了从 Web 2.0 到 Web 3.0 的前端开发演变过程。Web 2.0 时代,前端开发者从静态网页设计走向复杂交互,技术框架如 jQuery、React 和 Vue 带来了巨大的变革。而 Web 3.0 以区块链技术为核心,带来了去中心化的互联网体验,前端开发者面临与区块链交互、去中心化身份验证、分布式存储等新挑战。文章总结了 Web 2.0 和 Web 3.0 的核心区别,并为开发者提供了如何应对新技术的建议,帮助他们在新时代中掌握技能、设计更安全的用户体验。
22 0
从 Web 2.0 到 Web 3.0:前端开发的历史与未来
|
6天前
|
前端开发 JavaScript 开发者
web前端需要学什么
web前端需要学什么
|
8天前
|
前端开发 JavaScript 开发者
Web组件:一种新的前端开发范式
【10月更文挑战第9天】Web组件:一种新的前端开发范式
11 2
|
8天前
|
JavaScript 前端开发 开发者
前端开发趋势:从Web Components到Vue.js
【10月更文挑战第9天】前端开发趋势:从Web Components到Vue.js
|
5天前
|
移动开发 前端开发 JavaScript
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
30 0
|
5天前
|
存储 安全 前端开发
在前端开发中需要考虑的常见web安全问题和攻击原理以及防范措施
在前端开发中需要考虑的常见web安全问题和攻击原理以及防范措施
27 0
|
5天前
|
存储 前端开发 API
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
33 0
|
6天前
|
编解码 前端开发 JavaScript
Web前端开发需要掌握哪些知识?
Web前端在最近几年发展的十分迅速,报名进行Web前端培训的同学也越来越多。移动互联网的背景之下,每一个人每天会跟各式各样的手机端应用打交道,殊不知这些App都跟Web前端有着密不可分的关系。
|
2月前
|
存储 Java
【IO面试题 四】、介绍一下Java的序列化与反序列化
Java的序列化与反序列化允许对象通过实现Serializable接口转换成字节序列并存储或传输,之后可以通过ObjectInputStream和ObjectOutputStream的方法将这些字节序列恢复成对象。