HTML+CSS+JS+Jquery面试题

1、CSS中 link 和@import 的区别

Link属于HTML标签，@import是css提供的，只能用来加载css
页面加载时link会同时加载，@import引用的css会在页面加载完加载
Link没有兼容问题
Link的权重高于@import
当使用js控制 DOM 去改变样式的时候，只能使用 link 方式

2、请列举设置和获取HTML、文本和值的方法

1)Html()方法：类似于JS中的innerHtml属性，可以用来读取或设置某个元素的HTML内容
2)Text()方法：类似于JS中的innerText属性，用来读取或设置某个元素的文本内容
3)Val()方法：类似于JS中的value属性，可以用来设置和获取元素的值。无论元素是文本框、下拉列表还是单选按钮，它者可以返回元素的值。

3、说几条写JavaScript的基本规范？

不要在同一行声明多个变量
请使用 ===/!==来比较true/false或者数值
使用对象字面量替代new Array这种形式
不要使用全局函数。
Switch语句必须带有default分支
函数不应该有时候有返回值，有时候没有返回值。
For循环必须使用大括号
If语句必须使用大括号
for-in循环中的变量应该使用var关键字明确限定作用域，从而避免作用域污染。

4、HTML5的优势有哪些？

相关性
标记/代码简洁
语义清晰
简明的表单和网络应用程序
缓存式离线应用程序

5、为什么我们使用jQuery？

易于使用和学习。
易于扩展。
跨浏览器支持（IE 6.0 +，FF 1.5 +，Safari 2.0 +，Opera 9.0+）
易于用于DOM操作和遍历。
大池内置方法。
AJAX功能。
更改或应用CSS，创建动画的方法。
事件检测和处理。
满足各种需求的大量插件。

6、JavaScript window.onload 事件和 jQuery ready 函数有何不同？

这个问答是紧接着上一个的。JavaScript window.onload 事件和 jQuery ready 函数之间的主要区别是，前者除了要等待 DOM 被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟。
　　另一方面，jQuery ready() 函数只需对 DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它，浏览器会按它们在 HTML 页面里出现的顺序执行它们，相反对于 onload 技术而言，只能在单一函数里使用。鉴于这个好处，用 jQuery ready() 函数比用 JavaScript window.onload 事件要更好些。
　　
7、HTML全局属性(global attribute)有哪些

class:为元素设置类标识
data-*: 为元素增加自定义属性
draggable: 设置元素是否可拖拽
id: 元素id，文档内唯一
lang: 元素内容的的语言
style: 行内css样式
title: 元素相关的建议信息

8、iframe的优缺点有哪些？
优点：

iframe能够原封不动地把嵌入的网页展示出来；
提高页面代码的复用性；
解决加载缓慢的第三方内容，如图标和广告等的加载问题；
在处理上传或局部刷新时，避免了页面整体刷新；
iframe解决部分跨域问题；

缺点：

iframe会阻塞主页面的 onload 事件；
无法被一些搜索引擎索引到；
页面会增加服务器的http请求；
会产生很多页面，不便于管理；
很多移动设备无法完全显示框架，设备兼容性差；
会出现区域的上下、左右滚动条，滚动条会挤占页面空间；
使用框架时，要保证正确的使用导航链接，容易造成链接死循环；

9、简述一下 src 和 href 的区别？

src用于替换当前元素；href用于在当前文档和引用资源之间确立联系；
src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在的位置；
href是Hypertext Reference 的缩写，指向网络资源所在的位置，建立和当前元素（锚点）或当前文档之间的链接；

10、请列举几种隐藏元素的方法

visibility:hidden，这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在；
opacity:0，是CSS3的属性，设置元素为完全透明，和 visibility 的效果类似，但是该属性修饰的元素可以使用 transition 和 animate 设置动画效果；
display:none，设置元素为不可见，不会占用文档的空间；
hidden属性，该属性是HTML5中新增的属性，效果和 display 相同；
11、$(this) 和 this 关键字在 jQuery 中有何不同？（答案如下）
$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等。而 this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法，直到它被 $() 函数包裹，例如 $(this)。

12、””和“=”的不同

前者会自动转换类型
后者不会1==”1”nullundefined=先判断左右两边的数据类型，如果数据类型不一致，直接返回false 之后才会进行两边值的判断
13、请列举JQuery DOM中插入节点的方法

Append和AppendTo
Prepend和PrependTo
After和insertAfter
Before和insertBefore

14、CSS优先级算法如何计算？

优先级就近原则，同权重情况下样式定义最近者为准
载入样式以最后载入的定位为准
优先级为: > id > class > tag;比内联优先级高

15、绝对定位和相对定位的区别
position: absolute
绝对定位：是相对于元素最近的已定位的祖先元素
position: relative
相对定位：相对定位是相对于元素在文档中的初始位置

HTML+CSS+JS+Jquery面试题相关推荐

(008)前端css,js,Jquery,Servlet入门
摘要:本周的学习内容是前端的css,js,Jquery,Servlet的入门; 文章目录 1 CSS 1.1 CSS入门以及使用方式 1.2 CSS的选择器(重点) 1.3 css的样式属性 1.3. ...
html+css+js+jquery之常见的的本地存储实现一个简单的todoList项目
前言就在几天前,在b站的某博主那里看见了一个面试的模拟,意外看到那个同学有一个todoList的项目很显然,这个项目就和本次我所要展示的项目代码原理一致,但是界面上我这个就会不太美观. 知识点本 ...
基于HTML+CSS+JS+JQuery的京东商城
基于HTML+CSS+JS+JQuery的京东商城包含京东商城首页,商品详情页,购物车页,订单确认页,结算页面,登录页,注册页. 项目截图注册页面,有正则表达式验证,验证码则为6位随机数,注册成功 ...
基于html+css+js+jquery的购物页面设计
1.jQuery介绍 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码(框架)于2006年1月由John Resig发布.jQue ...
前端总结（html css js jQuery）
前端三剑客总结在这里插入代码片架构模式:c/s 和 b/s (客户端/服务器浏览器/服务器 ) 我们学的是b/s架构模式. 资源分类:动态和静态资源动态资源需要用到数据库(不是动一动就是动态资源 ...
web前端基础html,css,js,jquery
目录 1 前端技术: 1.1 学习方法 1.1.1 前端要怎么学? 1.1.2 前端技术栈 1.2 HBuilderX 1.2.1 介绍 1.2.2 安装 1.2.3 主题 1.2.4 字体 1.2. ...
html+css+js+jQuery学习笔记
Css中"."可以选择包含两个样式的东西","可以都选上 img可以把div撑开只设置宽或者高那么将按照比列缩放扩大 Outline:none;//inpu ...
html+css+jquery,html+css+js(+JQuery)制作扑克牌图片切换效果
先把静态页面写出来: index.html jquery制作扑克牌图片切换效果此时的效果是这样的: 分析: 背景颜色图片的位置图片的边框.圆角以及阴影让图片动起来 index.css代码: * ...
复习日记-HTML+css+js+jquery
一: 1.HTML书写规则: 超文本:超越一般文本,描述文本的字体.颜色.图片标记:标签文件后缀名: .html(推荐) 或者 .htm 属性:key = "value"推荐用 ...

HTML+CSS+JS+Jquery面试题

HTML+CSS+JS+Jquery面试题

HTML+CSS+JS+Jquery面试题相关推荐

最新文章

热门文章