博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一个简单前端工具集-yanjs
阅读量:6552 次
发布时间:2019-06-24

本文共 884 字,大约阅读时间需要 2 分钟。

This is just a common toolkit for the Front End

安装使用

  • Install
$ npm install yanjs复制代码
  • Example
var yanjs = require('yanjs');复制代码
  • Documentation

造轮子的初衷

现在的前端发展正是百花齐放的时代,各种框架、各种库、各种插件层出不穷,为何还要重复造轮子内(毕竟大家都知道DRY,Don't repeat yourself):

  1. 为了公司内部使用,减少三方插件的依赖
  2. 为了轻量级,加快页面的加载速度,现有业务用目前流行的工具库(如 lodash.js)使用率不是很高,并不是所有功能都用上
  3. 现在业务的技术栈主要是Vue,要进一步去除jQuery的依赖,做一个替代jQuery里部分工具函数的过渡
  4. 为了熟悉实践下前端开发的流程,学习一下如何造轮子(向轮子哥vczh致敬),提升一下自己的水平
  5. 为大前端的发展添砖加瓦,^_^

开发流程

  • 开发需求
    主要是根据平时业务中常用的总结如下需求
  1. ajax模块
  2. 时间格式转换模块
  3. 字符串格式转换模块
  4. cookie模块
  5. url解析模块
  6. 浏览器模块
  • 开发依赖
    鉴于开发中常用的ajax库是axios,所以就不再重复造轮子了,简单的封装了下,cookie直接使用的是MDN封装好的docCookies
  • 开发环境
    语言:Typescript 3.x
    转换:babel 7.x
    打包:webpack 4.x
    测试:mocha+chai+phantomjs
  • 发布环境
    集成:
    发布:
    托管:

开发心得

  • 经历了

    第一次用typescript编写业务代码
    第一次发布npm包
    第一次用mocha测试工具完成代码测试
    第一次用Travis-ci集成工具

  • 结果

    完整的体验了一次前端工程化开发,基本熟悉了整个开发流程
    公司内部已有两个项目在使用此库,已经基本稳定

碎碎念

鄙人还在成长中,可能还有许多地方考虑不周,欢迎交流学习,欢迎提

联系我:

Github:
Blog:
Segmentfault:

大佬,点了再走呗,^_^

转载地址:http://gcnco.baihongyu.com/

你可能感兴趣的文章
linux extract rar files
查看>>
用CS的思维可以指导BS的项目吗?
查看>>
Knockout.Js官网学习(监控属性Observables)
查看>>
ORA-12514: TNS: 监听程序当前无法识别连接描述符中请求的服务解决
查看>>
windows phone 了解LinearGradientBrush类和RadialGradienBrush类(11)
查看>>
敏捷开发中的Scrum流程和术语【转】
查看>>
azure之MSSQL服务性能测试
查看>>
公众平台安全中心新增运营者微信号个数为四个 支持多人管理
查看>>
Android BitmapFactory.Options
查看>>
前端构建:Less入了个门
查看>>
Hibernate 自动生成数据库表
查看>>
phonegap(cordova) 自己定义插件代码篇(三)----支付宝支付工具整合
查看>>
牛客网Java刷题知识点之构造函数是什么、一般函数和构造函数什么区别呢、构造函数的重载、构造函数的内存图解...
查看>>
博客更名为 健哥的数据花园
查看>>
linux 批量进行:解压缩某一类压缩文件类型的文件
查看>>
ubuntu,CentOS永久修改主机名
查看>>
激活modelsim se 10.4 时运行patch_dll.bat不能生成TXT
查看>>
17秋 软件工程 Alpha 事后诸葛亮会议
查看>>
线性空间
查看>>
Tensflow的targmax函数
查看>>