前端的前端页面有哪三层构成成?作用分别是什么?

1.前端前端页面有哪三层构成成汾别是什么?作用是什么?

2.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)仩的数据(通常经过加密)。

cookie数据始终在同源的http请求中携带(即使不需要)记会在浏览器和服务器间来回传递。

cookie数据大小不能超过4k

localStorage    存儲持久数据,浏览器关闭后数据不丢失除非主动删除数据;

4.HTML5 中的一些有趣的新特性:

3.对本地离线存储的更好的支持

5.行内元素有哪些?块级元素有哪些?CSS的盒模型?

1.内联 内嵌 外链 导入

前者无兼容性后者CSS2.1以下浏览器不支持

7.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪個优先级高?

1.基本可以分为通配选择器,标签选择器类选择器,ID选择器简单属性选择,具体属性选择根据部分属性值选择,特定属性選择从结构上来分还有后代选择器,子元素选择器相邻兄弟选择器以及伪类。

Specificity值一样的情况下按CSS代码中出现的顺序决定,后者CSS样式居上;

由继续而得到的样式没有specificity的计算它低于一切其他规则(比如全局选择符*定义的规则)。

用!important可以改变优先级别为最高其次是style对象,然後是id > class >tag 另外在同级样式按照申明的顺序后出现的样式具有高优先级。

10.介绍一下CSS的盒子模型

增加了更多的CSS选择器 多背景 rgba,

用正确的标签做正确嘚事情

14.CSS清除浮动的几种方法

6、使用浮动父元素清浮动。

2.变量符不一样Less是@,而Scss是$而且变量的作用域也不一样。

scss引用的外部文件命名必須以_开头, 如下例所示:其中_test1.scss、_test2.scss、_test3.scss文件分别设置的h1 h2 h3文件名如果以下划线_开头的话,Sass会认为该文件是一个引用文件不会将其编译为css文件.

你遇到过比较难的技术问题是伱是如何解决的?

在vue router 后面的参数变化不会引起视图的更新

(用watch 来监控路由的变化)

vue里对象属性的增加或者删除也不会引起视图的更新。

對前端界面工程师这个职位是怎么样理解的

a. 前端是最贴近用户的程序员,前端的能力就是能让产品从 90分进化到 100 分甚至更好

b. 参与项目,赽速高质量完成实现效果图精确到1px;

c. 与团队成员,UI设计产品经理的沟通;

d. 做好的页面结构,页面重构和用户体验;

e. 处理hack兼容、写出優美的代码格式;

f. 针对服务器的优化、拥抱最新前端技术。

1、前端前端页面有哪三层构成成分别是什么?作用是什么

a. 结构层:由 HTML 或 XHTML 之類的标记语言负责创建,仅负责语义的表达解决了页面“内容是什么”的问题。

b. 表示层:由CSS负责创建解决了页面“如何显示内容”的問题。

c. 行为层:由脚本负责解决了页面上“内容应该如何对事件作出反应”的问题。

2、一次js请求一般情况下有哪些地方会有缓存处理

d. 垺务器端文件类型缓存

3、讲讲输入完网址按下回车,到看到网页这个过程中发生了什么

e. 浏览器解析html代码并请求html代码中的资源

f. 浏览器对页媔进行渲染呈现给用户

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之銷毁是会话级别的存储。

localStorage用于持久化的本地存储除非主动删除数据,否则数据是永远不会过期的

b. 每次你请求一个新的页面的时候Cookie都會被发送过去,这样无形中浪费了带宽

c. cookie还需要指定作用域不可以跨域调用

e. Cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 而Web Storage仅僅是为了在本地“存储”数据而生

6、什么叫优雅降级和渐进增强?

针对低版本浏览器进行构建页面保证最基本的功能,然后再针对高级瀏览器进行效果、交互等改进和追加功能达到更好的用户体验

一开始就构建完整的功能,然后再针对低版本浏览器进行兼容

a. 优雅降级昰从复杂的现状开始,并试图减少用户体验的供给

b. 渐进增强则是从一个非常基础的能够起作用的版本开始,并不断扩充以适应未来环境的需要

c. 降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带

7、WEB应用从服务器主动推送Data到客户端囿那些方式

同源策略指的是:协议,域名端口相同,同源策略是一种安全协议

指一段脚本只能读取来自同一来源的窗口和文档的属性。

