zoukankan      html  css  js  c++  java
  • HTML5与CSS3权威指南.pdf6

    第11章 获取地理位置信息

    HTML5为window.navigator对象新增了一个geolocation属性

    取得当前地理位置

    void getCurrentPosition(onSuccess,onError,options);

    第一个参数为获取成功执行的回调函数,第二个为失败时执行的回调函数,第三个为一些可选属性的列表(第二个和第三个可选)

    navigator.geolocation.getCurrentPosition(function(position){

        //获取成功时的处理(参数position为一个position对象)

      })

    getCurrentPosition方法的第二个参数为获取失败时调用的函数,可以是一个提示框等

    当浏览器询问用户是否共享位置信息,选择否也会引发错误,回调函数有一个error对象,具有两个属性

    code属性:用户拒绝了位置服务(值为1)  获取不到位置信息(值为2)  获取信息超时错误(值为3)

    message属性:为一个字符串,包含了错误信息,在调试时有用处

    getCurrentPosition方法的第三个参数,可以有:

    enableHighAccuracy:是否要求高精度地理位置信息,需要综合考虑设备电量、具体地理情况来考虑,多数情况下为默认

    timeout:对地理位置信息获取操作的限时操作(单位毫秒),在规定时间未获取到则返回错误

    maximumAge:对地理位置信息进行缓存的有效时间(毫秒),过期后尝试再次获取信息

    navigator.geolocation.getCurrentPosition(

        function(position){...},

        function(error){...},

        {maximumAge:60*1000*2,timeout:5000}

      )

    持续监视当前地理位置的信息(定期自动获取)

    int watchCurrentPosition(onSuccess,onError,options);

    其参数与getCurrentPosition方法相同,同时返回一个数字,可以被clearWatch方法使用,停止监视

    停止void clearWatch(watchId);

    position对象:获取地理位置成功以后,调用的回调函数访问position对象的属性

    latitude:维度

    longitude:经度

    altitude:海拔高度,不能获取则为null

    accuracy经纬度的精度(米)

    altitudeAccurancy海拔高度的精度(米)

    heading设备的前进方法,面朝正北的顺时针角度表示,不能获取则为null

    speed设备的前进速度,不能获取则为null(米/秒)

    timestamp获取位置时的时间

    第12章 CSS3概述

    CSS3中,没有采用总体结构,而是采用分工协作的模块化结构

    模块式的好处在于防止某些浏览器不完全支持一些功能时,拆分成多个模块以逐步支持

    第3章 选择器

    在样式中指定class缺点有:class本身没语义;使用混乱

    属性选择器[att*=val][att^=val][att$=val]

    结构性伪类选择器

    伪类选择器就是CSS中已经定义好的选择器,不可以随便改名(前加“:”)

    a:link a:visited a:hover a:active first-line first-letter before after

    root选择器:将样式绑定到页面的根元素(整个<HTML>)

    not选择器:排除这个结构元素下面的子结构元素

    empty选择器:指定元素内容为空白时使用的样式

    target选择器:<a href="#text1">文字</a>,跳转到id等于text1时,变化的样式

    first-child last-child nth-child(:nth-child(3)第3个元素 若odd为奇数)和nth-last-child(:nth-last-child(3)倒数第3个元素 若even为偶数)

    nth-of-type和nth-last-of-type,按照类型排序,上例是指全部元素的奇数元素的一个,这里指全部奇数元素的某一个

    only-child选择器:仅仅只有一个子元素时应用样式

    UI元素状态伪类选择器

    除了结构性伪类选择器外,还有UI元素状态伪类选择器

    :hover :active :focus :enabled(可用) :disabled(不可用):read-only(只读readonly="readonly") :read-write(非只读) :checked(radio单选框或checkbox复选框处于选取状态,Firefox必须写成-moz-checked)  :default(单选或复选框处于默认选取状态):indeterminate(任何一个单选框都没有被设定为选取状态时,整体的样式,用户选中其中一个则样式被取消):selection(元素处于选中状态)

    通用兄弟元素选择器

     <子元素>-<子元素之后的兄弟元素>{}

  • 相关阅读:
    Asp.net 动态添加Meta标签
    【转】在SharePoint Server 2010中更改“我的网站”
    SPQuery DateTime 类型查询
    Asp.net Web Application 打开 SharePoint 2010 Site 错误 The Web application at could not be found
    How To Create SharePoint 2010 Site Collection In Its Own DB
    C# 文件打印
    面试题 java集合
    《深入理解Java虚拟机》(六)堆内存使用分析,垃圾收集器 GC 日志解读
    《深入理解Java虚拟机》(五)JVM调优
    《深入理解Java虚拟机》(四)虚拟机性能监控与故障处理工具
  • 原文地址:https://www.cnblogs.com/sdgjytu/p/3910857.html
Copyright © 2011-2022 走看看