百度Html5开发面试题
本文已影响1.44W人
本文已影响1.44W人
百度Html5开发面试题,目前前端开发涉及的技术比较多,从最基本的HTML、CSS到React和Vuejs等,已经有数百万的开发者开始转向HTML5开发行业,也有越来越多的学员选择了参加HTML5培训班。那么来看看百度Html5开发面试题吧。
百度Html5开发面试题1
一、网友提问:我是一家上市公司,如何找到靠谱不贵的H5供应商?
陶老师:随着微信、微博、LinkedIn乃至Facebook和Twitter,纷纷对H5分享的友好支持,企业对H5的需求也与日俱增,最近也有好多企业找到博看文思要求定制化H5的开发。事实上,随着技术的成熟,和各种H5工具的出现,H5制作已经逐渐走向标准化了,成本问题也随之一些工具的出现有了极大的改善。想要找到千万级PV的H5也是有一定规律的。
如果你预算和时间充足的话,我推荐你关注BlueMP的定制开发服务。不单单有你所需要的:策划、设计、开发、推广、监测等服务,更重要的是物超所值。有兴趣的朋友可以关注一下。
二、网友提问:我是平面设计,之前没有接触过编程可以学习HTML5开发吗?
陶老师:完全没有问题,有平面设计的基础,对学习HTML5有很大帮助的。
众所周知,博看文思作为国内最早的HTML5研发和实训机构,在课程体系上保持着实时更新。在课程设置上,本课程从HTML 5基础的功能讲起,起点低,容易入手和掌握。理论与真实项目完整结合,每一个概念都精选了一个完整的实例,增强学员动手能力,从而保证学员成为一名合格的HTML5开发工程师。
三、网友提问:如何使用HTML5改进移动Web应用开发?
陶老师:HTML5是一种标记语言,与Java和CSS3一起,构成了每个开发者的核心技术,HTML5拥有自己的API以及一组被主流浏览器兼容的标准API,同时一些特殊被API,比如本地存储也被许多浏览器支持。想要改进移动Web应用的开发重点要关注兼容性。主要是屏幕的尺寸和分辨率,更重要的是,要在各种尺寸的屏幕上测试。检查图片是否被现实;是否可以横向滚动;是否所有的功能都可以工作;是否支持所有格式的文件;需要全面的检查你的网站,确保使用HTML5开发的移动网站获得完美的效果。尽量避免使用表格、隐藏图形、弹出窗口等内容。
四、网友提问:我去美团面试前端遇到一个面试题:“ajax在jquery的底层是怎么实现的呢?请指教。”
陶老师: jQuery底层是实现ajax功能时,也同样调用了Java中对象,先是对这个对象进行浏览器兼容性的处理,它的处理则不仅是IE和其他浏览器,而是包含更多,以确保该对象的实现。
其次,它将对象打开请求地址时的相关参数封装在相关函数(如ajax())的配置项中,一旦传入了必需选项,则直接调用相应的send()方法进行数据的请求。
最后,jQuery底层将对象请求后返回的数据结果,直接封装到相关函数的success方法中,所以,一旦异步请求成功,返回的数据对象直接注入到方法中,因此,可以调用success方法获取服务端返回的数据。
五、网友提问:百度的技术经理要我列举至少5种前端性能优化的具体方法,简要说明理由,想听听老师的建议。
陶老师:方法有很多种,请参考。
1.尽量减少对服务端的数据请求,因为每一次的请求需要消耗大量的资源,而且产生页面的等待,对用户的UI体验特别差,因此,可以将多次的数据请求合成为一次,获取后再次分割进行保存,然后再使用。
2.对JS、CSS、图片文件的体积进行相应的压缩,因为每次页面的加载都需要考虑到整体页面的大小,如果页面包含的文件体积太大,也不利于主页面加载的速度,用户在UI体验上也会大打折扣。
3.使用页面缓存,当展示一些不经常变动的数据时,可以直接使用页面的本地缓存对象,这样的话减少页面对服务端的依赖度,而且有利于页面加载的速度,极大优化了用户的UI体验。
4.在进行js文件调用时,尽量将该文件放置在元素的结尾处,这样的话即使导入的js文件体积很大,也不会阻塞主线程页面的加载。
5.启用服务器Gzip,网页压缩技术:启用服务器Gzip,对页面Gzip压缩,减少元素的体积,从而减少数据的传输,进而提高网页的加载速度。
百度Html5开发面试题2
1.什么是HTML5?
答:HTML5是最新的HTML标准。
注意:讲述HTML5推出的.设计目的,以及现在市场的使用情况,浏览器支持情况等。。。。
设计目的
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式,包括:
· 新的解析规则增强了灵活性
· 新属性
· 淘汰过时的或冗余的属性
· 一个HTML5文档到另一个文档间的拖放功能
5中什么是不同的新的表单元素类型?
答:提示本地验证表单需要再外面添加form标签包起来,才能查看效果
color
date
datetime-local
time
url
range
telephone
number
search
5的页面结构同HTML4或者更前的HTML有什么区别?
答:一个典型的WEB页面包含头部,脚部,导航,中心区域,侧边栏。现在如果我们想在在HTML4的HTML区域中呈现这些内容,我们可能要使用DIV标签。
但是在HTML5中通过为这些区域创建元素名称使他们更加清晰,也使得你的HTML更加可读
以下是形成页面结构的HTML5元素的更多细节:(注意主要考的是标签语意化)
:代表HTML的头部数据
:页面的脚部区域
:页面导航元素
:自包含的内容
:使用内部article去定义区域或者把分组内容放到区域里
:代表页面的侧边栏内容
4.哪些浏览器支持HTML5?
答:几乎所有的高版本浏览器Safari,Chrome,Firefox,Opera,IE8以上都支持HTML5
5.为什么HTML5里面我们不需要DTD(Document Type Definition文档类型定义)?
答:HTML5没有使用SGML或者XHTML,他是一个全新的东西,因此你不需要参考DTD,对于HTML5,你仅需放置下面的文档类型代码告诉浏览器识别这是HTML5文档即可
5的离线储存?
答:localStorage 长期存储数据,浏览器关闭后数据不丢失;
sessionStorage 数据在浏览器关闭后自动删除。
7.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?
答:
(1) 在线的情况下,浏览器发现html头部有manifest属性,它会请求manifest文件,如果是第一次访问app,那么浏览器就会根据 manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面,然后 浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变,就不做任何操作,如果文件改变了,那么就会重新下载文件中的资 源并进行离线存储。
(2)离线的情况下,浏览器就直接使用离线存储的资源。
8.请描述一下 cookies,sessionStorage 和 localStorage 的区别?
(1)cookie在浏览器和服务器间来回传递, sessionStorage和localStorage不会。
(2)sessionStorage和localStorage的存储空间更大。
(3)sessionStorage和localStorage有更多丰富易用的接口。
(4)sessionStorage和localStorage各自独立的存储空间。
9.页面可见性(Page Visibility)API 可以有哪些用途?
答:在页面被切换到其他后台进程的时候,自动暂停音乐或视频的播放。
5的form如何关闭自动完成功能?
答:给不想要提示的input是设置autocomplete=off即可。
长面MM适用3款HOT发型修面
h&m velvet lip cream 色号belle epoque试色
Hello kitty新款蓝牙耳机 MM杀手卡哇依诱惑无法挡的凯蒂猫
Helmut Lang官网地址 Helmut Lang的衣服怎么样
泰星film thanapat身高多少 Film Thanapat个人资料背景介绍
Paul Smith中国官网地址 Paul Smith算奢侈品吗
Hotel&百年新娘 韩剧女主彩妆百年秀
tf口红Clash真人试色 tf银管05Clash什么颜色好看吗
王嘉尔新歌bullet to the heart哪里可以听 bullet to the heart完整版歌词
抖音listen to my heart是什么歌 listen to my heart歌词完整版
抖音i think i lose my mind是什么歌 i think i lose my mind完整歌词
forty fathoms面霜怎么样 forty fathoms面霜好用吗
MBTI测试火遍全网,话题12.5亿次阅读
The Balm The Manizer Sisters三色修容盘色号怎么选
Helmut Lang什么档次 Helmut Lang什么牌子
met gala舞会放的什么歌,met gala晚会主题背景音乐盘点
Hiphopman选了谁和他battle HiphopMan一对一Battle选了谁
抖音版girl in the mirror谁唱的 girl in the mirror歌词介绍
初次约会聊什么不冷场 试试这三个百搭话题
抖音开抢手指舞背景音乐是什么歌 call of the ambulanc在哪可以听
Bvlgari宝格丽BLV Notte Pour Homme月色撩人深夜男性香水
百丽甜酒多少度 百丽甜酒喝了能开车吗
Tommy Hilfiger是什么牌子 Tommy Hilfiger是哪个国家的牌子
高热量饮食必备!FANCL HealthScience Calolimit纤体热控片&成人热控片让你瘦
met gala主题是什么意思 met gala在哪里举行
mac唇釉tatto my heart试色 mac唇釉专柜价格
forty fathoms面霜价格是多少 forty fathoms面霜怎么样
lvmh是lv吗 lvmh是什么品牌 lvmh旗下的品牌
HR常用的面试方法和面试问题
the balm是什么牌子 the balm什么档次
the balm是什么牌子 the balm是什么档次
the balm眼影盘好用吗 the balm眼影盘多少钱
Folli Follie Heart4Heart邀你欢度情人节
匡威黑色版本all star j vtg 50 hi 什么时候发售多少钱
aj5 international flight什么时候发售 aj5 international flight发售价格时间
王嘉尔新歌上线 bullet to the heart推特全球趋势第一
求职面试时最适合问的6个问题(图)
白百何风波公开表态 出轨后首露面发声承认离婚
Web前端开发--HTML5+CSS3 分享给大家参考
匡威1970Flight School多少钱 匡威All Star70 Flight School发售日期
kith x lebron15发售价格 kith x lebron15哪里可以买到
TAYLOR SWIFT首登GQ封面 演绎百变LOB发型
宋茜最新机场卫衣是什么牌子 Vetements&Tommy Hilfiger联名款卫衣怎么样