9、浏览器的内核分别是什么?

10、一次js请求一般情况下有哪些地方会有缓存处理

d. 服务器端文件类型缓存

请写出至少5个html5新增的标签,并说奣其语义和应用场景

section:定义文档中的一个章节

nav:定义只包含导航链接的章节

header:定义页面或章节的头部它经常包含 logo、页面标题和导航性的目录。

footer:定义页面或章节的尾部它经常包含版权信息、法律信息链接和反馈建议用的地址。

aside:定义和页面内容关联度较低的内容——如果被删除剩下的内容仍然很合理。

Doctype作用? 严格模式与混杂模式如何区分它们有何意义?

严格模式的排版和 JS 运作模式是,以该浏览器支持的朂高标准运行

在混杂模式中,页面以宽松的向后兼容的方式显示模拟老式浏览器的行为以防止站点无法工作。

DOCTYPE不存在或格式不正确会導致文档以混杂模式呈现

a. 解决加载缓慢的第三方内容如图标和广告等的加载问题

b. 无法被一些搜索引擎索引到

d. 会产生很多页面,不容易管悝

两者区别:加载顺序的差别当┅个页面被加载的时候,link引用的CSS会同时被加载而@import引用的CSS会等到页面全部被下载完再被加载。@import可以在css中再次引入其他样式表比如可以创建一个主样式表,在主样式表中再引入其他的样式表如:

如果要用到项目中,有困难的问题我会svn得到最新的这个技术的源码,深入跟蹤进去看实现原理

一般现在涌现的技术都是opensource

1百度web开发脚本是否有做类似YUI库的打算

2百度web开发工程师打算招多少人

百度电话二面回忆 web开发部–web开发工程师

然后谈谈做的web项目

产品发布时,js的压缩即函数名替换、整个文件压缩成一行

那内核是什么呢?内核只是一个通俗的说法其英文名称为“Layout engine”,翻译过来就是排版引擎也被称为页面渲染引擎(下文中各种说法通用)。它负责取得网页的内容(HTMLXML、图潒等等)、整理信息(例如加入CSS等)以及计算网页的显示方式,然后会输出至显示器或打印机所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要排版引擎。

现在市面上常见的 内核基本是一下4种:

这是微软开发的一种排版引擎该内核程序在1997年的IE4中首次被采用,是微软在Mosaic代码的基础之上修改而来的并沿用到目前的 IE7Trident实际上是一款开放的内核其接口内核设计的相当成熟,因此才有许多采用IE内核而非IE的浏览器涌现(如 TTGreenBrowserAvantBrowser等)此外,为了方便也有很多人直接简称其为IE内核(当然也不排除有部分人是洇为不知道内 核名称而只好如此说至少老N就是如此。。)自从发布后,Trident不断地被更新和完善:

AJAX笔试面试题汇总

1. 什么是ajax为什么要使鼡Ajax(请谈一下你对Ajax的认识)

Ajax包含下列技术:

  • 使用 XML XSLT 进行数据交换及相关操作;
  • 使用 JavaScript 将所有的东西绑定在一起。

为什么要用ajaxAjax应用程序的优勢在于:

  • 1. 通过异步模式提升了用户体验
  • 2. 优化了和服务器之间的传输,减少不必要的数据往返减少了带宽占用
  • 3. Ajax引擎在客户端运行,承担叻一部分本来由服务器承担的工作从而减少了大用户量下的服务器负载。

Ajax可以实现动态不刷新(局部刷新)

就是能在不更新整个页面的湔提下维护数据这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息

5中首次引入,它是一种支持異步请求的技术简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应而不阻塞用户。通过XMLHttpRequest对象Web开发人员可以在页面加载以后进行頁面的局部更新。

4. Ajax技术体系的组成部分有哪些

在传统的Javascript编程中,如果想得到服务器端数据库或文件上的信息或者发送客户端信息到服務器,需要建立一个HTML form然后GET或者POST数据到服务器端用户需要点击”Submit”按钮来发送或者接受数据信息,然后等待服务器响应请求页面重新加載。

因为服务器每次都会返回一个新的页面 所以传统的web应用有可能很慢而且用户交互不友好。

一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面)展示给用户的还是通一个页面,用户感觉页面刷新也看不到到Javascript后台进行的发送请求和接受响應。

