kys-h5-util v1.0.20

2. 脚本更新

3. 发布 npm version patch   ;   npm publish

1. 使用:

环境常量: 旧项目中会将常量设置在window.g.上, 检测没有window.g时会在实例的api属性中声明

window对象上已经存在KysecUtil时,将会使用KysecUtilNew代替.

降级 npm run babel

压缩混淆 npm run mini

    // script:src标签引入
    KysecUtil.init({
        projectName:"yourProName",      // 项目名称 , 必传, 否则无法使用离线缓存方法
        dev: false,                     // 是否是测试环境
    })
    window.KysecUtil.方法名



    // es6 
    import KysecUtil from "@/utils/kysec.utils.min.js"
    // Vue,prototype....
    KysecUtil.init({
        projectName:"yourProName",      // 项目名称 , 必传, 否则无法使用离线缓存方法
        dev: false,                     // 是否是测试环境
    })
    KysecUtil.方法名



    // seajs  CMD
    seajs.use('./kysec.utils.js', function () {

        KysecUtil.init({

            projectName: "cg_test",

            // 开发测试用:
            dev: true,

            wx_config: {}
        })
    });


    KysecUtil.init({
        projectName:"yourProName",      // 项目名称 , 必传, 否则无法使用离线缓存方法
        dev: false,                     // 是否是测试环境
    })
    KysecUtil.方法名

------------------------------------------ ------------------------------------------ ------------------------------------------

原型- 微信唤端, WX_KYU_prototype

支持2种方式, wx_config不配置不生效,

如果已有微信sdk引入, 版本小于1.6.0不生效

// 1 插件初始化时声明 微信配置
KysecUtil2.init({
    projectName: "homevideo",

    // 开发测试用:
    dev: true,

    // 微信配置, 必须要在DOM结构创建之后才可以调用, 
    // 可以在初始化时调用,  KysecUtil.init( { wx_config } )
    // 也可以单独调用KysecUtil.wx_init(wx_config)
    wx_config: {
        // open_app 在微信浏览器环境唤起APP(默认), open_weapp 在微信浏览器环境唤起小程序
        type: 'open_app',

        // 传入元素选择器  或者 选择器数组, 
        // 目标选择器DOM元素 一定!!!! 要是 固定|相对 定位.
        parent_dom_selector: ['#callapp','.callapp'],

        // 打开APP传递给客户端的数据 , 如唤起app后自动打开的二级页面的地址, 不传则只打开APP
        // 例如:
        // extinfo:'',

        // 如果打开H5页面  需要传入H5页面的地址时: 可以使用KysecUtil.action10061({...,isExport:true}) 和 KysecUtil.action10090({...,isExport:true})配合使用
        //  例如: 
        extinfo: KysecUtil.action10090({ isExport: true, url: KysecUtil.action10061({ isExport: true, tzthiddentitle: 1, fullscreen: 1, url: "H5地址" }) })


        // 开发测试用: 微信获取签名时, 需要授权的页面地址, 默认是当前页面地址
        wx_sign_location: "https://gtgm.kysec.cn/evokeClient/#/home",
    
    }
})

// 2 单独调用wx_init配置
KysecUtil2.wx_init({
    parent_dom_selector:"#callapp2",
    dev:false,
    wx_config:{},
})

• wxJsShareAll

微信JSSDK分享方法

• wxHideMenuItems

微信JSSDK-批量隐藏功能按钮接口

3. KYU_prototype功能分类

------------------------------------------ ------------------------------------------ ------------------------------------------

3.1 工具方法

• inApp

是否是在肥猫客户端内

• isIOS

是否是IOS设备

• isAndroid

是否是安卓设备

• isQQAPP

是否在QQ设备

• isIphoneX

是否是苹果X

• isNotEmpty

非空校验

• isTradeTime

是否在交易时间

• getQueryParams

获取query参数

• getUA

获取UA

• getFlowHeight

获取端内刘海屏顶部高度 不带单位

• getColor

返回红涨绿跌颜色

• getBgColor

返回红涨绿跌背景色类名

• highLight

匹配文字高亮显示

• getFontSize

获取当前客户端字号 1放大 0正常

• getNetworkStatus

获取客户端的网络状态

• getMottoStr

获取客户端格言,

• getCurrentWebVeiwUrl

获取当前正在展示的webview的页面地址

• ConnectionChange

断网检测

• execNew

添加埋点

------------------------------------------ ------------------------------------------ ------------------------------------------

3.2 数据日期格式化

• dateFormatFn

日期格式化 : 当前只展示 月日 , 往年展示 年月日

• timeShow

日期格式化

• getCurrnetTime

获取当前时间 : 获取到日 yy + YMDstr + mm + YMDstr + dd 1 获取到秒 hh:mm:ss

• formatNumber10W

金额转万单位 超出十万就用万 不超就普通

• formatMoney

金额转 3位一个逗号 1,999.00

• padEnd2Dot

数字补全两位小数点 1.0 -> 1.00 1.2345-> 1.23

• profitFormat

收益率格式处理

• formatStockname

name长超过6返回钱6个字加...

• numToPercent

数字转百分比字符并加上百分号

------------------------------------------ ------------------------------------------ ------------------------------------------

3.3 客户端功能号

• changeUrl

0-10090跳转 1-10061跳转 2-10090+10061跳转 3-直接跳转url

