前端校招面试题目合集-day03

    技术2023-11-08  101

    如何在页面上实现一个圆形的可点击区域?

    参考答案

    a、 map+area 或者 svg

    b、 border-radius

    c、纯 js 实现 需要求一个点在不在圆上简单算法、获取鼠标坐标等等

     

    title与h3的区别、b与strong的区别、i与em的区别?

    参考答案

    title属性没有明确意义只表示是个标题, H1 则表示层次明确的标题,对页面信息的抓取也有很大的影响;

    strong是标明重点内容,有语气加强的含义,使用阅读设备阅读网络时: <strong> 会重读,而 <B> 是展示强调内容。

    i内容展示为斜体, em 表示强调的文本;

    Physical Style Elements -- 自然样式标签

    b, i, u, s, pre

    Semantic Style Elements -- 语义样式标签

    strong, em, ins, del, code

    应该准确使用语义样式标签, 但不能滥用 , 如果不能确定时首选使用自然样式标签。

     

    实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果?

    参考答案

    <divstyle="width:100%;height:1px;background-color:black"></div>

     

    HTML5标签的作用?(用途)

    参考答案

    a、使Web页面的内容更加有序和规范

    b、使搜索引擎更加容易按照HTML5规则识别出有效的内容 

    c、使Web页面更接近于一种数据字段和表

     

    简述一下src与href的区别?

    参考答案

    src用于替换当前元素, href 用于在当前文档和引用资源之间确立联系。

    src是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本, img 图片和 frame 等元素。

    <script src ='js.js'></script>

    当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

    href是 Hypertext Reference 的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加

    <link href='common.css' rel='stylesheet'/>

    那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式来加载 css ,而不是使用 @import 方式。

     

    谈谈你对canvas的理解?

    参考答案

    canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术。标记和 SVG以及 VML 之间的一个重要的不同是,有一个基于 JavaScript 的绘图 API,而 SVG 和 VML 使用一个 XML 文档来描述绘图。SVG 绘图很容易编辑与生成,但功能明显要弱一些。 canvas可以完成动画、游戏、图表、图像处理等原来需要Flash完成的一些功能。

    img的title和alt有什么区别?

    参考答案

    Alt 用于图片无法加载时显示 Title 为该属性提供信息,通常当鼠标滑动到元素上的时候显示

    表单的基本组成部分有哪些,表单的主要用途是什么?

    参考答案

    组成:表单标签、表单域、表单按钮

    a、表单标签:这里面包含了处理表单数据所用 CGI 程序的 URL, 以及数据提交到服务器的方法。

    b、表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框、和文件上传框等。

    c、表单按钮:包括提交按钮,复位按钮和一般按钮;用于将数据传送到服务器上的 CGI 脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

    主要用途:表单在网页中主要负责数据采集的功能,和向服务器传送数据。

     

    表单提交中Get和Post方式的区别?

    参考答案

    (1)、 get 是从服务器上获取数据, post 是向服务器传送数据。

    (2)、 get 是把参数数据队列加到提交表单的 ACTION 属性所指的 URL 中,值和表单内各个字段一一对应,在 URL 中可以看到。 post 是通过 HTTP post 机制,将表单内各个字段与其内容放置在 HTML HEADER 内一起传送到 ACTION 属性所指的 URL 地址 , 用户看不到这个过程。

    (3)、对于 get 方式,服务器端用 Request.QueryString 获取变量的值,对于 post 方式,服务器端用 Request.Form 获取提交的数据。

    (4)、 get 传送的数据量较小,不能大于 2KB 。 post 传送的数据量较大,一般被默认为不受限制。但理论上, IIS4 中最大量为 80KB , IIS5 中为 100KB 。

    (5)、 get 安全性低, post 安全性较高。

     

    HTML5 有哪些新增的表单元素?

    参考答案

    HTML5 新增了很多表单元素让开发者构建更优秀的 Web 应用程序,主要有:

    datalist

    keygen

    output

    Processed: 0.022, SQL: 9