前端4-1-4：Web开发、＜textarea＞、地理定位API、link和@import区别

1、下面关于WEB开发中，常见的技术和问题描述正确的是：( )

A、CSS selector中，支持按照元素的id选择，元素的名称进行选择，元素的class属性进行选择，比如 “#div .red”就是选择CSS class属性中包括red的所有的div元素

B、JSON是一种以JavaScript语法表示的数据对象格式，比如描述一个学生，包括，其中，姓名，年龄就可以这样表达 {name: "John"， age: 18}

C、HTML页面中的第一个指令：表明这是一个符合HTML5标准的页面

D、不同的浏览器对HTML渲染的方式稍有差异，但是所有的主流浏览器都支持JavaScript语言，而且提供的JavaScript的编程环境都是一致的

E、HTML页面装载时，首先把整个HTML页面下载下来，再根据HTML中出现的顺序依次下载它引用的外部的JavaScript代码和图片资源，最后才执行页面中的JavaScript代码

F、JavaScript中的函数就是一个对象，每个函数对象都继承了JavaScript的Function类

【解析】

A.“#div .red”就是选择CSS class属性中包括red的所有Id为div元素

B.{ "name": "John"， "age": 18},json数据中的键都需要添加""(双引号）

D.不同浏览器提供的编程环境不一致（包括html、css、js编程的不一致），所以在编程时才要使用 -ms、-webkit、-moz来实现不同浏览器的兼容性（解决css编程不一致）

E.JS文件按在HTML中引入的顺序依次载入（不是最后载入），在载入后马上执行，执行时会阻塞页面后续的内容（包括页面的渲染、其它资源的下载）

F.箭头函数没有super关键字，所以箭头函数没有继承任何对象，也就不可能继承Function类。

2、页面导入样式文件时，对于使用link和@import说法错误的是 （）

A、link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS

B、页面被加载的时，link和@import引用的CSS都会等到页面被加载完再加载

C、import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题

D、link支持使用js控制DOM去改变样式，而@import不支持

【知识点】

link和@import的区别：

1）link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

2）link可以加载CSS，Javascript；@import只能加载CSS。

3）link加载的内容是与页面同时加载；@import需要页面网页完全载入以后加载。

用法：

1）link的写法：
<link rel="stylesheet" href="index.css">

2）import的写法：
<style type=”text/css”>
    @import url（“index.css”）；
</style>

3、关于 HTML5 中的地理定位 api，下列哪个选项是正确的？

A、HTML5 地理定位 API 允许您与您喜爱的 web 站点共享您的位置

B、一个 javascript 可以捕获你的纬度和经度，并可以发送到后端 Web 服务器，做一些奇特的位置感知的事情，比如找到本地企业或在地图上显示你的位置

C、如今，大多数浏览器和移动设备都支持地理定位 API

D、其他都是

【知识点：地理定位API】

地理定位是HTML5中新增的API特性，它允许JavaScript程序向浏览器询问用户真实的地理位置
识别地理位置的一些应用就可以使用它来显示地图、导航和其它一些与用户当前位置有关的信息
Geolocation API存在于navigator对象中，只包含3个方法：1、getCurrentPosition //当前位置。2、watchPosition //监视位置。3、clearWatch //清除监视
许您与您喜爱的 web 站点共享您的位置
一个 javascript 可以捕获你的纬度和经度，并可以发送到后端 Web 服务器，做一些奇特的位置感知的事情，比如找到本地企业或在地图上显示你的位置
大多数浏览器和移动设备都支持地理定位 API

4、下列标签中哪个表示一个文本区域？（）

A、<textarea></textarea>

B、<input type=”textarea”/>

C、<input name=”textarea” type=”text”/>

D、<textarea type=”textarea”></textarea>

【知识点：textarea标签】