• _change_url

修改当前页面地址

• action10090

拉登录跳二级页

• action10061

新开webview跳二级页

• action10002

返回上一页 客户端点击后退

------------------------------------------ ------------------------------------------ ------------------------------------------

3.4 与客户端交互

• loadReport

面时长统计上报// .html文件下载完成上报 type=1 ; 页面加载完毕上报type=2

• resourceComplete

二级页面加载成功通知客户端隐藏loading动画和超时计时器

• coverAlert

alert重写,防止跨页面弹窗

• closeCurrentWebview

关闭当前webview

• initOlder

适老版

• setTheme

黑白版

• changeFontSize

通知客户端修改字号 1放大 0正常

• changeStatusBar

设置IOS端状态栏颜色 0黑色 1白色 安卓不可用

• saveH5Data

保存数据到客户端,文件形式

• readH5Data

读取保存在客户端的数据, 文件形式

• preventAndRowDrag

阻止安卓横向拖拽

• sharefn

客户端点击title右侧分享触发

• changeNavRightBtn

控制客户端标题 右上角展示

• screenAlive

设置屏幕常量

------------------------------------------

• hookChangeOrientation

声明 横竖屏切换钩子

• hookWebRefresh

声明 断网重连时客户端主动调用的H5方法 , 声明客户端调用H5提供的下拉刷新方法webRefresh

------------------------------------------

• bindWx

拉起微信

• client2WxApp

拉起小程序

• callAppServe

拉起客服电话

------------------------------------------

• toStock

跳转股票详情

• toMarket

进入板块详情

• toFund

跳转基金详情

• toManager

跳转基金经理

• toTougu

跳转投顾链接

• toMainTab

跳转客户端主tab

• toMatch

跳转模拟交易

• toSearch

跳转全局搜索

• toTestDownload

跳转测试下载

------------------------------------------ ------------------------------------------ ------------------------------------------

3.5 切换交易账户

• changeAccountZJ

切换普通交易账户

• changeAccountRzrq

切换信用交易账户

------------------------------------------ ------------------------------------------ ------------------------------------------

3.6 获取客户端数据

• getUniqueId

获取设备id

• getAppVersion

获取设备版本号

• getLoginFromApp

同步获取登录数据

• readAccountZDToken

获取资金账号账单token 依赖tzt

• readAccountZDTokenRzrq

获取信用账户账单token 依赖tzt

• getHLW

同步获取互联网账号数据

• readLocalZJ

异步获取资金账号数据 依赖tzt

• readLocalRzrq

异步获取融资融券账号数据 依赖tzt

• getAccountInfo

统一获取全部登录数据 依赖tzt ( 相当于同时调用 === getHLW + readLocalZJ + readLocalRzrq )

• getUniqueId

获取设备id

• getAppVersion

获取设备版本号

• getPushRegistrationId

获取极光推送 注册id

• getPushMsgCode

获取极光推送 消息id

• FPC_data_get

页面离线数据缓存: 获取缓存数

• FPC_data_update

页面离线数据缓存: 更新本地数据

    // UTIL:FPC_data_get使用
    /**
     * FPCKey:'gentougu', // 页面离线数据缓存的名称
     * 
     * 存储数据到客户端(在APP内)
     * 
     * 首页数据存储:  保证在项目最初期初始化时异步获取本地数据，在接口响应后动态更新（隐私数据要区分登录状态：已登陆数据和未登录数据都保存、账号变动清除已登陆数据; 或者不存储用户信息数据, 使用占位数据代替）
     * 
     * 接口返回异常时默认数据展示不要受影响
     * 
     * 数据格式:
     * {
     *      key:"gentougu", // 项目名
     *      value:JSON.stringify({ // JSON.stringify(FPCData) 字符串化后的页面数据, 内key是页面结构对应数据或接口对应数据 
     *          bannerList:[], // 轮播广告
     *          resRankList:[], // 冠军数据
     *          liveListVideo:{}, // 视频数据
     *          liveListText:{}, // 图文直播
     *          GoldCustomer:[], // 投顾大咖
     *          viewpointList:[], // 观点列表
     *      })
     * }
     * 
     * 1. 首先调用FPC_data_get获取本地数据 在.then回调中执行初始化逻辑
        this.commonUtil.FPC_data_get()
            .then((FPCData)=>{

                // 缓存数据不为空
                if(!FPCData.empty){

                    // 首次数据声明- 挂全局
                    window.FPCData = FPCData

                    // 页面数据首次渲染
                    this.iconsList = FPCData.iconsList || []
                    this.bannerlist = FPCData.bannerlist || []
                    this.urlList = FPCData.urlList || []

                    // 隐藏骨架屏
                    this.showSke+=1
                }

                // 正常的页面数据初始化
                this.startInit()
            })
        *
        * 2. 在接口响应中执行对应数据的更新
        that.commonUtil.FPC_data_update({
            key: value
            liveListText:that.liveListText,
        })
    */

------------------------------------------

• clearJHphone

清除激活手机号

• clearHLW

退出互联网账户

------------------------------------------ ------------------------------------------ ------------------------------------------

请求原型, KYU_ajax

• PromiseAjax

promise包装的原生ajax请求

内部log KYU_log

• ky_log

统一输出用

• ky_warn

统一输出用

• ky_err

统一输出用