美文网首页
eutils - 项目介绍

eutils - 项目介绍

作者: hellolong | 来源:发表于2019-06-10 10:45 被阅读0次

项目介绍

该项目整理了前端比较常用的工具集,包括js工具和css工具;
当我们新建一个前端项目时,只需要引入这个npm包,就可以省去很多写工具的重复工作;

项目规范

  • 函数使用小驼峰方式命名
  • 对象使用大驼峰方式命名
  • 项目使用webpack构建,支持按需引入
  • 支持直接引入编译前的源文件:less文件、es6文件

安装

$ npm install @jnlong/eutils

使用

js

    // js引用方法1
    import eutils from 'eutils';

    eutils.date.format('2018-9-6', '{y}/{m}/{d} {h}:{i}:{s}');

    // js引用方法2
    import {type, urlParse, date, log as ulog} from 'eutils';
    date.format(new Date(), 'YYYY-MM-DD HH:mm:ss.SSS');

    // 按需引入js源文件
    import date as uDate from 'eutils/src/js/date'

style

    // 引入css
    @import 'eutils/dist/index.css';

    // 引入less:webpack需要配置less解析
    @import 'eutils/src/style/index.less';
    @import 'eutils/src/style/index.less';

用法

在 example/main.js中编写了每一个API的用法,可以打开文件查看。

example

可以运行样例查看example

  • git clone git@github.com:jnlong/eutils.git
  • cd eutitls
  • npm install --save-dev
  • npm run dev
  • 用浏览器打开 http://localhost:8088/查看example,也可以同时打开浏览器的控制台查看console信息

参考

相关文章

  • eutils - 项目介绍

    项目介绍 该项目整理了前端比较常用的工具集,包括js工具和css工具;当我们新建一个前端项目时,只需要引入这个np...

  • eutils - API

    [TOC] tools 为了方便调用,tools目录的API生成在eutils根目录,调用方法:eutils.lo...

  • NCBI批量下载基因序列

    网上提供的多种方法,嗯嗯, 目前觉得下面这种方法最为简单,方便, 带你飞...... https://eutils...

  • 项目介绍

    我最深刻的项目就是我在大四几乎是一整年围绕着的这份实习,在南京的幕测公司。这是一个我的导师自己成立的公司,起初他只...

  • 项目介绍

    项目介绍 苏州健柏健康管理咨询有限公司成立于2015年11月5日,总部位于苏州是经河南省工商行政管理局批准注册的大...

  • 项目介绍

    我们组原先做的项目是贪吃蛇的小游戏,但是被老师否决了。下一步计划是做一个校园超市,主要内容包括校园的东区西区食堂、...

  • 项目介绍

    1. 产品名称:WebNode 2. WebNode 简介 本产品是一个信息收集、检索、交流的网络平台。其核心是一...

  • 项目介绍

    项目一 五感瑜伽腿部疏通~告别冬天腿脚冰凉 流程时间60分钟 经络畅通的重要性不言而喻,我们常说经络决定生死能够治...

  • 项目介绍

    1.客户管理系统 1.1 项目背景:为了改进原有的系统,提升公司业务效率 (前端技术栈:Vue,Vue-Route...

  • 项目介绍

    项目介绍可以看下中文版文档的首页http://www.framework7.cn/英语好的可以看这个插件的官方网站...

网友评论

      本文标题:eutils - 项目介绍

      本文链接:https://www.haomeiwen.com/subject/rwlcxctx.html