###1、html document 是干嘛的?
HTML(超文本标记语言——HyperText Markup Language)是构成Web世界的基石。它描述并定义了一个网页的内容
HTML使用“标记”来注明文本、图片和其他内容,以便于在Web浏览器中显示。HTML标记包含一些特殊“元素”
如<head>,<title>,<body>,<header>,<footer>,<article>,<section>,<p>,<div>,<span>,<img>等等。
Document 接口提供了一些在浏览器服务中作为页面内容入口点而加载的一些页面,也就是 DOM 树。
DOM 树包括诸如 <body> 和 <table> 之类的元素,及其他元素。其也为文档(document)提供了全局性的函数,
例如获取页面的 URL、在文档中创建新的 element 的函数。
Document接口描述了任何类型的文档的公共属性和方法。根据文档的类型 (例如 HTML、XML、SVG, ... ),
可以使用更大的API: HTML 文档,
以text / html内容类型提供, 也实现了HTMLDocument接口,而SVG 文档实现了 SVGDocument 接口。
2、html 5 哪些操作可以 SEO优化
头部标签<header>:定义了站点的头部信息,也就是页眉,一般放置网站的站点名称以及LOGO和导航栏。
搜索引擎更容易识别站点的类型。
导航标签<nav>:定义导航链接,也就是栏目或者频道的链接。搜索引擎可以更好了解网站的信息架构,分类等。
良好的信息架构,更有利于蜘蛛的爬行和权重的分布。
页脚<footer> :定义了底部信息,也就是页脚。放置页脚导航,一些比如公司介绍,联系我们之类的信息。
一般来说对网站比较不重要,有可能搜索引擎会降低其位置的权重。
<section> :该元素用来表示网页中不同的分区。优势体现在每个部分都可以有其独立的HTML标题。
这可以让搜索引擎更好的了解网页的结构是如何划分的。搜索引擎可能会根据网页中的<section>
标签找出其信息架构。(同左撇子)
文字标签 <article> :定义文章区域,可以更有利于搜索引擎识别网页的内容以及判断相关性。,
左或右侧标签<aside> :定义页面内容之外的内容,在左侧或右侧边栏。比如知乎右侧的“相关问题”就属于<aside>
区域。aside标签的文字信息与article标签区域的文字信息最好是相关。可能会影响到该页面和目标页面的排名。
这些结构元素有些在HTML4时代,一般是用div来定义。
如<div id="header"> 、<div id="nav">
和<div id="footer"> ,但是难免有些网站会采用其它的命名方式。
而HTML就把这些都标准化了,规范化了,简洁明了。更有利于搜索引擎衡量网页上的内容和相关性,
甚至分配权重的流向。
一、使搜索引擎更加容易抓去和索引
对于一些网站,特别是那些严重依赖于FLASH的网站HTML5是一个大福音。如果你有一个都是FLASH的站点,
你就一定会看到切换到HTML5的好处。首先,搜索引擎的蜘蛛将能够抓去你的站点和索引你的内容。
所有嵌入到动画中的内容将全部可以被搜索引擎读取。在搜索引擎优化的基本理论中,这一方面将会驱动你的网站获得更多的右击流量。
二、提供更多的功能,提高用户的友好体验
使用HTML5的另一个好处就是它可以增加更多的功能。对于HTML5的功能性问题,
我们可以从全球几个主流站点对它的青睐就可以看出。社交网络大亨Facebook已经推出他们期待已久的基于HTML5的iPad应用平台,
潘多拉最近也推出他们基于HTML5的音乐播放器的新版本。游戏平台Zynga最近也在推出了三款新的在移动设备浏览器上运行的基于HTML5的游戏等等。
每天都有不断的基于HTML5的网站和HTML5特性的网站被推出。保持站点处于新技术的前沿,也可以很好的提高用户的友好体验。
三、可用性的提高,提高用户的友好体验
最后我们可以从可用性的角度上看,HTML5可以更好的促进用户于网站间的互动情况。
多媒体网站可以获得更多的改进,特别是在移动平台上的应用,使用HTML5可以提供更多高质量的视频和音频流。
到目前位置,事实就是iPhone和iPad将不会支持FLASH,同时ADOBE公司也在近期公开声明将停止FLASH基于移动平台的开发,
现在我们已经可以这么说移动平台日后视频音频是HTML5的天下。
可以肯定的是,越来越多的SEOer开始研究对于HTML5站点的优化,对于搜索引擎来说,
他们也会不断的更新算法来适应HTML5的发展。
3、css 盒模型有哪些及区别 content-box border-box padding-box
box-sizing: content-box:
这是默认样式指定CSS标准。测量winth和height属性只包括的内容,但不是border, margin, 或者 padding
box-sizing: padding-box:
winth和height属性包括padding的大小,不包括border和margin
box-sizing: border-box:
winth和height属性包括padding和border,但不是margin。这是盒模型的文档时,Internet Explorer使用Quirks模式
box-sizing: inherit
指定box-sizing属性的值,应该从父元素继承
4、重排重绘机制 webkit渲染页面的步骤
5、body 有一个捕捉机制的事件 里面某一个块的事件 有没有办法不触发捕捉机制
6、解决回调地狱的方法 (回答 Promise 再问还有 什么? 回答 Observerble 再问还有什么? 不知道了)
7、Promise.then reject了 后续的catch 还会不会致行
8、let A = Promise对象 SetTimeout(执行Promie.then(alert(a))) 会有什么结果
9、nodejs 错误处理机制 以及报错后 不断开继续执行 (应该不是用类似nodeman那种方式)
10、Hybrid native 和 rn 的区别 以及 优劣
11、 最近项目中遇到的问题 以及解决方案 (聊了 UIWebview 和 WkWebview ) JAVA IOS里的一些兼容性 的坑
12、 发短信倒计时 如果客户退出浏览器 怎样下次进来 如果时间还一分钟之内 继续倒计时 (回答了 localStorye存退出时间以及剩余时间 反问 用户改了本地系统时间再进来怎么 回答了 服务端保存数据 下次访问 提取 反问 服务端不想保存这些无效数据 有没有别的解决方案)
13、模糊搜索 比如300多个城市 有汉字有拼音 怎么处理搜索 (回答 两条链表 汉字字母对应 模糊搜索 如果搜索a州 跳出杭州 如果搜索 aa 杭州排除 问了好半天 最后给出 要循环搜索600个数据的解决方案 问我有没有更加的解决方案 )(现在想到了 用WebAsemmbly做数据处理)
14、es5 + es6 值类型有什么
15、typeof instanceof 区别
16、typeof null 返回什么
17、instanceof undefined 返回什么
18、检测数组的方法 回答 Array.isArrary 还有什么? 先typeof 再instanceof
19、浮点型数据 相减。。 (*100 再减 再除100 再问,不确定浮点位数咋办? 懵逼)
20、IE浏览器 开启怪异模式的方式是什么? (高程里看到过 不过不记得了)
21、js实现 vue-rooter 单页不刷新页面路由跳转?
22、vue 状态机制 数据绑定机制 在别的什么地方 你用过这个机制
23、函数式编程 纯函数 怎么理解?
24:设浮点数共12位,其中阶码含1位阶符共4位,以2为底,补码表示。尾数含一位数符共8位,补码表示,规格化。该浮点数所能表示的最大正数是?
解答:首先,我们马上可以构想出补码最大时的样子,因为和原码一样,是0.1111111…1形式。
这里呢,尾数含数符共8位,所以是0.1111111(7个1) , 我做的时候没有计算,直接认为是2−2(−7)
实际上稍微算一下:
2−1+2−2+…+2−7=2−1⋅(2−7−1)/(2−1−1)=1−2−7.
所以,很容易就得到了最大的尾数是什么。
再看阶符,含符号位共4位,补码形式的阶码,那么最大自然就是27.
所以最大的浮点数就是27∗(1−2−7)=27−1.