1.名字忘了

1.h5文档类型和字符集是?
<!DOCTYPE html>
<meta charset="utf-8" />


2.请描述h5的canvas
canvas是HTML5中的新元素,你可以使用javascript用它来绘制图形、图标、以及其它任何视觉性图像。它也可用于创建图片特效和动画。
canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成
所以一句话就是:HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。


3.描述下h5的存储类型与cookie的区别
h5的存储类型:
HTML5 提供了两种在客户端存储数据的新方法:
localStorage(永久性的本地存储) - 没有时间限制的数据存储。
sessionStorage(会话级别的本地存储) - 针对一个 session 的数据存储,网站关闭就消失。

区别1:传递与否
cookie 不适合大量数据的存储,因为它们都会随每个对服务器的请求,附加传递到服务器,这使得加载速度很慢而且效率也不高。所以cookie 不适合大量数据的存储
但在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。

区别2:创建过程:
document.cookie="name1=value1;name2=value2"; //实质是字符串,因此太长解析太慢,解析还需要自写方法
localStorage.name="value1"; //创建更方便,提取直接localStorage.name


区别3:大小,时常的限制
大多数浏览器只允许每个站点存储 20 个Cookie(最大4096 字节/Cookie);
有些浏览器还会对它们将接受的来自所有站点的 Cookie 总数作出绝对限制,通常为 300 个
如果试图存储更多 Cookie,则最旧的 Cookie 便会被丢弃。
默认cookies失效时间是直到关闭浏览器,cookies失效,也可以指定cookies时间。
但h5的本地存储,在最新的JS的API中增加了localStorage对象,以便于用户存储永久存储的Web端的数据。
而且存储数据的大小机会不用考虑,因为在HTML5的标准中要求浏览器至少要支持到4MB.


4.请描述h5的Application Cache
H5提供了很多新的功能以及相应的接口,离线存储就是其中的一个。
离线存储可以将站点的一些文件存储在本地,在没有网络的时候还是可以访问到以缓存的对应的站点页面,其中这些文件可以包括html,js,css,img等等文件,
但其实即使在有网络的时候,浏览器也会优先使用已离线存储的文件,返回一个200(from cache)头。这跟HTTP的缓存使用策略是不同的。

5.h5新增加的API
canvas,不用多说,可以画出很多绚丽的图形,甚至可以直接做出伪3D游戏。
媒体控制,也很好理解(直译就是回放功能,假如只用html5.0以下的标签写,以前的音乐播放是不可能实现滚动条的。)
拖动,可以将文件拖动到某些区域上传
客户端数据存储,localstoage sessionstoage
地理位置共享
电池API
本地数据库
索引数据库
离线存储

6.以下执行结果是什么?

<script type="text/javascript">
  for(i=0, j=0; i<10, j<6; i++, j++){v=i+j;alert(i)}
</script>

 

陆续弹出0,1,2,3,4,5

7.js的typeof返回哪些数据类型?
typeof 运算符把类型信息当作字符串返回。
typeof 返回值有六种可能: "number", "string" ,"boolean", "object", "function" 和 "undefined"

8.ajax中get和post的区别
使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来
使用Get请求发送数据量小,Post请求发送数据量大
使用Get请求,数据会被客户端的浏览器缓存起来,post不会
总之,GET方式传送数据量小,处理效率高,安全性低,会被缓存,而POST反之。

9.以下执行结果是什么?

<script>  function test(x){var tmp=3;return function(y){alert(x+y+(++tmp))}}var bar=test(2);bar(10);</script>

 

弹出16

10.简述css的盒子模型,行内元素与块级元素都有哪些?
css中的盒子模型是为了充分理解div+css模型的定位功能,就是利用盒子模型这样的布局方式代替了传统的表格布局方式。
通过这个模型你就可以明白网页中div和div之间的相对位置是如何布局的。

11.请简述postion的值?

12.Css Sprites的优缺点
CSS图像拼合
利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能
CSS Sprites能减少图片的字节
开发和维护比较麻烦,要通过photoshop或其他工具测量计算每一个背景单元的精确位置,这是针线活,没什么难度,但是很繁琐

 

