根据缩写快速提供代码模板,后续针对自己的代码进行定制化,起到快速开发的作用。
用于TTS项目内部的快速开发(针对自己的项目定制化配置)
$js
快捷 | 示例说明 |
---|---|
$js_promise | promise基本示例 |
$js_switch | switch |
$js_array.concat | 数组合并 |
$js_array.every | 检测数组中所有元素是否都大于x值 |
$js_array.forEach | 数据遍历 |
$js_array.includes | 数组是否包含某元素 |
$js_array.filter | 数组返回符合指定条件的元素组 |
$js_array.indexOf | 数组指定元素的序列 |
$js_array.join | 转为字符串 |
$js_class_extends | 继承示例 |
$js_class | class基本示例 |
$js_async | async用法 |
$js_function.apply | 改变this,参数数组 |
$js_function.bind | bind用法 |
$js_function.call | call用法,参数依次传入 |
$js_object.defineProperties | 定义属性 |
$js_object.defineProperty | 单一属性 |
$js_object.freeze | 冻结对象不能修改 |
$js_object.is | 判断值是否相同 |
$js_object.keys | 枚举:数组 & 对象 |
$js_object.values | 返回数组:可枚举对象的values |
$js_string.charAt | 字符串指定索引内容 |
$js_string.concat | 合并字符串 |
$js_string.endsWith | boolen:是否以某字符串结尾 |
$js_string.includes | boolen:是否包含字符 |
$js_string.match | ary:匹配结果 |
$js_string.padEnd | 尾填充 |
$js_string.padStart | 头填充 |
$js_string.replace | 替换 |
$js_string.slice | 截取字符串 |
$js_string.split | 分割成数组 |
$js_string.substr | 返回指定长度字符串 |
$js_string.substring | 索引范围内字符串 |
$js_string.low&up | 大小写 |
$js_string.trim | 去除空格 |
$js_array.from | 类数组转为数组 |
$js_map | 类Object对象 |
$js_async_all | async并发 |
$js_async_promise_all | 混合处理并发 |
$js_map_foreach | map数据遍历 |
$js_object.hasOwnProperty | 对象是否有某属性 |
$js_string.replace.reg | 正则替换 |
$js_object_string | obj转为string |
$module
快捷 | 示例说明 |
---|---|
$module_export | es6模块导出 |
$module_import | es6模块导入 |
$module_node_exports_children | cmd导出子属性 |
$module_node_exports | cmd导出默认模块 |
$reg
快捷 | 示例说明 |
---|---|
$reg_email | email验证 |
$reg_mobile | 手机 |
$reg_id | 身份证 |
$reg_chinese | 中文 |
$reg_sentence | 中英文及数字 |
$reg_url | url |
$axios
快捷 | 示例说明 |
---|---|
$axios_get_base | 基本get |
$axios_get_params | get参数形式 |
$axios_async | es7异步写法 |
$axios_post_base | 基本post |
$axios_whole_config | 完整配置 |
$axios_response_list | 返回列表 |
$antd
快捷 | 示例说明 |
---|---|
$antd_table_check | 勾选框table |
$antd_table_base | 基本表格 |
$antd_table_nest_base | 基本嵌套表格 |
$antd_form_base(login) | 基本form表单(login) |
$antd_modal_base | 基本modal框 |
$antd_modal_confirm_warn | modal基本确认警告框 |
$react
部分示例需要更新
快捷 | 示例说明 |
---|---|
$react_comp_func | func无状态组件 |
$react_comp_state_redux | state组件with redux |
$react_entry | 入口 store,router,render |
$react_comp_constructor | base组件 |
$react_comp_ref | 非受控组件ref |
$react_comp_cycle | 组件生命周期 |
$react_children | 包含子组件写法 |
$react_proptypes_demo | proptype校验 |
$react_img | 插入图片 |
$react_img_folder | 引入图片文件夹 |
$moment
快捷 | 示例说明 |
---|---|
$moment_date | 转为日期 |
$moment_convert | 转为moment |
$moment_compare | 日期比较 |
$utils
包含了一些常用的小工具及设计模式
快捷 | 示例说明 |
---|---|
$utils_data_format | 日期时间格式化 |
$utils_countdown_simple | 最简单倒计时 |
$utils_scroll_watch | 滚动监听 |
$utils_scrolltop | 返回顶部无动画 |
$utils_insertScript | 动态插入script |
$utils_getCookie | 获取cookie |
$utils_offset | 距离document的位置 |
$utils_pattern_pub/sub | 观察订阅模式 |
$utils_pattern_single | 单体模式 |
$utils_pattern_factory | 工厂模式 |
$utils_pattern_singleton | 单例模式 |
$utils_pattern_adapter | 交换头(适配器)模式 |
$utils_pattern_Decorator | 装饰器:扩展现有接口 |
$utils_pattern_proxy | 代理(缓存)模式.用于优化 |
$utils_pattern_flyweight | 合并重复,非一般清爽 |
$utils_pattern_facade | 外套模式,人模狗样 |
$utils_base64 | base64转换 |
$utils_pattern_chain | 链式写法 |
$utils_json_pretty_tab | json美化形式 |
$utils_add_remove_class | 增加删除类 |
$utils_data_type | 判断数据类型 |
感谢onvno提供的灵感!
数据来源以下地址:https://github.com/onvno/code-rhythm