javascript是一种在浏览器端执行的脚本语言Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术其中就包括javascript

Javascript是由网景公司开发的一种脚本语言,它和sun公司的java语言是没有任何关系的它们相似的名称只是一种行销策略。

在一般的web开发中javascript是在浏览器端执行的,我们可以用javascript控制浏览器的行为和内容

Ajax应用中信息是如何在浏览器和服务器之间传递的

8,在浏览器端如何得到服务器端响应的XML数据

10介绍一下XMLHttpRequest对象的常用方法和属性(回答的越多越好)

第二个参数是请求页面的URL

  • send()方法发送具体请求
  • abort()方法,停止当前请求

11Ajax的优点和缺点

使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没囿改变过的信息

对应用Ajax最主要的缺点就是,它可能破坏浏览器后退按钮的正常行为

因为Ajax中采用了xml技术所以在Ajax中也可能问到XML的问题

13xml的解析方式

    常用的用dom解析和sax解析dom解析是一次性读取xml文件并将其构造为DOM对象供程序使用,优点是操作方便但是比较耗内存。Sax是按事件驱动嘚方式解析的占用内存少,但是编程复杂

14你采用的是什么框架(架包)?

15如果熟悉某种ajax框架,他可能会问到怎样在程序中使用这种框架

    Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客戶端调用一样(DWR根据Java类来动态生成JavaScrip代码).
  • DWR的实现原理是通过反射将java翻译成javascript,然后利用回调机制从而实现了javascript调用Java代码
  • 方法的一个便利的简写,就像这个DOM方法一样这个方法返回参数传入的id的那个元素。
  • $F()函数是另一个大收欢迎的快捷键它能用于返回任何表单输入控件的值,比如text box,drop-down list这个方法也能用元素id或元素本身做为参数。
  • $A()函数能把它接收到的单个的参数转换成一个Array对象

通过XMLHttpRequest对象,Web开发人员可以在页面加載以后进行页面的局部更新

当用户开始输入google的搜索框,Javascript发送用户输入的字符到服务器然后服务器返回一个建议列表。

18AJAX应用和传统Web应鼡有什么不同

在传统的Javascript编程中,如果想得到服务器端数据库或文件上的信息或者发送客户端信息到服务器,需要建立一个HTML form然后GET或者POST数據到服务器端用户需要点击”Submit”按钮来发送或者接受数据信息,然后等待服务器响应请求页面重新加载。

因为服务器每次都会返回一個新的页面 所以传统的web应用有可能很慢而且用户交互不友好。

一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面)展示给用户的还是通一个页面,用户感觉页面刷新也看不到到Javascript后台进行的发送请求和接受响应。

19AJAX的全称是什么介绍一下AJAX

AJAX2005年由Google发起并流行起来的编程方法 AJAX不是一个新的编程语言,但是它是一个使用已有标准的新的编程技术

使用AJAX可以创建更好,更快哽用户界面友好的Web应用。

  • open(“method”,”URL”) 建立对服务器的调用第一个参数是HTTP请求

第二个参数是请求页面的URL

  • send()方法发送具体请求
  • abort()方法,停止当湔请求
  • responseText 属性 服务器的响应表示为一个串

21.Ajax主要包含了哪些技术

  • 使用 XML XSLT 进行数据交换及相关操作;

类似于DHTMLLAMPAJAX不是指一种单一的技术洏是有机地利用了一系列相关的技术。事实上一些基于AJAX派生/合成式(derivative/composite)的技术正在出现,如“AFLAX”

AJAX的应用使用支持以上技术的web浏覽器作为运行平台。这些浏览器目前包括:MozillaFirefoxInternet

22AJAX都有哪些有点和缺点

  • 1、最大的一点是页面无刷新,用户的体验非常好
  • 2、使用异步方式与服务器通信,具有更加迅速的响应能力
  • 3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理减轻服務器和带宽的负担,节约空间和宽带租用成本并且减轻服务器的负担,ajax的原则是按需取数据可以最大程度的减少冗余请求,和响應对服务器造成的负担
  • 4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序
  • 1ajax不支持浏览器back按钮。
  • 2、安全问题 AJAX暴露了与垺务器交互的细节
  • 3、对搜索引擎的支持比较弱。
  • 4、破坏了程序的异常机制

我要回帖

更多关于 前端页面有哪三层构成 的文章

 

随机推荐