转载于:https://www.cnblogs.com/dshvv/p/5395705.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/418653.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端学习(1877)vue之电商管理系统电商系统之头部布局

目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vue import Home from ./components/Home.vueVue.use(Router)const router new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login},{pat…

springMVC 后端代码 如何用 @requestParam() 接收前台传过来的数组

https://blog.csdn.net/bigtree_3721/article/details/71479667 https://www.jb51.net/article/130922.htm https://blog.csdn.net/gao454917848/article/details/46355877 第二种 &#xff1a; serviceWorkOrderList.search function () {var queryData {};queryData[wo…

.net 任务(Task)

1. Task &#xff08;任务&#xff09;&#xff1a; 很容易调用 ThreadPool.QueueUserWorkItem 实现异步操作&#xff0c;但是这个技术有许多 .net 引入Task类型来使用任务。 如下几种方式都是实现异步的方法&#xff1a; public static void Method(){ThreadPool.QueueUserWor…

前端学习(1878)vue之电商管理系统电商系统之左侧菜单布局

目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vue import Home from ./components/Home.vueVue.use(Router)const router new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login},{pat…

Activiti工作流6.0表结构介绍

https://blog.csdn.net/qq_38011415/article/details/101127222

Ubuntu 16.04 搭建Android开发环境

1、Installing Java sudo add-apt-repository ppa:webupd8team/java sudo apt-get update sudo apt-get install oracle-java8-installer After that sudo apt-get install oracle-java8-set-default 2、Installing Android Studio (1) Download Android Studio from here or h…

前端学习(1879)vue之电商管理系统电商系统之通过axios拦截器添加token认证

目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vue import Home from ./components/Home.vueVue.use(Router)const router new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login},{pat…

activiti5.22 springboot 流程引擎 实战全过程

https://blog.csdn.net/ssyujay/article/details/83896809

前端学习(1880)vue之电商管理系统电商系统之获取左侧菜单数据

目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vue import Home from ./components/Home.vueVue.use(Router)const router new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login},{pat…

OpenGL学习之路(二)

1 引子 在上一篇读书笔记中&#xff0c;我们对书本中给出的例子进行详细的分析。首先是搭出一个框架&#xff1b;然后填充初始化函数&#xff0c;在初始化函数中向OpenGL提供顶点信息&#xff08;缓冲区对象&#xff09;和顶点属性信息&#xff08;顶点数组对象&#xff09;&a…

eclipse安装lombok

https://blog.csdn.net/Dorothy1224/article/details/79280591 https://blog.csdn.net/z_z_h_0/article/details/85119163

前端学习(1881)vue之电商管理系统电商系统之双层for循环渲染数据

目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vue import Home from ./components/Home.vueVue.use(Router)const router new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login},{pat…

iOS之本地推送通知使用介绍

推送通知作用&#xff1a;可以让不在前台运行的app,告知用户app内部发生了什么事情 如何发送本地通知&#xff1a; 发送本地通知步骤&#xff1a; 1.创建本地通知对象 2.设置本地通知内容 3.调度本地通知 具体实现代码&#xff1a; 注意&#xff1a;iOS7通过上述代码可以完成发…

Swagger2 @ApiImplicitParam中dataType和paramType的区别?

https://blog.csdn.net/it_erge/article/details/91492997

前端学习(1882)vue之电商管理系统电商系统之设置字体颜色并添加标签

目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vue import Home from ./components/Home.vueVue.use(Router)const router new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login},{pat…

前端学习(1883)vue之电商管理系统电商系统之每次只能打开一个菜单项并解决边框问题

目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vue import Home from ./components/Home.vueVue.use(Router)const router new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login},{pat…

第一次冲刺阶段(三)

今天下午我们团队进行了第三次站立会议&#xff0c;总结了昨天的进展状况&#xff0c;的的确确出现很多问题&#xff0c;进展微乎其微&#xff0c;我们对安卓开发知识不熟悉&#xff0c;导致我们举步维艰&#xff0c;很考验耐性与团队的协作能力&#xff0c;我们必须坚持下去&a…

前后端分离之JWT用户认证

https://www.cnblogs.com/wenqiangit/p/9592132.html