magic-zhu/magic-snippets

Thousands of snippets for front developer

magic-snippets README

Thousands of snippets

Features

👹 amazing

short-cut	description
mg-fo	fo_zu / 佛祖保佑

🍭 style

short-cut	description
mg-css-fcc	Flex center / css 居中布局
mg-css-wh	width height / css 宽高
mg-css-textOverflow	text overflow

🛠 util

short-cut	description
ut-ia	IosOrAndroid / 判断当前浏览器环境是苹果还是安卓 主要用于移动端 hack
ut-leftTime	input timeStamp output day hour min sec / 输入时间戳,返回剩余天，时，分，秒
ut-genStr	Generate random string / 生成随机字符串

🍱 template

short-cut	description
mg-tp-fcm	react simple function component template / 简易 react 函数式组件模板
mg-tp-reg-email	regExp email / 匹配邮箱正则表达式
mg-tp-reg-date	regExp date xxxx-xx-xx/ 匹配 xxxx-xx-xx 的日期

📘 react api

@ means its a hook

short-cut	description
@ue	react hook useEffect
@us	react hook useState
@ucc	react hook useContext
@ucb	react hook useCallback
@urd	react hook useReducer
@ur	react hook useRef

📗 vue api