灵犀代码片段
为灵犀前端开发人员提供的代码片段
ideacome-vue3-component 片段
激活代码片段的前缀 |
说明 |
button |
ProButton 模板 |
date-picker-range |
ProDatePicker 日期范围模板 |
date-picker-single |
ProDatePicker 单日期模板 |
tag |
ProTag 模板 |
status |
ProStatus 模板 |
notice-bar |
ProNoticeBar 模板 |
tabs |
ProTabs 模板 |
search&table |
ProSearch+ProTable 模板 |
searchTable |
ProSearchTable 模板 |
confirmV2 |
ProConfirmV2 模板 |
confirm |
ProConfirm 模板 |
form |
form 表单 |
dialog |
ProDialog 模板 |
dialog&form |
ProDialog+form 表单 |
基础片段
激活代码片段的前缀 |
说明 |
tempalate-vue3 |
vue3-setup-jsx-less |
log |
console.log |
req |
接口请求 |
func |
定义方法 |
funcComment |
函数注释 |
funcComment |
函数注释 |
ideacome-vue3-component |
引入 ideacome-vue3-component 组件 |
ideacome-pc-business |
引入 ideacome-pc-business 组件 |
foundation 片段
utils
激活代码片段的前缀 |
说明 |
防抖 debounce |
防抖 |
节流 throttle |
节流 |
日期 daysInMonth |
返回指定月份的天数 |
环境 getUserAgent |
通过 ua 判断环境 |
判断 isEmpty |
判断传入值是否为空 |
比较 isEqual |
比较两个值是否相等 |
遍历 map |
处理数组和对象 |
递增 numbersInRange |
生成 start 递增到 end 的数字序列 |
遍历 pluck |
map 用例的便利版本:获取属性 |
随机 randomString |
返回长度为 strLen 的随机字符串 |
js isIncludeJs |
是否已经加载过**.js 文件 |
js loadJs |
加载**.js 文件 |
倒计时 Timer |
使用 Timer 类来倒计时 |
定位 getCurrentCoords |
获取当前地理定位 |
随机 getUniqueRequestId |
前后端接口请求头中的 unique_request_id |
微信 getWxAuthLinkParams |
获取微信授权回调链接中的信息 |
微信 wxConfigHandle |
添加页面关闭和禁用分享功能 |
微信 wxPayHanlde |
微信支付 |
微信 wxShareHandle |
微信分享设置 |
utils/image
激活代码片段的前缀 |
说明 |
图片 zipImage |
图片压缩方法 |
utils/dom
激活代码片段的前缀 |
说明 |
dom getAbsPos |
获取元素在页面内的绝对坐标 |
dom scrollTo |
平滑滚动到页面任意位置 |
dom trigger |
手动触发事件 |
激活代码片段的前缀 |
说明 |
字符串 camelCaseToString |
驼峰转字符串 |
小数 cutNumberByDigits |
不四舍五入,转为指定位数小数 |
格式化 formatBankCardNumber 银行卡 |
格式化银行卡号,4 位一空格 |
日期 formatDate |
格式化日期成指定格式字符串 |
格式化 formatMoney 钱 |
格式化钱,3 位一逗号,支持 n 位小数 |
钱 formatMoneyUppercasedChinese |
用大写中文字表示浮点数金额 |
格式化 formatPhoneNumber 手机号 |
格式化手机号为 ### #### #### |
日期 friendlyFormatTime |
格式化时间戳 |
格式化 moneyCuter 钱 |
格式化钱,3 位一逗号,仅支持 2 位小数 |
字符串 parseJsonToString |
反解析,将 JSON 转成 String |
字符串 stringToCamelCase |
字符串转驼峰 |
日期 dateFromStringOrNumber |
把时间字符串或者时间戳转换为 Date 对象 |
url encodeUrlIfNeeded |
判断 url 是否需要编码处理 |
url parseUrlQuery |
解析 url,获取相应的参数 |
url stringfyQueryString |
对象序列化(对象转成 url 参数) |
字符串 pad |
在字符串开始处填充字符,使得总长度不少于指定长度 |
字符串 trimAll |
移除字符串中的空白字符 |
validators
激活代码片段的前缀 |
说明 |
日期 dateEarlierThanNow |
校验日期是否晚于当前时间 |
日期 dateEarlierThanToday |
校验日期是否晚于今天 |
日期 getToday |
获取今天的 xxxx-xx-xx 日期 |
字符串 hasChinese |
验证字符串是否含有中文字符 |
字符串 isAllChinese |
验证字符串是否只包含中文字符 |
日期 isDate |
验证日期 |
字符串 isEmojiCharacter |
判断文本中是否有 emoji 表情 |
校验 isMultName |
允许包含汉字、英文、数字、标点符号 |
校验 isNumOrLetter |
只包含数字或字母 |
字符串 minLength |
字符串最小长度 |
判断 notEmpty |
判断传入参数是否为空(空字符串/undefined/null/false) |
判断 notEmptyString |
字符串是否为空 |
parse |
封装后的 JSON.parse |
校验 personalName |
允许包含汉字、字母、特殊字符中·(U+00B7) |
校验 inputValidate |
表单校验方法,遇到第一个不通过的就返回 |
url isExternal |
是否为外部链接 |
校验 isMinorityName |
正则校验少数民族姓名 |
校验 isValidBankCardNumber 银行卡 |
验证银行卡号 |
校验 isValidCardNo |
校验证件号码 |
校验 isValidCellphone 手机号 |
验证手机号 |
校验 isValidEmail |
验证邮箱 |
校验 isValidID |
验证身份证号码 |
校验 isValidOrgCodeValid |
验证组织机构代码 |
校验 isValidPassword |
验证密码 规则:8-16 位数字和字母组成的字符串 |
校验 isValidSocialCreditCode |
验证统一社会信用代码 |
校验 isValidTel |
是否为固定电话 |
校验 validUnifiedSocialCreditCode |
判断是否为统一社会信用代码 |
校验 isNotCompanyCar |
判断是否为单位车 |
校验 isValidEngineNumber |
验证发动机号 |
校验 isValidPlate |
验证车牌有效性 |
校验 validateVin |
校验车辆 VIN 码 |
校验 isPositiveInt |
检验是否是正整数 |
validators/common
激活代码片段的前缀 |
说明 |
判断 isArray |
判断传入值类型是否为数组 |
判断 isFunction |
判断传入值类型是否为函数 |
判断 isObject |
判断传入值类型是否为对象 |
判断 typeOf |
判断传入值的类型,返回类型对应字符串,首字母大写 |
| |