export default { title: 'JavaScript', icon: 'https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png', nav: [ { title: 'JavaScript', nav: [ { icon: 'https://jquery.com/jquery-wp-content/themes/jquery.com/i/favicon.ico', name: 'jQuery', desc: 'jQuery是一个JavaScript函数库', url: 'http://jquery.com/', language: [ 'http://jquery.com/', 'https://www.jquery123.com/', 'https://github.com/jquery/jquery' ] }, { icon: 'https://www.webpackjs.com/assets/favicon.ico', name: 'webpack', desc: 'webpack是一个模块打包器', url: 'https://www.webpackjs.com/', language: [ 'https://webpack.js.org/', 'https://www.webpackjs.com/', 'https://github.com/webpack/webpack' ] }, { icon: 'https://babeljs.io/img/favicon.png', name: 'Babel', desc: '用于编写下一代 JavaScript 的编译器', url: 'http://babeljs.io/', language: [ 'http://babeljs.io/', 'https://babeljs.cn/', 'https://github.com/babel/babel' ] }, { icon: 'https://cn.eslint.org/img/favicon.512x512.png', name: 'ESLint', desc: '可组装的JavaScript和JSX检查工具', url: 'https://cn.eslint.org/', language: [ 'https://cn.eslint.org/', 'http://eslint.cn/', 'https://github.com/eslint/eslint' ] }, { icon: 'https://avatars3.githubusercontent.com/u/10076935?s=200&v=4', name: 'stylelint', desc: '一个强大的现代样式风格的linter', url: 'https://stylelint.io/', language: [ '', '', 'https://github.com/stylelint/stylelint' ] }, { icon: 'https://avatars0.githubusercontent.com/u/8770005?s=200&v=4', name: 'Mocha', desc: 'Mocha是JavaScript的一种单元测试框架,既可以在浏览器环境下运行,也可以在Node.js环境下运行', url: 'https://mochajs.org/', language: [ '', '', 'https://github.com/mochajs/mocha' ] }, { icon: 'https://avatars1.githubusercontent.com/u/5485517?s=200&v=4', name: 'MUI', desc: 'MUI: 最接近原生APP体验的高性能前端框架', url: 'http://dev.dcloud.net.cn/mui/', language: [ '', '', 'https://github.com/dcloudio/mui' ] }, { icon: 'https://avatars0.githubusercontent.com/u/12554859?s=200&v=4', name: 'rollup', desc: 'Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序', url: 'https://rollupjs.org/guide/zh/', language: [ 'https://rollupjs.org/guide/en/', 'https://rollupjs.org/guide/zh/', 'https://github.com/rollup/rollup' ] }, { icon: 'https://avatars1.githubusercontent.com/u/29208316?s=200&v=4', name: 'standard', desc: 'JavaScript样式指南,带有linter和自动代码修复程序', url: 'https://standardjs.com', language: [ '', '', 'https://github.com/standard/standard' ] }, ] }, { title: '常用插件', nav: [ { name: 'sweetalert', desc: 'JavaScript Alert 的漂亮替代品', url: 'https://sweetalert.js.org/', language: [ '', '', 'https://github.com/t4t5/sweetalert' ] }, { icon: 'https://avatars0.githubusercontent.com/u/17040762?s=200&v=4', name: 'Sortable', desc: '一个JavaScript库,用于在现代浏览器和触摸设备上对拖放列表进行重新排序', url: 'https://sortablejs.github.io/Sortable/', language: [ '', '', 'https://github.com/SortableJS/Sortable' ] }, { name: 'formilyjs', desc: 'Formily 是一个由阿里巴巴集团多 BU 共建的面向中后台复杂场景的表单解决方案,它也是一个表单框架', url: 'https://formilyjs.org/', language: [ '', '', 'https://github.com/alibaba/formily' ] }, { icon: 'https://roughnotation.com/images/fav.png', name: 'rough-notation', desc: '一个小的JavaScript库,用于在网页上创建手绘动画并为其添加动画效果', url: 'https://roughnotation.com/', language: [ '', '', 'https://github.com/rough-stuff/rough-notation' ] }, { icon: 'https://avatars3.githubusercontent.com/u/19199542?s=200&v=4', name: 'AntV', desc: 'AntV 是蚂蚁金服全新一代数据可视化解决方案', url: 'https://antv.alipay.com/', language: [ '', '', 'https://github.com/antvis/' ] }, { icon: 'https://www.lodashjs.com/icons/favicon-32x32.png', name: 'Lodash', desc: 'Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库', url: 'https://www.lodashjs.com/', language: [ 'https://lodash.com/', 'https://www.lodashjs.com/', 'https://github.com/lodash/lodash' ] }, { icon: 'https://www.swiper.com.cn/favicon.ico', name: 'Swiper', desc: '轻量级的移动设备触控滑块的js框架,使用硬件加速过渡', url: 'https://www.swiper.com.cn/', language: [ 'http://idangero.us/swiper/', 'https://www.swiper.com.cn/', 'https://github.com/nolimits4web/swiper' ] }, { name: 'fastclick', desc: 'Polyfill 解决移动端具有300ms延迟的库', url: 'https://github.com/ftlabs/fastclick', }, { name: 'Layer', desc: '丰富多样的Web弹出层组件,可轻松实现Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips等等几乎所有的弹出交互', url: 'http://layer.layui.com/', language: [ '', '', 'https://github.com/sentsin/layer/' ] }, { icon: 'https://momentjs.com/static/img/moment-favicon.png', name: 'moment.js', desc: '一个轻量级的JavaScript日期库,用于解析,验证,操作和格式化日期', url: 'http://momentjs.cn/', language: [ 'http://momentjs.com/', 'http://momentjs.cn/', 'https://github.com/moment/moment' ] }, { name: 'js-cookie', desc: '一个简单,轻量级的JavaScript API,用于处理浏览器cookie', url: 'https://github.com/js-cookie/js-cookie', }, { name: 'qs', desc: '具有嵌套支持的查询字符串解析器', url: 'https://github.com/ljharb/qs', }, { name: 'Mock.js', desc: '生成随机数据,拦截 Ajax 请求', url: 'http://mockjs.com/', language: [ '', '', 'https://github.com/nuysoft/Mock' ] }, { icon: 'https://gitalk.github.io/favicon.ico', name: 'GITALK', desc: '凹凸实验室出品的一款基于 Github Issue 和 Preact 开发的评论插件', url: 'https://gitalk.github.io/', language: [ '', '', 'https://github.com/gitalk/gitalk' ] }, { icon: 'https://prismjs.com/assets/favicon.png', name: 'prism', desc: '轻巧,强大,优雅的代码语法高亮', url: 'https://prismjs.com/', language: [ '', '', 'https://github.com/PrismJS/prism' ] }, { name: 'nprogress', desc: '顶部加载进度条', url: 'http://ricostacruz.com/nprogress/', language: [ '', '', 'https://github.com/rstacruz/nprogress' ] }, { name: 'iNotify', desc: 'JS实现浏览器标题闪烁,滚动,语音提示,Chrome/Safari/FireFox/IE通知', url: 'https://git.io/iNotify', language: [ '', '', 'https://github.com/jaywcjlove/iNotify' ] }, { name: 'html2canvas', desc: '最流行的JavaScript屏幕截图', url: 'https://html2canvas.hertzen.com/', language: [ '', '', 'https://github.com/niklasvh/html2canvas' ] }, { name: 'dayjs', desc: '使用与Moment.js兼容的API来解析,验证,操作和显示现代浏览器的日期和时间', url: 'https://github.com/iamkun/dayjs/blob/master/docs/zh-cn/API-reference.md', }, { name: 'JsBarcode', desc: '易于使用但功能强大的条形码生成器,适用于Web和Node.js', url: 'https://lindell.me/JsBarcode/', language: [ '', '', 'https://github.com/lindell/JsBarcode' ] }, { name: 'clipboard.js', desc: '现代复制到剪贴板。没有Flash。只需3kb gzipped。', url: 'https://clipboardjs.com/', language: [ '', '', 'https://github.com/zenorocha/clipboard.js' ] }, { name: 'lib-flexible', desc: '可伸缩布局方案, 淘宝rem解决方案', url: 'https://github.com/amfe/lib-flexible', }, { name: 'js-xss', desc: '根据白名单过滤HTML(防止XSS攻击)', url: 'https://github.com/leizongmin/js-xss', }, { name: 'mescroll', desc: '精致的下拉刷新和上拉加载 js框架.支持vue,完美运行于移动端和主流PC浏览器', url: 'http://www.mescroll.com/index.html', language: [ '', '', 'https://github.com/mescroll/mescroll' ] }, { name: 'better-scroll', desc: '灵感来自iscroll,它具有更好的滚动性能', url: 'https://ustbhuangyi.github.io/better-scroll/', language: [ '', '', 'https://github.com/ustbhuangyi/better-scroll' ] }, { name: 'pinyinjs', desc: '一个实现汉字与拼音互转的小巧web工具库', url: 'http://demo.haoji.me/pinyinjs/', language: [ '', '', 'https://github.com/sxei/pinyinjs' ] }, { name: 'ms', desc: '使用此包可以轻松地将各种时间格式转换为毫秒。', url: 'https://github.com/zeit/ms', }, { icon: 'https://avatars2.githubusercontent.com/u/5298359?s=200&v=4', name: 'ramda', desc: '适用于JavaScript程序员的实用函数库', url: 'https://ramdajs.com', language: [ '', '', 'https://github.com/ramda/ramda' ] }, { name: 'decimal.js', desc: 'JavaScript的任意精度Decimal类型 (0.1+0.2=0.3)', url: 'http://mikemcl.github.io/decimal.js', language: [ '', '', 'https://github.com/MikeMcl/decimal.js/' ] }, { name: 'copy-to-clipboard', desc: '简单的模块公开copy功能,它将尝试使用execCommand与特定于IE的clipboardData接口的回退,最后,通常prompt使用适当的文本内容和消息', url: 'https://github.com/sudodoki/copy-to-clipboard', }, { name: 'path-to-regexp', desc: '将字符串路径转换成正则表达式', url: 'https://github.com/pillarjs/path-to-regexp', }, { name: 'autosize', desc: 'autosize是一个小的独立脚本,可以自动调整textarea域的高度以适合文本', url: 'http://www.jacklmoore.com/autosize/', language: [ '', '', 'https://github.com/jackmoore/autosize' ] }, { name: 'shake.js', desc: '监听手机设备摇动', url: 'https://github.com/alexgibson/shake.js', }, { name: 'progressbar', desc: '可以轻松地为Web创建响应式和时尚的进度栏。动画即使在移动设备上也表现良好', url: 'https://kimmobrunfeldt.github.io/progressbar.js/', language: [ '', '', 'https://github.com/kimmobrunfeldt/progressbar.js' ] }, { icon: 'https://avatars0.githubusercontent.com/u/28626637?s=200&v=4', name: 'easy-mock', desc: 'Easy Mock 是一个可视化,并且能快速生成模拟数据的持久化服务', url: 'https://easy-mock.com', language: [ '', '', 'https://github.com/easy-mock/easy-mock/blob/dev/README.zh-CN.md' ] }, { icon: 'https://joe.sh/assets/images/favicon.ico', name: 'Clamp.js', desc: 'JS版本的多行文本溢出省略', url: 'https://joe.sh/clamp-js', language: [ '', '', 'https://github.com/josephschmitt/Clamp.js' ] }, { name: 'json-bigint', desc: '带有bigints支持的JSON.parse / stringify', url: 'https://github.com/sidorares/json-bigint' }, { name: 'exif-js', desc: '用于读取EXIF图像元数据的JavaScript库', url: 'https://github.com/exif-js/exif-js' }, { name: 'lunr.js', desc: 'Lunr.js是一个用于浏览器的小型全文本搜索库。它为JSON文档建立索引,并提供一个简单的搜索界面来检索与文本查询最匹配的文档', url: 'https://github.com/olivernn/lunr.js' }, { name: 'hotkeys', desc: '强大的Javascript库,用于捕获键盘输入和输入的按键组合。它没有依赖性。', url: 'https://wangchujiang.com/hotkeys/', language: [ '', '', 'https://github.com/jaywcjlove/hotkeys' ] }, { name: 'dom-to-image', desc: '使用HTML5 canvas从DOM节点生成图像', url: 'https://github.com/tsayen/dom-to-image' }, { icon: 'https://avatars1.githubusercontent.com/u/59940233?s=200&v=4', name: 'single-spa', desc: '使微前端变得简单', url: 'https://single-spa.js.org/', language: [ '', '', 'https://github.com/single-spa/single-spa' ] }, { icon: 'https://avatars2.githubusercontent.com/u/33895495?s=200&v=4', name: 'qiankun', desc: '为微型前端提供快速,简单和完整的解决方案', url: 'https://qiankun.umijs.org/', language: [ '', '', 'https://github.com/umijs/qiankun' ] }, { icon: 'https://zelark.github.io/nano-id-cc/favicon.ico', name: 'nanoid', desc: '一个很小的,安全的,URL友好的,唯一的JavaScript字符串ID生成器。', url: 'https://zelark.github.io/nano-id-cc/', language: [ '', '', 'https://github.com/ai/nanoid' ] }, { name: 'Numeral-js', desc: '一个用于格式化和处理数字的javascript库', url: 'http://numeraljs.com', language: [ '', '', 'https://github.com/adamwdraper/Numeral-js' ] }, { name: 'ua-parser-js', desc: '用于从userAgent字符串检测浏览器,引擎,操作系统,CPU和设备类型/模型。支持浏览器和node.js环境', url: 'http://faisalman.github.io/ua-parser-js/', language: [ '', '', 'https://github.com/faisalman/ua-parser-js' ] }, { icon: 'https://avatars0.githubusercontent.com/u/7997161?s=200&v=4', name: 'hammer.js', desc: '一个用于多点触摸手势的javascript库', url: 'http://hammerjs.github.io', language: [ '', '', 'https://github.com/hammerjs/hammer.js' ] }, ] }, { title: '国际化多语言方案', nav: [ { icon: 'https://avatars1.githubusercontent.com/u/8546082?s=200&v=4', name: 'i18next', desc: 'i18next是一个非常流行的国际化框架,适用于浏览器或任何其他JavaScript环境(例如,node.js)。', url: 'http://i18next.com/', language: [ '', '', 'https://github.com/i18next/i18next' ] }, { icon: 'https://avatars3.githubusercontent.com/u/11225539?s=200&v=4', name: 'js-lingui', desc: 'JavaScript的可读,自动化和优化(5 kb)国际化', url: 'https://lingui.js.org/', language: [ '', '', 'https://github.com/lingui/js-lingui' ] }, ] }, { title: '动画', nav: [ { name: 'wow.js', desc: '基于Animate.css,向下滚动页面时显示CSS动画,轻松自定义动画设置:样式,延迟,长度,偏移,迭代...', url: 'http://mynameismatthieu.com/WOW/', language: [ '', '', 'https://github.com/matthieua/WOW' ] }, { name: 'Waves', desc: '受Google材质设计启发的点击效果, 波纹效果', url: 'http://fian.my.id/Waves/#examples', }, { name: 'velocity', desc: '加速JavaScript动画', url: 'http://velocityjs.org/', language: [ '', '', 'https://github.com/julianshapiro/velocity' ] }, { name: 'anime', desc: '轻量级的JavaScript动画库。它适用于任何CSS属性,单个CSS转换,SVG或任何DOM属性以及JavaScript对象', url: 'http://animejs.com/', language: [ '', '', 'https://github.com/juliangarnier/anime' ] }, { name: 'Hover-Buttons', desc: 'hover动画CSS / SCSS按钮', url: 'https://varin6.github.io/Hover-Buttons/', language: [ '', '', 'https://github.com/Varin6/Hover-Buttons' ] }, ] }, { title: '加盐', nav: [ { name: 'JavaScript-MD5', desc: 'JavaScript MD5实现。兼容服务器端环境,如node.js,RequireJS等模块加载器和所有Web浏览器', url: 'https://blueimp.github.io/JavaScript-MD5/', language: [ '', '', 'https://github.com/blueimp/JavaScript-MD5' ] }, { name: 'js-sha1', desc: 'JavaScript的简单SHA1哈希函数支持UTF-8编码。', url: 'https://github.com/emn178/js-sha1', language: [ '', '', 'https://github.com/emn178/js-sha1' ] }, { name: 'js-base64', desc: 'JavaScript的Base64实现', url: 'https://github.com/dankogai/js-base64', }, { name: 'jsSHA', desc: 'SHA-1,SHA-224,SHA3-224,SHA-256,SHA3-256,SHA-384,SHA3-384,SHA-512,SHA3-512,SHAKE128 ,和SHAKE256以及HMAC', url: 'https://caligatio.github.io/jsSHA/', language: [ '', '', 'https://github.com/Caligatio/jsSHA' ] }, { name: 'crypto-js', desc: '加密标准的JavaScript库', url: 'https://cryptojs.gitbook.io', language: [ '', '', 'https://github.com/brix/crypto-js' ] }, ] }, { title: '文件插件相关', nav: [ { name: 'pdf.js', desc: 'PDF.js是一个使用HTML5构建的可移植文档格式(PDF)查看器', url: 'https://mozilla.github.io/pdf.js/web/viewer.html', language: [ '', '', 'https://github.com/mozilla/pdf.js' ] }, { name: 'webuploader', desc: '百度出品,采用大文件分片并发上传,极大的提高了文件上传效率。', url: 'http://fex.baidu.com/webuploader/', language: [ '', '', 'https://github.com/fex-team/webuploader' ] }, { name: 'pdfmake', desc: '纯JavaScript中的客户端/服务器端PDF打印, HTML转换Pdf', url: 'http://pdfmake.org/', language: [ '', '', 'https://github.com/bpampuch/pdfmake' ] }, { name: 'ViewerJS', desc: 'JavaScript中的文档阅读器, pdf/ppt/opt/odt等文件渲染成HTML', url: 'https://viewerjs.org/', language: [ '', '', 'https://github.com/kogmbh/ViewerJS' ] }, { name: 'filepond', desc: '灵活而有趣的JavaScript文件上传库', url: 'https://pqina.nl/filepond/', language: [ '', '', 'https://github.com/pqina/filepond' ] }, { name: 'FileSaver.js', desc: '客户端保存文件的解决方案,非常适合在客户端上生成文件的Web应用程序', url: 'https://github.com/eligrey/FileSaver.js', }, { name: 'jsPDF', desc: '一个使用JavaScript生成PDF的库', url: 'https://parall.ax/products/jspdf', language: [ '', '', 'https://github.com/MrRio/jsPDF' ] }, ] }, { title: '图片预览', nav: [ { name: 'PhotoSwipe', desc: '适用于移动和桌面的JavaScript图像库, 图片预览', url: 'http://photoswipe.com/', language: [ '', '', 'https://github.com/dimsemenov/PhotoSwipe' ] }, { name: 'viewerjs', desc: 'javascript图片预览', url: 'https://fengyuanchen.github.io/viewerjs/', language: [ '', '', 'https://github.com/fengyuanchen/viewerjs' ] }, ] }, { title: '音频/视频', nav: [ { icon: 'https://howlerjs.com/assets/images/favicon.ico', name: 'howler.js', desc: '现代 Web 音频 javascript 库', url: 'https://howlerjs.com/', language: [ '', '', 'https://github.com/goldfire/howler.js' ] }, { name: 'DPlayer', desc: '哇,这么可爱的HTML5 danmaku视频播放器', url: 'http://dplayer.js.org/#/zh-Hans/', language: [ 'http://dplayer.js.org/#/home', 'http://dplayer.js.org/#/zh-Hans/', 'https://github.com/MoePlayer/DPlayer' ] }, { name: 'APlayer', desc: '哇,这么可爱的HTML5音乐播放器', url: 'https://aplayer.js.org/#/zh-Hans/', language: [ 'http://aplayer.js.org/', 'https://aplayer.js.org/#/zh-Hans/', 'https://github.com/MoePlayer/APlayer' ] }, ] }, { title: '图形', nav: [ { icon: 'https://threejs.org/files/favicon.ico', name: 'three.js', desc: 'JavaScript 3D引擎', url: 'https://threejs.org/', language: [ 'https://threejs.org/', 'http://techbrood.com/threejs/docs', 'https://github.com/mrdoob/three.js' ] }, { name: 'flowy', desc: '创建流程图的最小JavaScript库', url: 'https://github.com/alyssaxuu/flowy' }, { icon: 'https://echarts.apache.org/examples/images/favicon.png', name: 'incubator-echarts', desc: '浏览器的功能强大的交互式图表和可视化库', url: 'http://echarts.apache.org/', language: [ '', '', 'https://github.com/apache/incubator-echarts' ] }, { icon: 'https://avatars1.githubusercontent.com/u/1562726?s=200&v=4', name: 'd3', desc: '借助SVG,Canvas和HTML使数据栩栩如生。', url: 'https://github.com/d3/d3', }, ] }, { title: 'UI组件库', nav: [ { icon: 'https://getuikit.com/images/favicon.png', name: 'uikit', desc: '一款轻量级、模块化的前端框架可快速构建强大的web前端界面', url: 'http://www.getuikit.net/', language: [ 'https://getuikit.com/docs/installation', 'http://www.getuikit.net/', 'https://github.com/uikit/uikit' ] }, ] }, { title: '原生APP交互webview桥接', nav: [ { name: 'JsBridge', desc: 'android java和javascript桥接,灵感来自微信webview jsbridge', url: 'https://github.com/lzyzsd/JsBridge', }, { name: 'DSBridge-Android', desc: '一个现代的跨平台JavaScript桥接,通过它您可以在JavaScript和本机之间同步或异步地调用彼此的功能', url: 'https://github.com/wendux/DSBridge-Android', }, ] }, { title: '参数验证', nav: [ { name: 'joi', desc: '对象模式验证', url: 'https://github.com/hapijs/joi', }, { name: 'validator.js', desc: '字符串验证插件、表单验证', url: 'https://github.com/chriso/validator.js', }, { name: 'async-validator', desc: '异步验证器', url: 'https://github.com/yiminghe/async-validator', }, { name: 'yup', desc: '无效的简单对象架构验证', url: 'https://runkit.com/jquense/yup', language: [ '', '', 'https://github.com/jquense/yup#using-a-custom-locale-dictionary' ] }, ] }, { title: '数据库', nav: [ { icon: 'https://avatars2.githubusercontent.com/u/18673496?s=200&v=4', name: 'localForage', desc: '离线存储,使用简单但功能强大的API包装IndexedDB,WebSQL或localStorage。', url: 'https://github.com/localForage/localForage', }, ] }, { title: '步骤引导', nav: [ { icon: 'https://avatars2.githubusercontent.com/u/2010360?s=200&v=4', name: 'introjs', desc: '为您的网站和项目提供新功能介绍和逐步用户指南的更好方法', url: 'https://introjs.com/', language: [ '', '', 'https://github.com/usablica/intro.js' ] }, { icon: 'https://avatars3.githubusercontent.com/u/17297725?s=200&v=4', name: 'shepherd', desc: '引导您的用户浏览您的应用程序', url: 'https://shepherdjs.dev/', language: [ '', '', 'https://github.com/shipshapecode/shepherd' ] }, { name: 'bootstrap-tour', desc: '使用Twitter Bootstrap Popovers快速方便地进行产品浏览', url: 'http://bootstraptour.com/', language: [ '', '', 'https://github.com/sorich87/bootstrap-tour' ] }, ] }, ] }