灵犀代码片段
为灵犀前端开发人员提供的代码片段
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 |
函数注释 |
| 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 |
判断传入值的类型,返回类型对应字符串,首字母大写 |
| |