kys-h5-util

v1.0.20

Published

10 months ago

```text

Downloads

0High
0Medium
0Low

true_my_word_i

funny_mud_pee

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

退出互联网账户

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

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

2. 脚本更新

1. 使用:

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

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

降级 npm run babel

压缩混淆 npm run mini

原型- 微信唤端, WX_KYU_prototype

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

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

微信JSSDK分享方法

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

3. KYU_prototype功能分类

3.1 工具方法

是否是在肥猫客户端内

是否是IOS设备

是否是安卓设备

是否在QQ设备

是否是苹果X

非空校验

是否在交易时间

获取query参数

获取UA

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

返回红涨绿跌颜色

返回红涨绿跌背景色类名

匹配文字高亮显示

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

获取客户端的网络状态

获取客户端格言,

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

断网检测

添加埋点

3.2 数据日期格式化

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

日期格式化

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

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

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

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

收益率格式处理

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

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

3.3 客户端功能号

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

修改当前页面地址

拉登录跳二级页

新开webview跳二级页

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

3.4 与客户端交互

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

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

alert重写,防止跨页面弹窗

关闭当前webview

适老版

黑白版

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

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

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

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

阻止安卓横向拖拽

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

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

设置屏幕常量

声明 横竖屏切换钩子

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

拉起微信

拉起小程序

拉起客服电话

跳转股票详情

进入板块详情

跳转基金详情

跳转基金经理

跳转投顾链接

跳转客户端主tab

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

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

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

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

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

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

声明横竖屏切换钩子

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

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

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

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

获取极光推送注册id

获取极光推送消息id