code-snippets README
根据缩写快速提供代码模板，后续针对自己的代码进行定制化，起到快速开发的作用。
说明
用于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
| |
