精华内容
下载资源
问答
  • doc Word创建文档 exe 可执行文件 ...JPG PNG tif GIF 图片格式 mp3 CAD MPEG WMA ACC RealAudio 音频格式 AVI mov rmvb rm FLV mp4 ...txt 文本文件 zip rar 压缩格式 xml 可拓展性 ps1 脚本文件 bat 批处理文件 ...

    doc Word创建的文档

    exe 可执行文件

    html 使用各种浏览器打开

    JPG PNG tif GIF 图片格式

    mp3 CAD MPEG WMA ACC RealAudio 音频格式

    AVI mov rmvb rm FLV mp4 3GP 视频格式

    txt 文本文件

    zip rar 压缩格式

    xml 可拓展性

    ps1 脚本文件

    bat 批处理文件

    展开全文
  • 在前端开发中离不开HTML,支持不同数据格式的文件镶入,前端工程师在面试过程中涉及到一些基础知识,常见的前端HTML5面试题有哪些呢? 本文,分享一些HTML5面试题及答案。准备参加web前端面试的小伙伴们来看一看吧,...

    HTML称为超文本标记语言,是一种标识性的语言。在前端开发中离不开HTML,支持不同数据格式的文件镶入,前端工程师在面试过程中涉及到一些基础知识,常见的前端HTML5面试题有哪些呢?

    本文,分享一些HTML5面试题及答案。准备参加web前端面试的小伙伴们来看一看吧,希望能够对大家有所帮助!
    在这里插入图片描述

    1、 什么是 HTML5?

    HTML5是HTML(超文本标记语言)的最新版本。它是一种为万维网构建和显示内容的语言,万维网是互联网的核心技术。WHATWG(Web超文本应用技术工作组)另一次W3C个人聚会认为,W3C没有认真考虑当前方言的现实改进需求,它已经开始处理HTML-HTML5的新确定。因此,HTML5是HTML 4.01和XHTML 1.0的另一种改编,它集中于Web应用程序设计者的必要性上,并且还倾向于在当前细节中发现的问题。

    具体而言,HTML5包含许多新的句法特征。新元素,如section, article, header和nav,是文档语义实质的重要组成部分。它们还包含section, article, header和canvas标记,以及SVG内容的集成。这些组件旨在简化合并和处理网络上的交互式媒体和图形内容,而无需诉诸限制性模块和API。少数成分和性状已被排出。一些组件,例如,video, audio和menu已经被更改、重新定义或标准化。API和DOM不再被重新考虑,而是HTML5规范的基本部分。

    2、什么是?是否需要在HTML5中使用?

    是关于页面写入了什么版本的HTML的指令。标记没有结束标记,它不区分大小写。声明必须是HTML5文档中的第一行,在标记之前。如HTML 4.01,全部声明需要引用文档类型定义(DTD),因为HTML 4.01是基于标准通用标记语言(SGML)的。而HTML5并不基于SGML,因此不需要对文档类型定义(DTD)的引用。

    3、HTML5有哪些的新特性?

    HTML5中最有趣的新特性:

    • 二维画图中的元素

    • 媒体播放的 和元素

    • 支持本地存储

    • 新的内容特定元素,如<section><article><footer><header><nav><menu>

    4、HTML5的优势有哪些?

    一些网络研究的前5名似乎提供了以下HTML5特性;

    • 相关性

    • 标记/代码简洁

    • 语义清晰

    • 简明的表单和网络应用程序

    • 缓存式离线应用程序

    5、Canvas是什么?怎样写Canvas?

    Canvas是HTML5的一个元素,它使用JavaScript在网页上绘制图形。Canvas是一个矩形区域。它的每一个像素都可以由HTML5语言来控制。使用Canvas绘制路径、框、圆、字符和添加图像有几种方法。如果要在我们的HTML文档中添加Canvas标签,我们需要ID、宽度和高度。下面是如何将基本Canvas标签写入HTML文档的示例。

    <canvas id="myFirstCanvas" width="100" height="100"> </canvas>
    

    6、HTML5地理定位是什么?如何使用?

    HTML5 地理定位用于定位用户的位置HTML5 地理定位API用于获取用户的地理位置。由于这会侵犯用户隐私,除非用户批准,否则该位置不可用。使用 getCurrentPosition() 方法获取用户的位置。下面的示例是返回用户位置的纬度和经度的简单地理定位示例:

    <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(showPosition); } else{x.innerHTML="Geolocation is not supported by this browser.";} } function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude +"Longitude: " + position.coords.longitude; } </script>
    

    7、使用HTML5需要遵守哪些规则?

    • 新的特性应该基于HTML、CSS、DOM和JavaScript

    • 减少对外部插件的需求(如Flash)

    • 更好的错误处理

    • 更多的替换脚本的标记

    • HTML5应与设备无关

    • 开发过程必须可视化

    8、HTML5中的Session storage存储对象是什么?如何创建和访问?

    Session storage 存储对象存储一个会话的数据。当用户关闭浏览器窗口时,数据将被删除。如下所示,我们可以在这里创建“blogName”作为会话并访问Session storage<script type="text/javascript"> sessionStorage.blogName="OnlineInterviewQuestions"; document.write(sessionStorage.name); </script>

    9、Html5应用程序缓存和Html浏览器缓存有什么区别?

    新的HTML5规范允许浏览器在连接客户端时预取一些或全部网站资产,如HTML文件、图像、CSS、JavaScript等。对于获取此内容,用户以前没有必要访问此内容。换句话说,应用程序缓存可以预取完全未被访问的页面,从而在常规浏览器缓存中不可用。预取文件可以加速站点的性能,尽管您最初使用带宽下载这些文件。

    10、简要描述下最新的HTML5标准中的API是什么?

    下面是HTML 5标准提供的新API列表。* Canvas :Canvas 由HTML代码中定义的具有高度和宽度属性的可绘制区域组成。JavaScript代码可以通过一组完整的绘图函数访问该区域,这与其他常见的2DAPI类似,因此允许动态生成图形。Canvas 的一些预期用途包括构建图形、动画、游戏和图像合成。

    • 定时媒体回放

    • 离线存储数据库

    • 文档编辑

    • 拖放

    • 跨文档消息传递

    • 浏览器历史管理

    • MIME类型和协议处理程序注册

    11、LocalStorage本地存储在HTML5中有什么用途?

    LocalStores 本地存储就是一个轻量级的sqllite数据库。可以在客户端本地存储数据,用于在断开网络连接的情况下读取本地缓存cookies,LocalStores可以将数据长期保存在客户端,直至人工清除为止,接下来演示下实例:

    1、使用localStorage对象保存数据:

    localStorage.setItem(key , value)

    2、使用localStorage获取保存的数据:

    localStorage.getItem(key)

    3、清除localStorage保存的数据:

    localStorage.removeItem(key)

    4、清除全部localStorage对象保存的数据:

    localStorage.clear( )

    12、你能列出HTML5中新的输入类型属性吗?

    search:用于搜索域,比如站点搜索或 Google 搜索,域显示为常规的文本域。

    url :用于应该包含 URL 地址的输入域在提交表单时,会自动验证 url 域的值。

    email:用于应该包含 e-mail 地址的输入域,在提交表单时,会自动验证 email 域的值。

    datetime:选取时间、日、月、年(UTC 时间)

    date:选取日、月、年

    month:选取月、年

    week:选取周和年

    time:选取时间(小时和分钟)

    datetime-local:选取时间、日、月、年(本地时间)

    number:用于应该包含数值的输入域,您还能够设定对所接受的数字的限定。

    range:用于应该包含一定范围内数字值的输入域,类型显示为滑动条。

    以上仅介绍了部分Web前端HTML面试题及答案,如果想要在众多竞争者中脱颖而出,除了专业技能还需要掌握一些求职面试的技巧,在面试过程中争取更多的主动权。关注我,会定期为大家分享最新Web前端面试题、发展趋势、学习资料,助力大家学好Web前端。

    展开全文
  • VS 常见快捷键有哪些

    2015-06-25 10:54:00
    自动对齐点【编辑】-【高级】-【设置选定内容的格式】或者按Ctrl + K 然后再按Ctrl + F 就好了 你可以在常用快捷键自定义 窗口中进行查看1.进入工具-选项 对话框2.选择【环境】-【键盘】3.在 【显示命令包含】 下面...
    自动对齐
    点【编辑】-【高级】-【设置选定内容的格式】
    或者按Ctrl + K 然后再按Ctrl + F 就好了
    你可以在常用快捷键自定义 窗口中进行查看
    1.进入工具-选项 对话框
    2.选择【环境】-【键盘】
    3.在 【显示命令包含】 下面的对话框中输入“对齐”关键字,然后就会在这个编辑框下面一个文本窗口中显示关于“对齐”一系列的“某某对齐”操作命令,选中你想查看的,就会在【选定命令的快捷键】一栏中显示其快捷键了


    Shift+Alt+Enter: 切换全屏编辑

    Ctrl+B,T / Ctrl+K,K: 切换书签开关
    Ctrl+B,N / Ctrl+K,N: 移动到下一书签
    Ctrl+B,P: 移动到上一书签
    Ctrl+B,C: 清除全部标签

    Ctrl+I: 渐进式搜索
    Ctrl+Shift+I: 反向渐进式搜索
    Ctrl+F: 查找
    Ctrl+Shift+F: 在文件中查找
    F3: 查找下一个
    Shift+F3: 查找上一个
    Ctrl+H: 替换
    Ctrl+Shift+H: 在文件中替换
    Alt+F12: 查找符号(列出所有查找结果)

    Ctrl+Shift+V: 剪贴板循环

    Ctrl+左右箭头键: 一次可以移动一个单词
    Ctrl+上下箭头键: 滚动代码屏幕,但不移动光标位置。
    Ctrl+Shift+L: 删除当前行
    Ctrl+M,M: 隐藏或展开当前嵌套的折叠状态
    Ctrl+M,L: 将所有过程设置为相同的隐藏或展开状态
    Ctrl+M,P: 停止大纲显示
    Ctrl+E,S: 查看空白
    Ctrl+E,W: 自动换行
    Ctrl+G: 转到指定行
    Shift+Alt+箭头键: 选择矩形文本
    Alt+鼠标左按钮: 选择矩形文本

    Ctrl+Shift+U: 全部变为大写
    Ctrl+U: 全部变为小写

    代码快捷键

    Ctrl+J / Ctrl+K,L: 列出成员
    Ctrl+Shift+空格键 / Ctrl+K,P: 参数信息
    Ctrl+K,I: 快速信息

    Ctrl+E,C / Ctrl+K,C: 注释选定内容
    Ctrl+E,U / Ctrl+K,U: 取消选定注释内容

    Ctrl+K,M: 生成方法存根
    Ctrl+K,X: 插入代码段
    Ctrl+K,S: 插入外侧代码

    F12: 转到所调用过程或变量的定义

    窗口快捷键

    Ctrl+W,W: 浏览器窗口
    Ctrl+W,S: 解决方案管理器
    Ctrl+W,C: 类视图
    Ctrl+W,E: 错误列表
    Ctrl+W,O: 输出视图
    Ctrl+W,P: 属性窗口
    Ctrl+W,T: 任务列表
    Ctrl+W,X: 工具箱
    Ctrl+W,B: 书签窗口
    Ctrl+W,U: 文档大纲

    Ctrl+D,B: 断点窗口
    Ctrl+D,I: 即时窗口

    Ctrl+Tab: 活动窗体切换

    Ctrl+Shift+N: 新建项目
    Ctrl+Shift+O: 打开项目
    Ctrl+Shift+S: 全部保存
    Shift+Alt+C: 新建类
    Ctrl+Shift+A: 新建项
    Shift+Alt+Enter: 切换全屏编辑

    Ctrl+B,T / Ctrl+K,K: 切换书签开关
    Ctrl+B,N / Ctrl+K,N: 移动到下一书签
    Ctrl+B,P: 移动到上一书签
    Ctrl+B,C: 清除全部标签

    Ctrl+I: 渐进式搜索
    Ctrl+Shift+I: 反向渐进式搜索
    Ctrl+F: 查找
    Ctrl+Shift+F: 在文件中查找
    F3: 查找下一个
    Shift+F3: 查找上一个
    Ctrl+H: 替换
    Ctrl+Shift+H: 在文件中替换
    Alt+F12: 查找符号(列出所有查找结果)

    Ctrl+Shift+V: 剪贴板循环

    Ctrl+左右箭头键: 一次可以移动一个单词
    Ctrl+上下箭头键: 滚动代码屏幕,但不移动光标位置。
    Ctrl+Shift+L: 删除当前行
    Ctrl+M,M: 隐藏或展开当前嵌套的折叠状态
    Ctrl+M,L: 将所有过程设置为相同的隐藏或展开状态
    Ctrl+M,P: 停止大纲显示
    Ctrl+E,S: 查看空白
    Ctrl+E,W: 自动换行
    Ctrl+G: 转到指定行
    Shift+Alt+箭头键: 选择矩形文本
    Alt+鼠标左按钮: 选择矩形文本

    Ctrl+Shift+U: 全部变为大写
    Ctrl+U: 全部变为小写

    代码快捷键

    Ctrl+J / Ctrl+K,L: 列出成员
    Ctrl+Shift+空格键 / Ctrl+K,P: 参数信息
    Ctrl+K,I: 快速信息

    Ctrl+E,C / Ctrl+K,C: 注释选定内容
    Ctrl+E,U / Ctrl+K,U: 取消选定注释内容

    Ctrl+K,M: 生成方法存根
    Ctrl+K,X: 插入代码段
    Ctrl+K,S: 插入外侧代码

    F12: 转到所调用过程或变量的定义

    窗口快捷键

    Ctrl+W,W: 浏览器窗口
    Ctrl+W,S: 解决方案管理器
    Ctrl+W,C: 类视图
    Ctrl+W,E: 错误列表
    Ctrl+W,O: 输出视图
    Ctrl+W,P: 属性窗口
    Ctrl+W,T: 任务列表
    Ctrl+W,X: 工具箱
    Ctrl+W,B: 书签窗口
    Ctrl+W,U: 文档大纲

    Ctrl+D,B: 断点窗口
    Ctrl+D,I: 即时窗口

    Ctrl+Tab: 活动窗体切换

    Ctrl+Shift+N: 新建项目
    Ctrl+Shift+O: 打开项目
    Ctrl+Shift+S: 全部保存
    Shift+Alt+C: 新建类
    Ctrl+Shift+A: 新建项
    展开全文
  • 知道网页制作过程中常用图片格式有哪些? 图片在整个网页中占有重要地位,大多数网页图片占比达到60%左右,所以在不同场景中使用不同图片对于web页面性能会有很大优化。文本页面常用图片格式有...

    前端面试必备个人总结

    浅谈web网页常见的图片格式

    知道网页制作的过程中常用的图片格式有哪些?

    图片在整个网页中占有重要的地位,大多数的网页的图片占比达到60%左右,所以在不同的场景中使用不同的图片对于web页面的性能会有很大的优化。文本页面常用的图片格式有:gif、png、jpg、webp等。

    图片格式的分类:
    无压缩:无压缩的图片格式不对图片数据进行压缩处理,能够准确的呈现原图片。bmp格式是其中之一。
    无损压缩:压缩算法对图片的所有的数据进行编码压缩,能在保证图片的质量的同时降低图片的尺寸。png是其中的代表。
    有损压缩。压缩算法不会对图片所有的数据进行编码压缩,而是在压缩的时候,去除了人眼无法识别的图片细节。因此有损压缩可以在同等图片质量的情况下大幅降低图片的尺寸。其中的代表是jpg。
    gif:是一种无损的基于索引色的图片格式,采用的是无损压缩,相对于bmp格式,尺寸更小,并且能够支持透明和动画,但gif只能够存储8位的索引,最多保存256种的颜色,遇到相对复杂的、细节丰富的图片不适合保存为gif,只能适合简单的logo、icon、线框图之类的。
    png:png的图片分为png-8和png-24,两者都是采用无损压缩,相比于gif对于透明的支持更好。png-8是基于8位索引色的位图格式,不支持动画,但是在相同质量的情况下,相比gif尺寸更小。png-24是基于直接色的位图格式,图片质量较高,但是尺寸相比于bmp等过大,在相对极高品质的图片要求中更推荐使用jpg。
    jpg:jpg是一种有损的基于直接色的图片格式,由于是直接色,jpg可以使用的颜色高达1600w之多,jpg非常适合色彩丰富的图片,并且将图片的尺寸大幅度的减小。
    webp:webp(发音weppy)是一种支持有损压缩和无损压缩的图片的格式,派生自图像编码格式VP8,是Google公司在2010年推出的一种图片格式,图片的压缩的体积大约只有jpg的2/3,并且能够节省大量的服务器带宽资源和数据空间。
    在面试的情况下,一定要说出上述的几种常见的图片格式(jpg,png,gif,webp),尤其是webp一定要着重提到,相比于其他的格式webp更加的年轻,意味着你是否对新事物是否了解。

    展开全文
  • 错误的推广内容有哪些? 说到糟糕的页面拷贝,大多数博客作者仍然忽略图片和视频优化。未优化的图像文件格式和大小是导致搜索引擎优化性能下降的最常见的加载时间错误。 所有的现场图像都应该像.jpg和所有的矢量...
  • HTML CSS常见的面试题

    2020-06-09 21:13:05
    1 知道网页制作会用到图片格式有哪些 png-8 png-24 gif jpeg svg Webp(重点) webp是谷歌开发一种旨在加载图片加载速度图片格式,图片压缩体积大小只有jpeg三分之二,并能节省大量服务器带宽资源和数据...
  • 在微信公众号开发指定回复消息为文本格式的时候,尝试了几种换行方式都不行,最终了解即XML的换行应使用: 在实际Web开发中,我们会到很多类似的“乱码”,这些乱码又有哪些规律呢?本文将做出解读:Web开发中常见的...
  • 那么常见的元字符有哪些呢?在我这里把常见的元字符归为以下几组: 第一组:格式组(匹配换行、回车等格式类符号) 元字符 解释说明 \n 匹配换行符 \r 匹配回车符 \t 匹配制表符 \f 匹配...
  • 前端工程师在面试过程中涉及到一些基础知识,常见的前端HTML面试题有哪些呢?本文,分享12道经典的HTML面试题给大家! 1、<image>标签上title属性与alt属性的区别是什么? alt属性是为了给那些不能看到你文档...
  • 答: 对器客户端和 服务器端之间数据传输的格式规范,格式简称为“超文本传输协议”。 HTTP(超文本传输协议)是一个基于请求与响应模式、无状态、应用层协议,常基于TCP连接方式。 HTTP1.1版本中给出一种...
  • 2.http协议头字段有哪些: Accept:表示客户端期望服务器返回媒体格式。 Accept-Charset 表示客户端期望服务器端返回内容编码格式 Content-Type 服务器向客户端发送头,代表内容媒体类型和编码格式。 Accept-...
  • 2021年Java常见面试题

    2021-06-08 10:35:32
    MySQL性能调优问题有哪些?怎么学? 关于这个,给大家看一份学习大纲(xmind)文件,每一个分支里面会有详细介绍。 这里都是以图片形式展示介绍,如要下载原文件以及更多性能调优笔记可以看文末 一、字节跳动...
  • 先来看一下组件上面都有哪些属性吧! Text:文本框。我们呢!可以在里面输入我们文字; Font:用来选择字体样式。 Font Style:字体样式;有正常,倾斜,加粗,倾斜和加粗。 Font Size:字体大小。 Line ...
  • Sitemap(即站点地图)就是您网站上各网页列表。创建并提交Sitemap助于百度发现并了解您网站上所有网页,包括百度通过传统抓取方式可能找不到网页。... 支持XML格式和TXT文本格式。  2、我可以提交多少个sit
  • 1. 工作中常用 Linux 命令有哪些? 2.什么命令可以帮助 Linux 执行 Windows 上传脚本? 改变编码格式 vim test.sh :set ff?// 显示dos话 :set ff=unix:wq 3简述 Linux 三剑客 grep 命令 根据用户...
  • 不同编译器给出不同结果, 有的为 3, 有的为 4, 哪个是正确? o 4.4 这是个巧妙表达式: a ^= b ^= a ^= b 它不需要临时变量就可以交换 a 和 b 值。 o 4.5 我可否用括号来强制执行我所需要计算顺序? o ...
  • 简述圣杯布局、双飞翼布局实现原理4:简述精灵图原理以及其优缺点5:简述BFC规则以及解决问题6:文本溢出显示省略号如何实现7:简述网页中常见图片格式及特点8:常见浏览器兼容性问题9:h5有哪些新增特性10:...
  • 变量常见习题1、什么是shell变量2、变量有哪些类型3、变量定义方式4、变量计算5、printf格式化输出文本颜色6、$ @和$*有什么区别?7、如何给变量设置默认值 1、什么是shell变量 shell变量是用一个固定字符串去...
  • 常见的索引形式,MongoDB默认创建_id索引也是这种类型 我们可以使用createIndex({索引键:排序规则})函数来创建单字段索引 语法格式:db.collection_name.createIndex({索引键名:排序规则}) 实例:为dev集合中的...
  • 我们每天都在接触编程,接触linux系统,那么常见的目录和文件都有哪些,他们都有什么作用? 1 初识目录结构 2 初识文件 2.1 文件类型 2.1.1 文件 第一个属性为 [-]。最常用的类型,包括 纯文本文件(ASCII);...
  • 6、从类似如下的文本文件中读取出所有的姓名,并打印出重复的姓名和重复的次数,并按重复次数排序: 71 7、写一个Singleton出来。 75 8、递归算法题1 77 9、递归算法题2 78 10、排序都哪几种方法?请列举。用JAVA...
  • hadoop面试问题

    千次阅读 2019-02-13 16:47:16
    2HDFS常见的数据压缩格式有哪些,介绍其中一种详细的实现方式 Gzip 优点是压缩率高,速度快。Hadoop支持与直接处理文本一样。 缺点不支持split,当文件压缩在128m内,都可以用gzip Izo 优点压缩速度快 合理...
  • 意义:学习HTML实际上就是学习有哪些HTML标签, 以及这些标签使用方式 HTML常见标签 一、常见文本相关标签 1.内容标题h1-h6 显示特点: 数值越小字体越大, 自带加粗和上下间距,独占一行 段落标签p 显示特点: 独占一...
  • 常见的CMS系统有哪些? DedeCMS V5.6文件目录结构说明 |a /* 生成HTML的目录,老版本为html文件夹 */ |data /* 程序生成常用数据保存目录 */ | |admin /* 保存系统后台常规配置,例如作者、快速导航、...
  • http协议

    2019-01-26 10:52:41
    2 数据在网络传输常见的规则有哪些:http,ftp,pop3,pop,imap,流媒体协议 3 。 http 是htpyer text transform protocal: 即超文本传输协议 ,html 是超文本标记语言 4 http 的模型:是基于请求-响应的模型,协议...
  • 开发中偶尔会固定模板导出word的需求,常见的导出通常通过直接修改xml或者通过工具库代码调整样式输出,这些方式开发困难并且不利于后期维护。 一些规则的文档需要人工填写,费时费力,此时配置数据库做模板渲染...
  • 许多优秀文章小说等都采用PDF格式,若复制其中的内容保存到PPT文本中进行阅读,可不是一件轻而易举的事...怎样把PDF转换成PPT,常见的一些有用的方法有哪些。  将PDF文档转换成PPT文档的工具软件:迅捷PDF转换成P...
  • HTTP协议

    2021-04-27 17:31:56
    2、GET方法与POST方法的区别3、HTTP请求报文与响应报文格式4、常见的HTTP相应状态码5、HTTP1.1版本新特性6、常见HTTP首部字段7、HTTP的缺点与HTTPS8、HTTP优化 摘要 http请求由三部分组成,分别是:请求行、消息报头...
  • Linux下文件类型

    2013-12-03 09:30:24
    使用ls –l输出结果时,第一列的第一个字符代表了不同的文件类型。那么,在Linux下都有哪些文件类型呢?...其中文本文件是在Linux中最常见的一种文件类型,可以使用常见的文件编辑器如nano、vi等打开和...

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 131
精华内容 52
关键字:

常见的文本格式有哪些