nodemon
一个基于node server服务的插件 当修改server文件后不需要重新run server.js文件 直接刷新页面就可生效
yarn global add nodemon
terminal 中执行
nodemon server.js
Moment.js
处理时间格式化的类库;
官网
jsmind
树形工作流配置
jsmind
loadsh
javascript 方法库
官网
path-to-regexp
queryString
querystring字面上的意思就是查询字符串,一般是对http请求所带的数据进行解析。querystring模块只提供4个方法:
querystring.parse
querystring.stringify
querystring.escape 对参数进行编码
querystring.unescape 解码
参考博客
react-bootstrap
react-motion
redux-saga
styled-component
js css 一体化 组建 款素创建组建
链接
react-waypoint
组建进入视图时 可执行回调函数 onEnter()…
链接
reselect
react-redux性能优化之reselect
whatwg-fetch
npm install whatwg-fetch --save
为了兼容老版本浏览器,还需要安装
npm install es6-promise --save。
新一代异步获取 数据
react-visibility-sensor
React的传感器组件,当它进入或离开窗口视口时通知您。
链接
function MyComponent(props){
return(
< VisibilitySensor >
{({isVisible})=>
< div > 我是{isVisible ? ' visible ' : ' invisible ' } < / div >
}
< / VisibilitySensor >
);
}
react-transition-group
react 组件动画
我们可以在组件进入或退出时为其添加样式:
跟踪组件的出现 消失等生命周期 动态处理样式 动画
链接
React Router Hash Link
react 版本的锚点定位
import {HashLink as Link} from 'react-router-hash-link';
<Link to="/#cocase" className="nav-link">合作案例</Link>
const Section = styled.div`
position: relative;
width: 100%;
padding-top: 51.24%;
background-image: url(${imgBG});
background-size: cover;
`;
// 结合styled-component 定义样式
<Section id="cocase">
something。。。。
</Section>
react-loadable
react-intl
- 属于 https://formatjs.io/ formatjs一部分
掘金讲解
官网
react 国际化 可格式化数字 转换国际语言
i18next
多语言支持-前端国际化 同上一个插件
官网
react-helmet
React文档head管理器
可以通过 js 动态更改网站 title 和 其他 head 标签里的内容,常用语聊天室,消息推送提示等等;
react-bootstrap-table
react 瀑布流
react 下载excel 插件
js-export-excel
classnames
vue的插件
create-keyframe-animation
js 动态生成keyframe animation 动画;
git地址
better-scroll
vue 移动端滚动列表
git
echarts
vue-cropper
图片裁剪插件
github
demo-online
mitt
Vue3 的消息传递库 跨组件消息 传递
npm地址
##vuesue
其它类型框架
VuePress
- markdown 形式的 ,Vue 驱动的静态网站生成器
VuePress
docsify
- markdown 形式的文档网站生成器
docsify
Luckysheet
文档
Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。
在线demo
SpreadJS
XSpreadSheet
在线excel 插件
demo
github
好像是个人组织
monaco-editor
基于浏览器的代码编辑器 插件 与vscode 本地编辑器的功能和性能相匹配(微软的 star 31.1k)
github
api --demo
ace
Ace是一个用JavaScript编写的可嵌入代码编辑器。它与Sublime,Vim和TextMate等本地编辑器的功能和性能相匹配(star 24.9k)
正版github
正版api挂个球了
vue 版本github
vue 版本demo