精华内容
下载资源
问答
  • 种原生js动画效果

    2020-10-23 08:42:30
    主要介绍了九种原生js动画效果,个个都非常精彩,都值得大家学习,需要的朋友可以参考下
  • js五种原生数据类型

    2019-08-11 21:21:30
    种原生数据类型 Number String Boolean Null Undefined 判断数据类型 使用typeof进行判断 console.log(typeof 11); //number console.log(typeof NaN); //number console.log(typeof "aaa...

    五种原生数据类型

    Number
    String
    Boolean
    Null
    Undefined

    判断数据类型

    使用typeof进行判断

    console.log(typeof 11);													//number
    console.log(typeof NaN);												//number
    console.log(typeof "aaa");												//String
    console.log(typeof true);												//boolean
    console.log(typeof undefined);											//undefined
    console.log(typeof null);												//object
    console.log(typeof []);													//object
    console.log(typeof {});													//object
    console.log(typeof function(){});										//function
    

    使用Object.prototype.toString.call()方法

    let getType = Object.prototype.toString;
    console.log(getType.call('aaa'));										//[object String]
    console.log(getType.call(222));											//[object Number]
    console.log(getType.call(true));										//[object Boolean]
    console.log(getType.call(undefined));									//[object Undefined]
    console.log(getType.call(null));										//[object Null]
    console.log(getType.call({}));											//[object Object]
    console.log(getType.call([]));											//[object Array]
    console.log(getType.call(function(){}));								//[object Function]
    

    使用instanceof判断

    console.log(11 instanceof Number);										//false
    console.log('11' instanceof String);									//false
    console.log([] instanceof Array);										//true
    console.log([] instanceof Object);										//true
    console.log({} instanceof Object);										//true
    console.log(null instanceof Object);									//false
    console.log(undefined instanceof Object);								//false
    
    展开全文
  • 项目中不需要加载jquery这种庞大的js插件要使用到ajax这种功能该如何办呢?下面和大家分享几利用javascript实现原生ajax的方法
  • Android 代码 react-native与原生交互模式 /** * RCTDeviceEventEmitter方式 * * @param reactContext * @param eventName 事件名 * @param params 传惨 */ public void sendTransM...

    Android 代码

    react-native与原生三种交互模式
    
      /**
         * RCTDeviceEventEmitter方式
         *
         * @param reactContext
         * @param eventName    事件名
         * @param params       传惨
         */
        public void sendTransMisson(ReactContext reactContext, String eventName, @Nullable WritableMap params) {
            reactContext
                    .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                    .emit(eventName, params);
    
        }
    
        /**
         * CallBack方式
         *
         * @param name
         * @param callback
         */
        @ReactMethod
        public void callBackTime(String name, Callback callback) {
            callback.invoke(getTimeMillis());
        }
    
    
        /**
         * Promise方式
         * @param name
         * @param promise
         */
        @ReactMethod
        public void sendPromiseTime(String name, Promise promise) {
            WritableMap writableMap=new WritableNativeMap();
            writableMap.putString("age","20");
            writableMap.putString("time",getTimeMillis());
            promise.resolve(writableMap);
    
        }
    
    

    js代码

    /**
     * Sample React Native App
     * https://github.com/facebook/react-native
     * @flow
     */
    
    import React, {Component} from 'react';
    import {
        AppRegistry,
        StyleSheet,
        Text,
        View,
        DeviceEventEmitter,
        NativeModules,
        ToastAndroid
    } from 'react-native';
    
    export default class AllureDataTransmisson extends Component {
    
        componentWillMount() {
            DeviceEventEmitter.addListener('EventName', function (msg) {
    
                console.log(msg);
    
                ToastAndroid.show("DeviceEventEmitter收到消息:" + "\n" + msg.key, ToastAndroid.SHORT)
    
            });
        }
    
        render() {
            return (
                <View style={styles.container}>
                    <Text style={styles.welcome}
                          onPress={this.getDeviceEventEmitterTime.bind(this)}
                    >
                        RCTDeviceEventEmitter获取时间
                    </Text>
                    <Text style={styles.welcome}
                          onPress={this.getCallBackTime.bind(this)}
                    >
                        CallBack获取时间
                    </Text>
                    <Text style={styles.welcome}
                          onPress={this.getPromiseTime.bind(this)}
                    >
                        Promise获取时间
                    </Text>
                </View>
            );
        }
    
        getDeviceEventEmitterTime() {
            NativeModules.TransMissonMoudle.getTime();
        }
    
        getCallBackTime() {
            NativeModules.TransMissonMoudle.callBackTime("Allure",
                (msg) => {
                    console.log(msg);
                    ToastAndroid.show("CallBack收到消息:" + "\n" + msg, ToastAndroid.SHORT)
    
                }
            );
    
        }
    
        getPromiseTime() {
            NativeModules.TransMissonMoudle.sendPromiseTime("Allure").then(msg=> {
                console.log("年龄:" + msg.age + "/n" + "时间:" + msg.time);
                ToastAndroid.show("Promise收到消息:" + "\n" + "年龄:" + msg.age + "时间:" + msg.time, ToastAndroid.SHORT)
    
                this.setState({
                    age: msg.age,
                    time: msg.time,
                })
            }).catch(error=> {
                console.log(error);
            });
        }
    }
    
    const styles = StyleSheet.create({
        container: {
            flex: 1,
            justifyContent: 'center',
            alignItems: 'center',
            backgroundColor: '#F5FCFF',
        },
        welcome: {
            fontSize: 20,
            textAlign: 'center',
            margin: 10,
        },
        instructions: {
            textAlign: 'center',
            color: '#333333',
            marginBottom: 5,
        },
    });
    
    AppRegistry.registerComponent('AllureDataTransmisson', () => AllureDataTransmisson);
    
    
    展开全文
  • 本文主要介绍了原生js更改css样式的两方式,具有很好的参考价值,下面跟着小编一起来看下吧
  • JavaScript几种原生函数

    千次阅读 2013-10-22 15:20:28
    1、原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i ; i++) { if (icou
    1、原生JavaScript实现字符串长度截取

    function cutstr(str, len) {
        var temp;
        var icount = 0;
        var patrn = /[^\x00-\xff]/;
        var strre = "";
        for (var i = 0; i < str.length; i++) {
            if (icount < len - 1) {
                temp = str.substr(i, 1);
                if (patrn.exec(temp) == null) {
                    icount = icount + 1
                } else {
                    icount = icount + 2
                }
                strre += temp
            } else {
                break
            }
        }
        return strre + "..."
    }




    2、原生JavaScript获取域名主机
    function getHost(url) {
        var host = "null";
        if(typeof url == "undefined"|| null == url) {
            url = window.location.href;
        }
        var regex = /^\w+\:\/\/([^\/]*).*/;
        var match = url.match(regex);
        if(typeof match != "undefined" && null != match) {
            host = match[1];
        }
        return host;
    }
    



    3、原生JavaScript清除空格

    String.prototype.trim = function() {
        var reExtraSpace = /^\s*(.*?)\s+$/;
        return this.replace(reExtraSpace, "$1")
    }
    



    4、原生JavaScript替换全部

    String.prototype.replaceAll = function(s1, s2) {
        return this.replace(new RegExp(s1, "gm"), s2)
    }




    5、原生JavaScript转义html标签

    function HtmlEncode(text) {
        return text.replace(/&/g, '&').replace(/\"/g, '"').replace(/</g, '<').replace(/>/g, '>')
    }




    6、原生JavaScript还原html标签

    function HtmlDecode(text) {
        return text.replace(/&/g, '&').replace(/"/g, '\"').replace(/</g, '<').replace(/>/g, '>')
    }




    7、原生JavaScript时间日期格式转换

    Date.prototype.Format = function(formatStr) {
        var str = formatStr;
        var Week = ['日', '一', '二', '三', '四', '五', '六'];
        str = str.replace(/yyyy|YYYY/, this.getFullYear());
        str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));
        str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));
        str = str.replace(/M/g, (this.getMonth() + 1));
        str = str.replace(/w|W/g, Week[this.getDay()]);
        str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());
        str = str.replace(/d|D/g, this.getDate());
        str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());
        str = str.replace(/h|H/g, this.getHours());
        str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());
        str = str.replace(/m/g, this.getMinutes());
        str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());
        str = str.replace(/s|S/g, this.getSeconds());
        return str
    }
    



    8、原生JavaScript判断是否为数字类型

    function isDigit(value) {
        var patrn = /^[0-9]*$/;
        if (patrn.exec(value) == null || value == "") {
            return false
        } else {
            return true
        }
    }




    9、原生JavaScript设置cookie值

    function setCookie(name, value, Hours) {
        var d = new Date();
        var offset = 8;
        var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
        var nd = utc + (3600000 * offset);
        var exp = new Date(nd);
        exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000);
        document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=360doc.com;"
    }




    10、原生JavaScript获取cookie值

    function getCookie(name) {
        var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
        if (arr != null) return unescape(arr[2]);
        return null
    }


    展开全文
  • 拖拽效果:只可在浏览器中拖拽;可超出浏览器拖拽;点击头部在浏览器中拖拽;点击头部可超出浏览器拖拽
  • 在JavaScript中,有三常用的绑定事件的方法: 在DOM元素中直接绑定; 在JavaScript代码中绑定; 绑定事件监听函数。 1.在DOM元素中直接绑定 html标签事件绑定:属性赋值 ,这个在该元素的properties属性中可以查...
    JavaScript绑定事件的方法

    要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定"事件处理函数"。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。

    在JavaScript中,有三种常用的绑定事件的方法:

    • 在DOM元素中直接绑定;
    • 在JavaScript代码中绑定;
    • 绑定事件监听函数。
    1.在DOM元素中直接绑定

    html标签事件绑定:属性赋值 ,这个在该元素的properties属性中可以查到, 也可以在事件监听中看到

    function show(){
      console.log('show');
    }
    
    function print(){
      console.log('print');
    }
    
    <button onclick="show()" id="btn1" onclick="print()">html标签事件绑定</button>
    //触发的方法只有show方法
    
    <button onclick="show();print()" id="btn1">html标签事件绑定</button>
    //一个事件,触发两个方法
    
    2.在JavaScript代码中绑定

    js事件绑定:属性赋值,这个在该元素的properties属性中可以查到,也可以在事件监听中看到

    <button id="btn2">js事件绑定</button>
    
     document.getElementById("btn2").onclick = show;
     document.getElementById("btn2").onclick = print;
    
    //只能触发print方法,如果需要同时触发两个方法,只能使用事件监听,也就是第三种绑定方案.
    
    3.绑定事件监听函数

    只可以在该元素的事件监听中看到

    <button id="btn3">事件监听</button>      
    
    //show和print两个方法都可以触发
    document.getElementById("btn3").addEventListener("click",show);
    document.getElementById("btn3").addEventListener("click",print);
    
    //移除事件监听
    document.getElementById("btn3").removeEventListener("click");
    
    展开全文
  • js原生拖拽的两方法

    万次阅读 多人点赞 2018-08-30 11:30:19
    dropEffect属性值为字符串,表示被拖动元素可以执行哪一放置行为  要使用这个属性,必须在dragenter事件处理函数中设置 none 不能把元素拖放至此(除文本框外全部元素的默认值) move 移动到目标 copy ...
  • javascript拥有强大的类型系统,主要包括原生对象、宿主对象和浏览器拓展对象,本文主要介绍15种原生对象类型系统 原生对象(15) 原生对象分为两类:原始类型(primitive type)和对象类型(object type)。...
  • 原生js——四对话框

    千次阅读 2018-09-27 11:11:42
    js一共提供了四对话弹框,即**alert()、confirm()、prompt()、showModalDialog()**。具体使用方法如下: 1.alert() alert()向用户显示一条消息并等待用户关闭对话框。 在大多数的浏览器里,alert()方法会产生...
  • 数字滚动原生js的三方式

    万次阅读 2018-02-07 20:30:45
    数字滚动原生js的三方式 让数字滚动的效果简单用计时器setInterval就能轻易的实现,例如 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> &...
  • React Native原生模块向JS传递数据的几方式(Android)在做React Native开发的时候避免不了的需要原生模块和JS之间进行数据传递,这篇文章将向大家分享原生模块向JS传递数据的几方式。方式一:通过Callbacks的方式...
  • 在做React Native开发的时候避免不了的需要原生模块和JS之间进行数据传递,原生模块向JS传递数据可以通过Callbacks、Promises和事件监听等三方式来实现。 Callbacks方式 说起Callbacks大家都不陌生,它是最...
  • 原生ajax请求及readyState的几状态

    千次阅读 2017-12-03 12:50:25
    原生ajax请求写法: var http = new XMLHttpRequest(); http.open('get','./package.json'); http.onreadystatechange = function () { if(http.readyState == 4 && http.status == 200) {
  • 原生js获得八方式,事件操作 自我总结 关于js 一.原生js获得八方式 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) ...
  • 现在想在没有网络的生产环境离线安装ambari,方便部署管理hadoop集群,在网上找到了两版本,不知道用哪个,一般来说应该用原生的,但是看到网络的相关资料很少,大部分都是关于hortonworks的。 一、关于原生的...
  • ReactNative 自定义Android原生模块的两形式
  • 1、操作成功 wx.showToast({ title: '操作成功!', // 标题 icon: 'success', // 图标类型,默认success 图标支持开发文档的icon duration: 1500 // 图标停留时间,默认1500ms }) 2、加载中 ...
  • 本文实例讲述了原生JS实现循环Nodelist Dom列表的4方式。分享给大家供大家参考,具体如下: function $(id) { return document.getElementById(id); } var _PAGE = { timeListDom: $('timeList') }; var ...
  • NULL 博文链接:https://ynp.iteye.com/blog/2007053
  • 9.3.原生查询  EJB QL中富有大量的查询语句...原生查询能反回实体,栏位值,或者两者的组合.EntityManager接口有三方法来建立原生查询:一返回标量值,一是返回实体类型,最后一是定义一个复杂的结果集,它能映射
  • 首先想到的就是 element.style 方法,这个方法虽然可以获取也可以设置 dom 元素的样式,但也很有局限性,下面总结一下原生 js 获取 dom 元素样式的几方法与区别~ 1. HTMLElement.style mdn 传送门 HTM...
  • 原生js和jquery两方法实现tab栏切换
  • 原生JS数组去重的几方法

    千次阅读 2017-09-07 20:17:51
    有时候我们做项目的时候往往会需要把数组里面一些重复的项去掉,但是原生JS有排序,有筛选等等,但是就是...第一方法:创建空数组利用indexOf方法检测就数组的项是否在新数组中。 Array.prototype.unique=funct
  • django中使用原生SQL的几方式 一:extra:结果集修改器,一提供额外查询参数的机制 实例: 使用extra: 1:Book.objects.filter(publisher__name='广东人员出版社').extra(where=['price>50']) Book.objects....
  • XML文件解析常用的两方式一为苹果原生的NSXMLParser,另外一为第三方GDataXML1.原生的NSXMLParser方式://*利用 NSXMLParser 方式 -(void)XMLParserWithData:(NSData *)data{ //1.创建NSXMLParser NSXMLParser...
  • 关于导入Eclipse原生项目  如果在项目源码看到里面有.calsspath .project文件,那么说明这个项目本来就是eclipse开发的,那么在eclipse中->File->Import->General->Existing Projects into Workspace,然后选择...
  • 原生数据(Primitive Data Tyte)即基本数据类型,包含8类型。 1.整形,int(32bit)范围:-2147483648~2147483647 2.短整形,short(16bit)范围: -32767 ~ 32768 3.字节型,byte(8bit)范围:-128~127 4....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,997
精华内容 8,398
关键字:

原生种