资讯专栏INFORMATION COLUMN

Javascript代码段记录: utils

madthumb / 3081人阅读

摘要:浏览器检查浏览器检查浏览器检查浏览器检查源码可以看这里检测触摸设备数据类型如果类型在对象中定义,那么当对象被选中时,它将返回。

浏览器检查
/**
         * @property browser check browser agent
         * @property {Boolean} browser.webkit  Webkit 浏览器检查
         * @property {Boolean} browser.mozilla  Mozilla 浏览器检查
         * @property {Boolean} browser.msie  IE 浏览器检查 */
        browser: {
            webkit: ("WebkitAppearance" in document.documentElement.style) ? true : false,
            mozilla: (typeof window.mozInnerScreenX != "undefined") ? true : false,
            msie: (window.navigator.userAgent.indexOf("Trident") != -1) ? true : false
        },

源码可以看这里jui-chart core.js

检测触摸设备
        /**
         * @property {Boolean} isTouch
         * check touch device
         */
        isTouch: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(window.navigator.userAgent)
数据类型
/**
         * @method typeCheck
         * check data  type
         * @param {String} t  type string
         * @param {Object} v value object
         * @return {Boolean}
         */
        typeCheck: function (t, v) {
            function check(type, value) {
                if (typeof(type) != "string") return false;

                if (type == "string") {
                    return (typeof(value) == "string");
                }
                else if (type == "integer") {
                    return (typeof(value) == "number" && value % 1 == 0);
                }
                else if (type == "float") {
                    return (typeof(value) == "number" && value % 1 != 0);
                }
                else if (type == "number") {
                    return (typeof(value) == "number");
                }
                else if (type == "boolean") {
                    return (typeof(value) == "boolean");
                }
                else if (type == "undefined") {
                    return (typeof(value) == "undefined");
                }
                else if (type == "null") {
                    return (value === null);
                }
                else if (type == "array") {
                    return (value instanceof Array);
                }
                else if (type == "date") {
                    return (value instanceof Date);
                }
                else if (type == "function") {
                    return (typeof(value) == "function");
                }
                else if (type == "object") {
                    // typeCheck如果类型在对象中定义,那么当对象被选中时,它将返回false。 (date, array, null)
                    return (
                    typeof(value) == "object" &&
                    value !== null && !(value instanceof Array) && !(value instanceof Date) && !(value instanceof RegExp)
                    );
                }

                return false;
            }

            if (typeof(t) == "object" && t.length) {
                var typeList = t;

                for (var i = 0; i < typeList.length; i++) {
                    if (check(typeList[i], v)) return true;
                }

                return false;
            } else {
                return check(t, v);
            }
        }

jui

内存转换

export function bytesToSize(value) {
  if (+value === 0) return "0 B"
  let k = 1024,
    sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
    i = Math.floor(Math.log(value)/Math.log(k))
  return (value / Math.pow(k, i)).toPrecision(3) + " "+ sizes[i]  
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87349.html

相关文章

  • 代码测试覆盖率分析

    摘要:背景最近我们前端团队在重构大量的组件,为了保证代码质量,我要求团队中的成员必须编写单元测试,并且测试覆盖率达到以上。总结对一个持续集成的项目来说,单元测试非常重要,同时最好具有较高的测试覆盖率。 背景 最近我们前端团队在重构大量的 UI 组件,为了保证代码质量,我要求团队中的成员必须编写单元测试,并且测试覆盖率达到 80% 以上。那么问题来了,为什么是 80% 的覆盖率? 这是一个硬性...

    kevin 评论0 收藏0
  • JavaScript模块化开发的那些事

    摘要:模块化开发在编程开发中是一个非常重要的概念,一个优秀的模块化项目的后期维护成本可以大大降低。本文主要介绍模块化开发的那些事,文中通过一个小故事比较直观地阐述了模块化开发的过程。每个模块都由一个名为的函数创建。原文出处模块化开发的那些事 模块化开发在编程开发中是一个非常重要的概念,一个优秀的模块化项目的后期维护成本可以大大降低。本文主要介绍JavaScript模块化开发的那些事,文中通过...

    jzzlee 评论0 收藏0
  • 微信小程序中图片上传阿里云Oss

    摘要:微信小程序图片上传阿里云服务器也折腾了蛮久才解决的,所以特意去记录一下。上传失败第四步源码在这里如果觉得这面文章对你有帮助的话,可给我点个这里,谢谢最后,希望这篇文章对你有所帮助,真真确确是可以在微信小程序中上传图片到阿里云的。 本人今年6月份毕业,最近刚在上海一家小公司实习,做微信小程序开发。最近工作遇到一个小问题。 微信小程序图片上传阿里云服务器Oss也折腾了蛮久才解决的,所以特意...

    Yang_River 评论0 收藏0
  • 微信小程序中图片上传阿里云Oss

    摘要:微信小程序图片上传阿里云服务器也折腾了蛮久才解决的,所以特意去记录一下。上传失败第四步源码在这里如果觉得这面文章对你有帮助的话,可给我点个这里,谢谢最后,希望这篇文章对你有所帮助,真真确确是可以在微信小程序中上传图片到阿里云的。 本人今年6月份毕业,最近刚在上海一家小公司实习,做微信小程序开发。最近工作遇到一个小问题。 微信小程序图片上传阿里云服务器Oss也折腾了蛮久才解决的,所以特意...

    netmou 评论0 收藏0

发表评论

0条评论

madthumb

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<