navigator

2018-08-22 23:34:20

/** * Sample React Native App * https://github.com/facebook/react-native */ 'use strict'; import React, { AppRegistry, Component, StyleSheet, PixelRatio, Navigator, Scroll...

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */
'use strict';

import React, {
    AppRegistry,
    Component,
    StyleSheet,
    PixelRatio,
    Navigator,
    ScrollView,
    Text,
    View
    } from 'react-native';


class DongFang extends Component {
    render() {
        let defaultName='List';
        let defaultComponent=List;
        return (
            <Navigator
                initialRoute={{ name: defaultName, component: defaultComponent }}
                //配置场景
                configureScene=
                    {
                (route) => {

                //这个是页面之间跳转时候的动画，具体有哪些？可以看这个目录下，有源代码的: node_modules/react-native/Libraries/CustomComponents/Navigator/NavigatorSceneConfigs.js

                return Navigator.SceneConfigs.VerticalDownSwipeJump;
              }
              }
                renderScene={
            (route, navigator) =>
             {
            let Component = route.component;
            return <Component {...route.params} navigator={navigator} />
          }
          } />


        );
    }
}


class List extends Component {

    constructor(props) {
        super(props);
        this.state = {
            author:'dongfangyao'
        };
    }

    _pressButton() {
        const { navigator } = this.props;
        //为什么这里可以取得 props.navigator?请看上文:
        //<Component {...route.params} navigator={navigator} />
        //这里传递了navigator作为props
        if(navigator) {
            navigator.push({
                name: 'Detail',
                component: Detail,
                params:{
                    author:this.state.author,
                }
            })
        }
    }


    render(){
        return (
            <ScrollView style={styles.flex}>
                <Text style={styles.list_item} onPress={this._pressButton.bind(this)} >☆ 豪华邮轮济州岛3日游</Text>
                <Text style={styles.list_item} onPress={this._pressButton.bind(this)}>☆ 豪华邮轮台湾3日游</Text>
                <Text style={styles.list_item} onPress={this._pressButton.bind(this)}>☆ 豪华邮轮地中海8日游</Text>
            </ScrollView>
        );
    }
}


class Detail extends Component{

    constructor(props) {
        super(props);
        this.state = {};
    }


    componentDidMount() {
        this.setState({
            author:this.props.author,
        });
    }

    _pressButton() {
        const { navigator } = this.props;
        if(navigator) {
            //很熟悉吧，入栈出栈~ 把当前的页面pop掉，这里就返回到了上一个页面:List了
            navigator.pop();
        }
    }

    render(){
        return(

            <ScrollView>
                <Text style={styles.list_item} onPress={this._pressButton.bind(this)} >作者是：{this.state.author}</Text>

            </ScrollView>

        );
    }
}



const styles = StyleSheet.create({

    flex:{
        flex:1,

    },
    list_item:{
        height:40,
        marginLeft:10,
        marginRight:10,
        fontSize:20,
        borderBottomWidth:1,
        borderBottomColor:'#ddd',
        justifyContent:'center',
    },


});

AppRegistry.registerComponent('DongFang', () => DongFang);

收起

展开全文

navigator

2016-03-01 15:57:20

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>navigator</title> </head> <body> <script> //typeof navigator pbject var i=1; for(var

 

<!DOCTYPE html> 

<html> 

<head lang="en"> 

    <meta charset="UTF-8"> 

    <title>navigator</title> 

</head> 

<body> 

    <script> 

        //typeof navigator  pbject 

        var i=1; 

        for(var list in navigator){ 

            console.log(list); 

            var p=document.createElement('p'); 

            var con=i++; 

            p.innerHTML=con+": "+list; 

            document.body.appendChild(p); 

        } 

        console.log(navigator.appName);//浏览器名称 

        console.log(navigator.appVersion);//浏览器版本号 

        console.log(navigator.platform);//平台 

        console.log(navigator.plugins);//插件信息 

    </script> 

</body> 

</html>

收起

展开全文

Anaconda Navigator
2019-09-21 22:48:23
Anaconda Navigator Anaconda Navigator Anaconda Navigator
收起
pycharm
Navigator.
2017-05-05 11:30:40
RN实现页面导航效果，Navigator和NavigatoriOS使用
收起

详解navigator对象

万次阅读 多人点赞 2020-06-16 09:45:33

Navigator 接口表示用户代理的状态和标识。它允许脚本查询它和注册自己进行一些活动

Navigator 接口表示用户代理的状态和标识。它允许脚本查询它和注册自己进行一些活动

window.navigator对象包含有关浏览器的信息，可以用它来查询一些关于运行当前脚本的应用程序的相关信息

navigator.appCodeName 只读,任何浏览器中，总是返回 'Gecko'。该属性仅仅是为了保持兼容性。
navigator.appName 只读,返回浏览器的官方名称。不要指望该属性返回正确的值。
navigator.appVersion 只读,返回一个字符串，表示浏览器的版本。不要指望该属性返回正确的值。
navigator.platform 只读,返回一个字符串，表示浏览器的所在系统平台。
navigator.product 只读,返回当前浏览器的产品名称（如，"Gecko"）。
navigator.userAgent 只读,返回当前浏览器的用户代理字符串（user agent string）
navigator.battery 只读返回一个 BatteryManager 对象，你可以用它来获取一些电池充电状态的信息。
navigator.connection 只读提供一个NetworkInformation对象来获取设备的网络连接信息。
navigator.cookieEnabled 只读当忽略 cookie 时返回 false，否则返回 true
navigator.geolocation 只读返回一个 Geolocation 对象，据之可访问设备的地理位位置信息。
navigatorLanguage.language 只读返回表示用户的首先语言，通常是浏览器用户界面的语言。当未知的时，返回null。
navigatorLanguage.languages 只读返回一个表示用户已知语言的数组，并按优先顺序排列。
navigatorOnLine.onLine 只读返回Boolean来表明浏览器是否联网。
navigator.oscpu 返回当前操作系统名。
navigator.mineTypes 只读返回浏览器所支持的MIME类型的数组

收起

展开全文

JavaScript

Navigator对象

2019-09-18 14:45:11

Navigator对象 Navigator [ˈnævɪˌɡetɚ] 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。 navigator.appCodeName; 浏览器代码名的字符串表示 navigator.appName; 返回浏览器的名称 navigator....

Navigator对象

Navigator [ˈnævɪˌɡetɚ]  对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

navigator.appCodeName; 浏览器代码名的字符串表示

navigator.appName; 返回浏览器的名称

navigator.appVersion; 返回浏览器的平台和版本信息

navigator.platform; 返回运行浏览器的操作系统平台

navigator.userAgent; 返回由客户机发送服务器的user-agent头部的值
document.write(“navigator.appCodeName(浏览器代码名的字符串表示):” + navigator.appCodeName + “
”);

document.write(“navigator.appName(返回浏览器的名称):” + navigator.appName + “
”);

document.write(“navigator.appVersion(返回浏览器的平台和版本信息):” + navigator.appVersion + “
”);

document.write(“navigator.platform(返回运行浏览器的操作系统平台):” + navigator.platform + “
”);

document.write(“navigator.userAgent” + navigator.userAgent + “
”);
userAgent  返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

function validB() {

var u_agent = navigator.userAgent;

console.log(u_agent);

var B_name = “Failed to identify the browser”;

if (u_agent.indexOf(“Firefox”) > -1) {

B_name = “Firefox”;

} else if (u_agent.indexOf(“Chrome”) > -1) {

B_name = “Chrome”;

} else if (u_agent.indexOf(“MSIE”) > -1 && u_agent.indexOf(“Trident”) > -1) {

B_name = “IE(8-10)”;

}

document.write(“B_name:” + B_name + “
”);

document.write(“u_agent:” + u_agent + “
”);

}

screen对象 screen对象用于获取用户的屏幕信息。

对象属性：

window.screen.availHeight;  窗口可以使用的屏幕高度，单位像素

window.screen.availWidth;  窗口可以使用的屏幕宽度，单位像素

window.screen.colorDepth;  用户浏览器表示的颜色位数，通常为32位(每像素的位数)

window.screen.pixelDepth;  用户浏览器表示的颜色位数，通常为32位(每像素的位数)(IE不支持此属性)

window.screen.height;  屏幕的高度，单位像素

window.screen.width;  屏幕的宽度，单位像素
document.write(“窗口可以使用的屏幕高度：” + screen.availHeight + “px
”);

document.write(“窗口可以使用的屏幕宽度：” + screen.availWidth + “px
”);

document.write(“用户浏览器表示的颜色位数：” + screen.colorDepth + “
”);

document.write(“用户浏览器表示的颜色位数(IE不支持此属性)：” + screen.pixelDepth + “
”);

document.write(“屏幕宽度：” + screen.width + “px
”);

document.write(“屏幕高度：” + screen.height + “px
”);

收起

展开全文

JS Navigator
2019-10-05 02:36:07
JS Navigator window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀。 <div id="example"></div> <script> txt = "&...
收起
navigator对象
2019-04-15 21:08:31
navigator对象是window对象的属性，它保存了浏览器的信息, 如: 浏览器名称,版本,浏览器所在的电脑操作系统等 console.log(navigator.appName); //浏览器名称 console.log(navigator.appVersion); //浏览器版本 ...
收起
BOM对象之Navigator
2016-11-24 21:28:27
Navigator
收起
JavaScript BOM
Navigator 对象
2018-06-06 11:30:14
Navigator 对象：Navigator包含有关浏览器的信息虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器，但其他实现了 JavaScript 的浏览器也支持这个对象。Navigator 对象的实例是唯一的，可以用 Window ...
收起
JavaScript Navigator
2018-03-01 17:11:49
window.navigator 对象包含有关访问者浏览器的信息window.navigator 对象在编写时可不使用 window 这个前缀 navigator.appCodeName 声明了浏览器的代码名navigator.appName 返回浏览器的名称navigator.appVersion...
收起
Window Navigator window.navigator.language
2019-05-09 15:27:51
window.navigator 对象包含有关访问者浏览器的信息。 navigator.language返回一个字符串,该字符串代表用户的首先语言，通常是浏览器使用的语言。navigator.language为只读属性。例如：用一下方式可以获得其他对应...
收起
WinCC_WebNavigator
2019-05-10 11:44:59
WinCC WebNavigator 官方中文说明文档：配置wincc WebNavigator 文档说明
收起
Window Navigator
2017-05-08 13:02:11
window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀。实例 txt = "Browser CodeName: " + navigator.appCodeName...
收起
OptiX Navigator 6.2
2014-07-11 23:16:21
OptiX Navigator 6.2
收起
navigator 对象
2017-12-28 12:44:00
转载： ... 包含了正在使用的 Navigator 的版本信息。 ...Navigator 2.0Navigator 3.0: 添加了 mimeTypes 和 plugins 属性；添加了 javaEnabled 和taintEnabled方法。Navi...
收起
navigator浏览器信息
2020-05-09 16:18:00
navigator：浏览器信息浏览器代号(内核):navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本:navigator.appVersion 启用Cookies:navigator.cookieEnabled 硬件平台:navigator.platform 用户代理:...
收起
navigator跳转
2018-08-03 12:16:58
navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面。用redirect属性指定。主要属性：wxml
收起
RN Navigator
2017-05-13 22:21:43
<NavigationExperimental.Navigator initialRoute={{ name: "",title:'hehida', component: Info }} configureScene={() => { return NavigationExperimental.Navigator.SceneConfigs.PushFromRight
收起

Navigator

navigator

Anaconda Navigator

Navigator.

详解navigator对象

Navigator对象

JS Navigator

navigator对象

BOM对象之Navigator

Navigator 对象

JavaScript Navigator

Window Navigator window.navigator.language

WinCC_WebNavigator

Window Navigator

OptiX Navigator 6.2

navigator 对象

navigator浏览器信息

navigator跳转

RN Navigator

navigator

仿真钢琴-javascript实战

【数据分析-随到随学】Spark理论及实战

Axios（Vue-Resource的取代者、拦截器）

7.冒泡+二分查找

【2021】Python3+Selenium3自动化测试（不含框架）

【Android】Coil：为kotlin而生的图片库

php随机生成0.1到10的随机数

仿Spy++ 将DLL代码注入EXE的三种方法.zip

重庆公共交通换乘系统的简单实现.zip

Kotlin协程极简入门与解密

基于javaweb记账助手APP管理系统设计与实现（含源码）

java微服务常用技术整合

30个生涯锦囊，带你跳出迷茫，找到适合你的职业方向

LeetCode - Easy - 350. Intersection of Two Arrays II

Python工具库NumPy

Java学习历程（4）——Java成员属性与成员方法

vue双向数据绑定的实现原理

2017年福建高职单招计算机类技能试卷

算法导论（基础知识）——编程大牛的必经之路

从单片机到嵌入式开发——(6) 定时器与串口中断