• 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或其他工具测量计算每一个背景单元的精确位置,这是针线活,没什么难度,但是很繁琐

  • 相关阅读:
    2020.4.10个人总结
    CG-CTF simple machine
    CG-CTF Our 16bit wars
    CG-CTF Our 16bit Games
    CG-CTF single
    CG-CTF WxyVM2
    Go Channel 详解
    Go语言TCP Socket编程
    golang mysql demo
    YouCompleteMe unavailable: requires Vim compiled with Python 2.x support
  • 原文地址:https://www.cnblogs.com/dshvv/p/5395705.html
Copyright © 2020-2023  润新知