web前端面试题

web前端面试题

1、页面之间的传值?
` 1 使用QueryString
使用QueryString:
描述使用URL传值
优点：占用资源低
缺点：传递类型单一；安全性差
2 使用Session变量
描述：服务器端控件可以保存各种类型变量
优点：可以传递任何类型的变量，安全性高
缺点：占用系统资源多
3 使用Server．Transfer
描述：以页面对象属性的方式传递信息到另一个页面。
优点：不占用内存，适合传递大容量的数据。
缺点：只能在一个服务器传递数据。
4 使用类的静态属性
描述：
(1)在页面里添加必要的控件。
(2)定义一个包含静态属性的类．
(3)创建可以返回表单的按钮和链接按钮．
(4)在按钮单击事件中将要传送的值赋给静态属性并用Response．Redirect方法重定向到目标页面．
(5)目标页面中可以通过静态属性获得源页面中要传送过来的值 ．
5 使用Application全局变量
描述：Application变量是全局性的，一旦定义，它将影响到程序的所有部分。
6 使用隐藏域
描述：当一个网页提交给服务器时，隐藏域的内容和其它控件的值一块儿被送到HTTP Form集合中；，而且必须被显式地添加在网页上．使用隐藏域，必须使用HTTP—Post方法提交网页
2、session和cooken的区别
1、cookie数据存放在客户的浏览器上，session数据放在服务器上。
2、cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗
考虑到安全应当使用session。
3、session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能
考虑到减轻服务器性能方面，应当使用COOKIE。
4、单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie。
cookie 和session 的联系：
session是通过cookie来工作的
session和cookie之间是通过${}_{C}OOKIE{[}^{\prime }PHPSESSI{D}^{\prime }]来联系的，通过$_COOKIE[‘PHPSESSID’]可以知道session的id，从而获取到其他的信息。
3、描述一下jquery调用ajax的代码
$.ajax({
type: ‘POST’,
url: url ,
data: data ,
success: success ,
dataType: dataType
});
4、描述一下json
JSON是一种基于文本的数据交换方式，或者叫做数据描述格式
5、post和get的区别？
1、get是从服务器上获取数据，post是向服务器传送数据。
2、在客户端， get方式在通过URL提交数据，数据在URL中可以看到；post方式，数据放置在HTML HEADER内提交
3、对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。
4、get方式提交的数据最多只能有1024字节，而post则没有此限制
5、安全性问题。正如在2中提到，使用get的时候，参数会显示在地址栏上，而 post 不会。所以，如果这些数据是中文数据而且是非敏感数据，那么使用 get ；如果用户输入的数据不是中文字符而且包含敏感数据，那么还是使用 post为好
6、同步处理数据和异步处理数据
同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。
异步是指：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式。
7、静态类和非静态类的区别
主要区别在于静态类不能实例化，静态类编译器能够执行检查确保不是偶然的添加实例成员，C#编译器会自动把它标记为sealed，静态类中不能创建非静态的方法，即静态方法中只能创建静态方法，但在非静态类中可以调用静态方法。
静态类的主要特性：
1：仅包含静态成员。
2：无法实例化。
3：是密封的。
4：不能包含实例构造函数。
5：非静态类可以包含静态的方法、字段、属性或事件；
6：静态方法和属性不能访问其包含类型中的非静态字段和事件
7：静态方法只能被重载，而不能被重写，因为静态方法不属于类的实例成员；
8：C# 不支持静态局部变量(在方法内部定义静态变量)。
非静态类在使用时必须要实例化，每次使用时都要进行实例化，一般情况下使用比较频繁的类，可以使用静态类，比如LogClass,ConfigClass等等。
8、回调函数的用法
回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时。
最主要的用途就是当函数不处在同一个文件当中，比如动态库，要调用
其他程序中的函数就只有采用回调的形式
9、页面布局有哪些
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。
　　1.左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。
　　2.上下框架型：与上面类似，区别仅仅在于是一种上下分为两页的框架。
　　3.综合框架型：上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。
　　4.封面型：这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。
　　5. Flash型：其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。
　　6.“国”字型：也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多是最多的一种结构类型。
　　7.拐角型：这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。
　　8.标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。
　　9.变化型：即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。
10、echars是什么
商业级数据图表，它是一个纯JavaScript的图标库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
11、easyui是什么
EasyUI是一种第三方组织开发的一款基于jQuery的，简单易用的，功能强大的WEB[后台前端]JavaScript现成的组件库。
12、html5的新元素

定义文档内的文章。

定义页面内容之外的内容。 定义与其他文本不同的文本方向。 定义用户可查看或隐藏的额外细节。 定义对话框或窗口。

定义

元素的标题。

定义自包含内容，比如图示、图表、照片、代码清单等等。

定义文档或节的页脚。

定义文档或节的页眉。 定义文档的主内容。 定义重要或强调的内容。 定义用户能够从弹出菜单调用的命令/菜单项目。 定义已知范围（尺度）内的标量测量。

定义文档内的导航链接。 定义任务进度。 定义在不支持 ruby 注释的浏览器中显示什么。 定义关于字符的解释/发音（用于东亚字体）。 定义 ruby 注释（用于东亚字体）。

定义文档中的节。 定义 元素的可见标题。 定义日期/时间。 定义可能的折行（line-break）。 定义输入控件的预定义选项。 定义键对生成器字段（用于表单）。 定义计算结果。 **13、你对bootstrap的理解** Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。 **14、position各个属性值的定义：** 1、static：默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left,right或者z-index声明）。 2、relative：生成相对定位的元素，通过top,bottom,left,right的设置相对于其正常位置进行定位。可通过z-index进行层次分级。 3、absolute：生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。可通过z-index进行层次分级。 4、fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。可通过z-index进行层次分级。 **15、你对vue的了解** 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 **16、如何让元素位于屏幕中央** #div{ width: 50px; height: 50px; background: red; position: fixed; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; } **17、浏览器兼容问题** https://blog.csdn.net/xustart7720/article/details/73604651/ **18、原生js与jquery的区别** JavaScript是网页编程语言，而jQuery是一个基于js编写的框架 jquery就是基于JavaScript语言写出来的一个框架,实质上还是js而已 So: 1.jQuery 是一个 JavaScript 库。 2.jQuery 极大地简化了 JavaScript 编程。（代码比沉重的JavaScript轻灵多了） 3.jQuery 使JavaScript更好用。 4.jquery就是要用更少的代码，漂亮的完成更多的功能。

一些方法对比:
⑴使用JavaScript和jQuery分别加载DOM
JavaScript只会执行一次，而jQuery会执行多次
⑵使用JavaScript和jQuery获取ID
JavaScript：
document.getElementById(‘idName’)
JQuery：
$(’#idName’)
⑶使用JavaScript和jQuery获取class
JavaScript没有默认的获取class的方法
JQuery：
$(’.className’)
使用jQuery最大的好处是少量的代码做更多的事情，与JavaScript相比，jQuery的语法更加简单。
以上是我在校面试之中见到的问题，在这里总结一下，希望能帮到大家，有什么错的地方还望见谅。