前端部分

来源:互联网 发布:外汇软件 编辑:程序博客网 时间:2024/05/22 02:11

1、HTML,CSS,JavaScript在网页开发中的定位?

html:定义网页结构;
css:用于美化页面;
JavaScript:主要用来验证表单,做动态交互(如AJAX)。

2、什么是AJAX?有什么作用?怎么来实现?

(1)AJAX:是异步的JS和XML。

(2)使用AJAX可以,不重新加载整个网页的情况下,对网页的某部分进行刷新。

(3)XML HttpRequest对象,使用这个对象可以异步像服务器发送请求,获取响应,完成异步刷新。

3、JS和jQuery的关系?

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

(2)原来使用原生JS的DOM和事物绑定等操作非常复杂,使用JQuery封装后的操作非常方便。

(3)原来使用JS要处理很多兼容性的问题(如:注册事件),由JQuery封装了底层,就不用处理兼容性的问题。

4、JQuery的常用选择器

(1)ID选择器通过ID获取一个元素

(2)类选择器通过类(css)获取元素

(3)标签选择器通过标签获取元素

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

(5)层级选择器

A、子选择器 (>)获取下面的子元素
B、 后代选择器(空格)获取后代包括儿子、孙子等后代
(6)属性选择器
tag[attrName="test"]  获取有属性名为XXX并且属性的值为test的所有标签。
如<input type="checkbox" name="hobby"/>吃饭<br/>
    <input type="checkbox" name="hobby"/>睡觉<br/>
      input[name="hobby"],表示获取属性名为name,并且name属性值为hobby的所有input标签。

5、jQuery的页面加载事件

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

第一种:

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

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

$(document).ready(function(){});
第二种:

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

$(function(){});

和window.onload的区别

1、 JQuery中的页面加载完毕事件,表示的页面结构被加载完毕。(只需要页面结构被加载完毕)

2、window.onload表示的是页面被加载完毕。(必须等到图片、声音、视频等远程资源被加载完毕后才调用)


6、jQuery的Ajax和原生JS实现Ajax有什么关系?

jQuery中的Ajax也是通过原生的JS封装的。封装完成后让我们使用起来更加便利,不用考虑底层实现或兼容性等处理。

如果采用原生的JS实现Ajax是非常麻烦的,并且每次都是一样的。如果我们不使用jQuery,我们也要封装Ajax对应的方法和属性。有像jQuery这些已经封装完成,并经过很多企业实际使用的框架是比较可靠的,并且开源。

7、你对HTML5技术的了解

html5 是最新版本的HTML,是在原来HTML4的基础上增强了一些标签。

HTML5增加了一些像 画板、声音、视频、web存储等高级功能。

但是HTML5太强调语义,导致在开发中都不知道要选择哪个标签了。

8、你对CSS3技术的理解

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

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

1、盒子圆角的边框

2、盒子和文字的应用

3、渐变

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

5、过渡、动画都可以实现动画

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

css3最多缺点要根据不同的浏览器处理兼容性。

9、BootStarp是什么

BootStarp是一个移动设备优先的UI框架。我们可以不用写任何的CSS和JS代码就能实现比较漂亮的,有交互的页面。

我们程序员写页面是硬伤,如果要我们自己写页面就需要BootStarp这样的UI框架。

平时常用的有(模态框、表单、布局、栅格系统等。)

原创粉丝点击